-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
229 lines (221 loc) · 11.5 KB
/
index.html
File metadata and controls
229 lines (221 loc) · 11.5 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>electrolytic.app - push notifications and analytics for Electron apps</title>
<link href="https://fonts.googleapis.com/css?family=Heebo:400,500,700|Fira+Sans:600" rel="stylesheet">
<link rel="stylesheet" href="dist/css/style.css">
<style>
.tag {
padding: 0 5px;
font-size: 12px;
border: 1px solid;
border-radius: 3px;
text-transform: uppercase;
}
</style>
</head>
<body class="is-boxed">
<div class="body-wrap">
<header class="site-header">
<div class="header-shape header-shape-1">
<svg width="337" height="222" viewBox="0 0 337 222" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="50%" y1="55.434%" x2="50%" y2="0%" id="header-shape-1">
<stop stop-color="#E0E1FE" stop-opacity="0" offset="0%"/>
<stop stop-color="#E0E1FE" offset="100%"/>
</linearGradient>
</defs>
<path d="M1103.21 0H1440v400h-400c145.927-118.557 166.997-251.89 63.21-400z" transform="translate(-1103)" fill="url(#header-shape-1)" fill-rule="evenodd"/>
</svg>
</div>
<div class="header-shape header-shape-2" style="top: 390px; right: 50px;">
<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" style="overflow:visible">
<defs>
<linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="header-shape-2">
<stop stop-color="#bae8e8" offset="0%"/>
<stop stop-color="#bae8e8" offset="100%"/>
</linearGradient>
</defs>
<circle class="anime-element fadeup-animation" cx="64" cy="64" r="64" fill="url(#header-shape-2)" fill-rule="evenodd"/>
</svg>
</div>
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h3 class="m-0">
electrolytic
</h3>
</div>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title mt-0">More power to Electron apps</h1>
<p class="hero-paragraph">Add push notifications, analytics, remote configs, release control and much more to your apps built with Electron.</p>
<div class="hero-form field field-grouped">
<div class="control">
<a class="button button-primary" href="https://dashboard.electrolytic.app">
<!-- <img src="./dist/images/github-logo@2x.png"
style="margin-right: 10px;
height: 32px;
margin-top: -8px;
width: 32px" alt="Github"> -->
Get Started</a>
<a class="button button-secondary" target="blank" href="https://github.com/electrolytic/electrolytic/blob/master/README.md">Read Docs</a>
</div>
</div>
</div>
<div class="hero-illustration" style="margin-top: -80px;">
<img src="./dist/images/electrolytic-code.svg" alt="" style="max-width: 600px;">
</div>
</div>
</div>
</section>
<section class="features section">
<div class="container">
<div class="features-inner section-inner">
<div class="features-header text-center" style="margin: 50px 0;">
<div class="container-sm">
<h2 class="section-title">Features</h2>
<p class="section-paragraph">We've built a powerful set of tools in one easy-to-use NPM package.</p>
</div>
</div>
<div class="features-wrap">
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon" style="background:#C6FDF3;">
<svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="nonzero">
<circle fill="#1ADAB7" cx="38" cy="50" r="5"/>
<path d="M53 42h2v-8a1 1 0 0 0-1-1h-8v2h5.586l-8.293 8.293a1 1 0 1 0 1.414 1.414L53 36.414V42z" fill="#1ADAB7"/>
<path fill="#83F0DD" d="M34 41.414l3-3 3 3L41.414 40l-3-3 3-3L40 32.586l-3 3-3-3L32.586 34l3 3-3 3zM55.414 48L54 46.586l-3 3-3-3L46.586 48l3 3-3 3L48 55.414l3-3 3 3L55.414 54l-3-3z"/>
</g>
</svg>
</div>
<h4 class="feature-title h3-mobile mb-8">Push</h4>
<p style="color: #ffd803;"> <small class="tag">beta</small> </p>
<p class="text-sm">Send push notifications from your server to your users</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon" style="background:#FFD8CD;">
<svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="nonzero">
<path d="M54 56h-9a2 2 0 0 1-2-2V43a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2zm-9-13v10h9V43h-9z" fill="#FCAC96"/>
<path d="M41 50h-7V34h14v5h2v-5a2 2 0 0 0-2-2H34a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h7v-4z" fill="#FC8464"/>
</g>
</svg>
</div>
<h4 class="feature-title h3-mobile mb-8">Config</h4>
<p> <small class="tag">private beta</small> </p>
<p class="text-sm">Remote JSON config to store static key-value data for your app</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon" style="background:#E0E1FE;">
<svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="nonzero">
<path d="M41 42h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1zM41 55h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1z" fill="#4950F6"/>
<path fill="#8D92FA" d="M45 34h10v2H45zM45 39h10v2H45zM45 47h10v2H45zM45 52h10v2H45z"/>
</g>
</svg>
</div>
<h4 class="feature-title h3-mobile mb-8">Analytics</h4>
<p> <small class="tag">coming soon</small> </p>
<p class="text-sm">Detailed analytics about app installs, usage and geography of your users</p>
</div>
</div>
<div class="feature text-center is-revealing">
<div class="feature-inner">
<div class="feature-icon" style="background:#FFD2DA;">
<svg width="88" height="88" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="nonzero">
<path d="M43 47v7a13 13 0 0 0 13-13v-7c-7.18 0-13 5.82-13 13z" fill="#FF6381"/>
<path d="M32 41v4a9 9 0 0 0 9 9v-4a9 9 0 0 0-9-9z" fill="#FF97AA"/>
</g>
</svg>
</div>
<h4 class="feature-title h3-mobile mb-8">Distribution</h4>
<p> <small class="tag">coming soon</small> </p>
<p class="text-sm">Manage release of your app; release for all users or just a few of them</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials section">
<div class="testimonials-shape testimonials-shape-1">
<svg width="280" height="280" viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="100%" y1="0%" x2="0%" y2="100%" id="testimonials-shape-1">
<stop stop-color="#261FB6" offset="0%"/>
<stop stop-color="#4950F6" offset="100%"/>
</linearGradient>
</defs>
<circle cx="140" cy="685" r="140" transform="translate(0 -545)" fill="url(#testimonials-shape-1)" fill-rule="evenodd"/>
</svg>
</div>
<div class="testimonials-shape testimonials-shape-2">
<svg width="125" height="107" viewBox="0 0 125 107" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<circle fill="#C6FDF3" cx="48" cy="59" r="48"/>
</g>
</svg>
</div>
<div class="testimonials-shape testimonials-shape-3">
<svg width="48" height="48" viewBox="0 0 48 48" mlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient x1="93.05%" y1="19.767%" x2="15.034%" y2="85.765%" id="testimonials-shape-3">
<stop stop-color="#FF3058" offset="0%"/>
<stop stop-color="#FF6381" offset="100%"/>
</linearGradient>
</defs>
<circle cx="24" cy="434" r="24" transform="translate(0 -410)" fill="url(#testimonials-shape-3)" fill-rule="evenodd"/>
</svg>
</div>
<div class="container">
<div class="testimonials-inner section-inner">
<h2 class="section-title mt-0 text-center">Pricing</h2>
<div class="testimonials-wrap">
<div class="testimonial" style="text-align: center; padding: 0px; margin-bottom: 200px;">
<div class="testimonial-inner" style="min-height: 300px;padding: 20px 24px 24px;">
<div class="testimonial-main">
<div class="testimonial-body">
<h5>Free in beta</h5>
<p>More plans will be announced soon and you'll be notified beforehand.</p>
<p style="margin-top: 50px;"><a class="btn" href="#">Get Started</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container">
<div class="site-footer-inner has-top-divider">
<div class="footer-copyright">© 2019 electrolytic, all rights reserved</div>
<ul class="footer-links list-reset">
<li>
<a href="mailto:me@moin.im">Contact</a>
</li>
</ul>
</div>
</div>
</footer>
</div>
</body>
</html>