-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
336 lines (335 loc) · 20.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!DOCTYPE html>
<html data-wf-page="5c13cf03b3a12c400b1b485b" data-wf-site="5c13cf03b3a12c67901b485a">
<head>
<meta charset="utf-8">
<title>Read Riordan | Signal Kinetics</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/components.css" rel="stylesheet" type="text/css">
<link href="css/membership-one.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic","Hind:300,regular,600","Neuton:200,300,regular"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/Freebie-Favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/Freebie-Webclip.png" rel="apple-touch-icon">
<!-- DELETE ↓↓ -->
<!-- Temporary Memberstack Code -->
<script src="https://api.memberstack.io/static/memberstack.js?custom" data-memberstack-id="364dc741601f8ed38c797805d5e24ef4"> </script>
<!-- DELETE ↑↑ -->
</head>
<body>
<div data-w-id="dc7c1629-a21f-8aa4-7749-ef0018ce6d84" style="opacity:0" class="page-wrapper">
<div class="navbar-ix-trigger">
<div templateid="light" class="template-id"></div>
</div>
<div data-w-id="fe715ffa-f788-79a4-f973-8561297bbf17" class="homepage-navbar">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navbar w-nav">
<div class="container navbar-container"><a href="index.html" class="brand w-nav-brand w--current"><img src="images/heart.svg" alt=""></a>
<nav role="navigation" class="homepage-nav-menu w-nav-menu"><a href="http://acord.software" target="_blank" class="nav-link w-nav-link">Signal Kinetics</a>
<div data-hover="1" data-delay="100" class="nav-dropdown w-dropdown">
<div class="nav-link dropdown-toggle w-dropdown-toggle">
<div class="inline-block">Official news</div><img src="images/Down.svg" width="9" alt="" class="dropdown-icon">
<div class="div-extender"></div>
</div>
<nav class="nav-dropdown-list w-dropdown-list">
<div class="dropdown-diamond"></div><a href="https://rickriordan.com/news/" class="nav-link dropdown-nav-link w-nav-link w--current">Rick Riordan</a><a href="https://rickriordan.com/news/feed" class="nav-link dropdown-nav-link w-nav-link">RSS</a></nav>
<a href="basic/account.html" class="nav-link w-inline-block">
<div ms-hide-member="basic" class="hidden-with-an-attribute" data-ix="black-tooltip-hover">
<div class="black-tooltip lock-tooltip" data-ix="black-tooltip-initial">
<div>Member's Only</div>
<div class="black-diamond"></div>
</div>
</div>
<div class="inline-block">Basic</div>
</a>
<a href="premium/account.html" class="nav-link w-inline-block">
<div ms-hide-member="premium" class="hidden-with-an-attribute hide-premium-member" data-ix="black-tooltip-hover">
<div class="black-tooltip lock-tooltip" data-ix="black-tooltip-initial">
<div>Member's Only</div>
<div class="black-diamond"></div>
</div>
</div>
<div class="inline-block">Premium</div>
</a><a href="#/ms/signup/6017e92dc900fd000499938e" target="_blank" class="button navbar-cta hide-current w-nav-link">Register/Login</a></nav>
<div class="menu-button w-nav-button">
<div class="nav-icon w-icon-nav-menu"></div>
</div>
</div>
<div data-w-id="6c911c59-03a0-8cce-a41f-ab2721526686" class="navbar-shadow"></div>
</div>
</div>
<div class="hero-section">
<div class="home-logo-container w-clearfix"><a href="#/ms/login" class="brand w-inline-block w--current"><img src="images/heart.svg" alt=""></a><a ms-rewrite="My Account" href="#/ms/signup/6017e92dc900fd000499938e" class="nav-link login-link">LOGIN</a></div>
<div class="container hero-container">
<div class="hero-row">
<div data-w-id="412faa30-c1bf-4d8f-f57b-8643f7f292f0" style="-webkit-transform:translate3d(-50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-content">
<h1 class="home-h1">Online community<br> for Rick Riordan fans<br></h1>
<p class="home-text hero-home-text">Requires accounts with <a href="http://acord.software" target="_blank" class="link">Arcadia</a> by <a href="https://acord.software/" target="_blank" class="link">Signal Kinetics</a> to process payments. Setup takes just a few minutes.</p>
<a href="#/ms/signup/6017e92dc900fd000499938e" class="button w-inline-block">
<div>Create a free account!</div>
</a>
</div>
<div data-w-id="a80a2f51-c881-8d21-3e37-38369ce54a37" style="-webkit-transform:translate3d(50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(50PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-block">
<div class="hero-corner hero-corner-bottom-left">
<div style="width:0%" class="hero-line-two"></div>
<div style="height:0%" class="hero-line"></div>
</div>
<div class="hero-corner hero-corner-bottom-right">
<div style="width:0%" class="hero-line-two"></div>
<div style="height:0%" class="hero-line"></div>
</div>
<div class="hero-corner hero-corner-top-right">
<div style="width:0%" class="hero-line-two"></div>
<div style="height:0%" class="hero-line"></div>
</div>
<div class="hero-corner">
<div data-w-id="a6570c47-d7fa-d691-d19e-e0b50c5c01eb" style="height:0%" class="hero-line"></div>
<div data-w-id="a6570c47-d7fa-d691-d19e-e0b50c5c01ec" style="width:0%" class="hero-line-two"></div>
</div>
</div>
</div>
</div>
<div class="container hero-container">
<div class="logo-row"><img src="" alt="" class="customer-logo"><img src="" alt="" class="customer-logo"><img src="" alt="" class="customer-logo"><img src="" alt="" class="customer-logo"><img src="" alt="" class="customer-logo"><img src="" alt="" class="customer-logo"></div>
</div>
<div data-w-id="731f8694-c888-20b6-74b2-f50ac76c14e8" style="-webkit-transform:translate3d(0, -50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(46DEG) skew(0, 0);-moz-transform:translate3d(0, -50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(46DEG) skew(0, 0);-ms-transform:translate3d(0, -50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(46DEG) skew(0, 0);transform:translate3d(0, -50PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(46DEG) skew(0, 0)" class="hero-gradient"></div>
</div><!--
<div class="benefits-section">
<div class="container">
<h2 class="center-h2">Benefits</h2>
<div class="container slim-container">
<div class="home-text center-home-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.</div>
</div>
<div class="feature-row">
<div class="feature-column">
<h3>Benefit</h3>
<div class="home-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.<br>This is some crazy text.</div>
</div>
<div class="feature-column"><img src="images/feature3.svg" alt="" class="feature-svg">
<div class="feature-box">
<div class="hero-corner hero-corner-bottom-right">
<div class="benefit-line-1"></div>
<div class="benefit-line-2"></div>
</div>
</div>
</div>
</div>
<div class="feature-row no-reverse-feature-row">
<div class="feature-column"><img src="images/Feature2.svg" alt="" class="feature-svg">
<div class="feature-box">
<div class="hero-corner hero-corner-top-right">
<div data-w-id="933546fe-9679-c6a4-bf3c-e6b5462bba70" class="benefit-line-1"></div>
<div data-w-id="933546fe-9679-c6a4-bf3c-e6b5462bba71" class="benefit-line-2"></div>
</div>
<div class="hero-corner hero-corner-bottom-left">
<div class="benefit-line-1"></div>
<div class="benefit-line-2"></div>
</div>
</div>
</div>
<div class="feature-column">
<h3>Benefit</h3>
<div class="home-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.<br>This is some crazy text.</div>
</div>
</div>
<div class="feature-row">
<div class="feature-column">
<h3>Benefit</h3>
<div class="home-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.<br>This is some crazy text.</div>
</div>
<div class="feature-column"><img src="images/Feature.svg" alt="" class="feature-svg">
<div class="feature-box">
<div class="hero-corner">
<div class="benefit-line-2"></div>
<div class="benefit-line-1"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-w-id="51e04b46-eac8-acce-13f0-1ad07a01d16a" class="testimonials-section">
<div class="container">
<h2 class="center-h2">Testimonials</h2>
<div class="testimonial-row">
<div data-w-id="8bd614bb-58dd-57f8-63af-9647c29c57e3" class="giant-quotes">,,</div>
<div data-w-id="0152e2e8-76de-a7c5-4f95-80ca3bbf074b" class="testimonial-box left-testimonial"><img src="images/42.jpg" alt="" class="user-pic">
<div class="user-testimonial">“You made it so simple. My new site is so much faster and easier to work with than my old site."</div>
<div class="testimonial-name-wrapper">
<div class="user-name">James May</div><a href="#" class="link">Website.com</a></div>
</div>
<div data-w-id="76b4b61a-d0f6-bac0-0d50-c6558935e395" class="testimonial-box"><img src="images/44.jpg" alt="" class="user-pic">
<div class="user-testimonial">“Wow. I just updated my site and it was SO SIMPLE. I am blown away. You guys truly kick ass. Thanks for being so awesome. High fives!”</div>
<div class="testimonial-name-wrapper">
<div class="user-name">Madison Davey</div><a href="#" class="link">Website.com</a></div>
</div>
<div data-w-id="a18e1185-a19a-2e9f-bb29-510134c28c5b" class="testimonial-box right-testimonial"><img src="images/26.jpg" alt="" class="user-pic">
<div class="user-testimonial">Now, I check Dribbble from my desk at ESPN every day looking for inspiration and hoping to return the favor.<br></div>
<div class="testimonial-name-wrapper">
<div class="user-name">Julia Smith</div><a href="#" class="link">Website.com</a></div>
</div>
</div>
</div>
</div>-->
<div class="benefits-section">
<div class="container">
<div class="feature-grid">
<div class="feature-square">
<div class="feature-icon"></div>
<h3>Fanart</h3>
<div class="home-text">See what your friends are drawing and even buy high-quality art from the world of Rick Riordan - or make your own!</div>
</div>
<div class="feature-square">
<div class="feature-icon"></div>
<h3 class="heading">News feed</h3>
<div class="home-text">Get the latest, 100% verified news relating to our favourite author from right inside the app, so you never miss anything.</div>
</div>
<div class="feature-square">
<div class="feature-icon"></div>
<h3>Interactivity</h3>
<div class="home-text">Ever wondered which Greek god was your parent, or if you were better at dual-wielding swords than archery? Find out!</div>
</div>
<div class="feature-square">
<div class="feature-icon"></div>
<h3>Fan Content</h3>
<div class="home-text">Go on adventures with your favourite characters and enjoy unparalled experiences in the role-play areas of the app.</div>
</div>
</div>
</div>
</div>
<div data-w-id="270e73b5-79b3-13f7-05ef-5275ccf4001e" class="pricing-section">
<div class="container slim-container">
<h2 class="center-h2">Pricing</h2>
<div>
<div class="pricing-row">
<div class="pricing-column basic-column">
<div class="plan-name">Basic</div>
<div class="plan-amount-block"><span class="dollar-sign">$</span><span class="plan-price">0</span><span class="plan-duration">/ mo</span></div>
<div class="plan-features">
<div>Create and view artwork and fanfictions</div>
<div>Access to the community forums and games</div>
<div>Aggregated news content</div>
</div>
<a data-membership-id="6017e92dc900fd000499938e" href="#/ms/signup/6017e92dc900fd000499938e" class="button full-button w-inline-block">
<div>Get Started</div>
</a>
<div class="pricing-accent red-accent"></div>
</div>
<div class="pricing-column">
<div class="plan-name">Premium</div>
<div class="plan-amount-block"><span class="dollar-sign">$</span><span class="plan-price">10</span><span class="plan-duration">/ mo</span></div>
<div class="plan-features">
<div>31 premium articles per month</div>
<div>Early access to new features and games</div>
<div>Monetise your own content (free trial available!)</div>
<div>*Doesn't include fees other creators put on their work</div>
</div>
<a data-membership-id="6017e92dc900fd000499938e" href="#/ms/signup/6017e92dc900fd000499938e" class="button full-button secondary-button w-inline-block">
<div>Get Started</div>
</a>
<div class="pricing-accent"></div>
</div>
</div>
<div class="pricing-disclaimer">*Price does not include additional taxes, fees, and surcharges. To learn more, please <a href="mailto:liam@skinetics.tech" class="link">contact our sales team</a>.<br></div>
</div><!--
<div>
<h3 class="faq-h2">Frequently Asked Questions</h3>
<div class="faq-min-height">
<div class="faq-wrap">
<div class="faq-question">
<div class="faq-q-text">Do you offer any discounts?</div>
<div class="faq-plus-wrap">
<div class="faq-plus-l"></div>
<div class="faq-plus"></div>
</div>
</div>
<div class="faq-answer">
<p class="faq-answer-text">Placeholder: Our product is priced to be affordable, so we don't give any discounts. We already offer our product at a competitive price.<br></p>
</div>
</div>
<div class="faq-wrap">
<div class="faq-question">
<div class="faq-q-text">Is there a long-term contract?</div>
<div class="faq-plus-wrap">
<div class="faq-plus-l"></div>
<div class="faq-plus"></div>
</div>
</div>
<div class="faq-answer">
<p class="faq-answer-text">Placeholder: No, we don't force you into any long-term contracts. Our best price is available as an annual subscription, but we offer monthly subscriptions as well.</p>
</div>
</div>
<div class="faq-wrap">
<div class="faq-question">
<div class="faq-q-text">Which payments do you accept?</div>
<div class="faq-plus-wrap">
<div class="faq-plus-l"></div>
<div class="faq-plus"></div>
</div>
</div>
<div class="faq-answer">
<p class="faq-answer-text">Placeholder: We accept online payments through Visa, MasterCard, and American Express. If you don't have a credit card, we accept checks, PayPal (you must have a PayPal account), and wire transfers. To arrange offline payments, or if you have any questions, please <a href="#" class="normal-font">contact our sales team</a>.<br></p>
</div>
</div>
<div class="faq-wrap">
<div class="faq-question">
<div class="faq-q-text">How do transaction fees work?</div>
<div class="faq-plus-wrap">
<div class="faq-plus-l"></div>
<div class="faq-plus"></div>
</div>
</div>
<div class="faq-answer">
<p class="faq-answer-text">Placeholder: During this time we found that our smallest customers accounted for a significant amount of our support resources. We have changed our pricing structure so that we can better meet the needs of all our customers.</p>
</div>
</div>
</div>
</div>-->
</div>
<div class="container"></div>
</div>
<div class="footer-section">
<div data-w-id="dc06095e-712f-20ef-aaa2-14855b29c909" class="container">
<div class="footer-row"><img src="images/heart.svg" alt="" class="footer-image">
<div>
</div>
</div>
<div class="footer-row">
<div class="footer-copywrite">© Signal Kinetics 2020. All rights reserved.<br></div>
<div class="footer-link-wrapper"><a href="mailto:liam@skinetics.tech" class="footer-link">Contact</a><a href="#/ms/signup/6017e92dc900fd000499938e" class="footer-link">Signup</a><a href="https://acord.software" class="footer-link">About Us</a><a href="#/ms/profile" class="footer-link">My Profile</a>
<div memberstack-template="Light Template" class="template-tag"><a href="http://memberstack.io" target="_blank" class="w-inline-block"></a></div>
</div>
</div>
</div>
</div>
</div>
<div data-w-id="a34fac5a-afce-aa36-1c00-7b5676ad1edf" style="display:none" class="delete-me-welcome">
<div class="help-tooltip tour-tooltip">
<div class="help-tooltip-content">
<div class="help-title inline-block">Setup To-do</div>
<div class="relative">1. Publish this site<br>2. Create a MemberStack account<br>3. Test your membership site 🎉🎉🎉<br></div>
<div class="tour-dot"></div>
<div class="w-embed">
<style>
@keyframes tourDot {
0% {box-shadow: 0 0 0 0px rgba(42, 168, 255, 0.8);}
100% {box-shadow: 0 0 0 80px rgba(42, 168, 255, 0);}
}
.tour-dot {
animation: tourDot 1.5s ease-out infinite;
}
</style>
</div>
</div>
<div class="tour-bottom-row">
<div>You can delete this to-do list anytime.</div>
</div>
<div class="tour-diamond top-right"></div>
</div>
</div>
<script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/membership-one.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>