Skip to content

Commit d16806f

Browse files
benhatsorbenhatsor
committed
Update index.html
1 parent 5488131 commit d16806f

File tree

1 file changed

+32
-20
lines changed

1 file changed

+32
-20
lines changed

‎index.html‎

Lines changed: 32 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@ <h1 class="hero__title color-1 weight-title-h font-title">Code with fun</h1>
127127
<h2 class="color-1 weight-title-h font-title section__title left noMargin">Code for everyone</h2>
128128
<p class="weight-text section__subtitle left noMargin">We believe coding should be fun. Free of console commands and long builds.</p>
129129
<div class="ft__description">
130-
<div class="ftPoint">
130+
<div class="ftPoint visible">
131131
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
132132
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
133133
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
@@ -138,7 +138,18 @@ <h3 class="ftPoint__title color-1 weight-text-m">Live view</h3>
138138
<div class="ftPoint__description">Run JavaScript, HTML, CSS and Markdown projects with a tap.</div>
139139
</div>
140140
</div>
141-
<div class="ftPoint">
141+
<div class="ftPoint visible">
142+
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
143+
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
144+
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
145+
<path d="M8.7 15.9L4.8 12l3.9-3.9c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0l-4.59 4.59c-.39.39-.39 1.02 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0 .39-.39.39-1.01 0-1.4zm6.6 0l3.9-3.9-3.9-3.9c-.39-.39-.39-1.01 0-1.4.39-.39 1.01-.39 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6c-.39.39-1.01.39-1.4 0-.39-.39-.39-1.01 0-1.4z"></path>
146+
</svg></div>
147+
<div class="ftPoint__meta">
148+
<h3 class="ftPoint__title color-1 weight-text-m">Code in (almost) any language</h3>
149+
<div class="ftPoint__description">+290 supported languages.</div>
150+
</div>
151+
</div>
152+
<div class="ftPoint visible">
142153
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
143154
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
144155
</svg>
@@ -149,54 +160,55 @@ <h3 class="ftPoint__title color-1 weight-text-m">Live view</h3>
149160
</div>
150161
<div class="ftPoint__meta">
151162
<h3 class="ftPoint__title color-1 weight-text-m">Share</h3>
152-
<div class="ftPoint__description">Live views, repos, files.</div>
163+
<div class="ftPoint__description">Live views, repos, and files open instantly with a link.</div>
153164
</div>
154165
</div>
155-
<div class="ftPoint">
166+
<div class="ftPoint visible">
156167
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
157168
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
158169
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
159-
<path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"></path>
170+
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
160171
</svg></div>
161172
<div class="ftPoint__meta">
162-
<h3 class="ftPoint__title color-1 weight-text-m">Private</h3>
163-
<div class="ftPoint__description">Codeit dosen't use cookies or collect any personal data. Your code stays on your device.</div>
173+
<h3 class="ftPoint__title color-1 weight-text-m">Cross-platform</h3>
174+
<div class="ftPoint__description">Works on iOS, Android, Windows, macOS and Linux.</div>
164175
</div>
165176
</div>
166-
<div class="ftPoint">
177+
<div class="ftPoint visible">
167178
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
168179
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
169180
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
170-
<path d="M12,17.27l4.15,2.51c0.76,0.46,1.69-0.22,1.49-1.08l-1.1-4.72l3.67-3.18c0.67-0.58,0.31-1.68-0.57-1.75l-4.83-0.41 l-1.89-4.46c-0.34-0.81-1.5-0.81-1.84,0L9.19,8.63L4.36,9.04c-0.88,0.07-1.24,1.17-0.57,1.75l3.67,3.18l-1.1,4.72 c-0.2,0.86,0.73,1.54,1.49,1.08L12,17.27z"></path>
181+
<path d="M11.19 1.36l-7 3.11C3.47 4.79 3 5.51 3 6.3V11c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V6.3c0-.79-.47-1.51-1.19-1.83l-7-3.11c-.51-.23-1.11-.23-1.62 0zm-1.9 14.93L6.7 13.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l5.88-5.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-6.59 6.59c-.38.39-1.02.39-1.41 0z"></path>
171182
</svg></div>
172183
<div class="ftPoint__meta">
173-
<h3 class="ftPoint__title color-1 weight-text-m">Web app</h3>
174-
<div class="ftPoint__description">Weighs 70% less than regular apps, can be installed and works offline.</div>
184+
<h3 class="ftPoint__title color-1 weight-text-m">Autosave</h3>
185+
<div class="ftPoint__description">Say goodbye to Ctrl + S. Never lose a character.</div>
175186
</div>
176187
</div>
177-
<div class="ftPoint">
188+
<div class="ftPoint visible">
178189
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
179190
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
180191
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
181-
<path d="M10.67,21L10.67,21c-0.35,0-0.62-0.31-0.57-0.66L11,14H7.5c-0.88,0-0.33-0.75-0.31-0.78c1.26-2.23,3.15-5.53,5.65-9.93 c0.1-0.18,0.3-0.29,0.5-0.29h0c0.35,0,0.62,0.31,0.57,0.66L13.01,10h3.51c0.4,0,0.62,0.19,0.4,0.66c-3.29,5.74-5.2,9.09-5.75,10.05 C11.07,20.89,10.88,21,10.67,21z"></path>
192+
<path d="M12,17.27l4.15,2.51c0.76,0.46,1.69-0.22,1.49-1.08l-1.1-4.72l3.67-3.18c0.67-0.58,0.31-1.68-0.57-1.75l-4.83-0.41 l-1.89-4.46c-0.34-0.81-1.5-0.81-1.84,0L9.19,8.63L4.36,9.04c-0.88,0.07-1.24,1.17-0.57,1.75l3.67,3.18l-1.1,4.72 c-0.2,0.86,0.73,1.54,1.49,1.08L12,17.27z"></path>
182193
</svg></div>
183194
<div class="ftPoint__meta">
184-
<h3 class="ftPoint__title color-1 weight-text-m">Autosaving</h3>
185-
<div class="ftPoint__description">Instant and down to the character.</div>
195+
<h3 class="ftPoint__title color-1 weight-text-m">PWA magic</h3>
196+
<div class="ftPoint__description">Weighs 80% less than regular apps, can be installed and works offline.</div>
186197
</div>
187198
</div>
188-
<div class="ftPoint">
199+
<div class="ftPoint visible">
189200
<div class="iconWrapper medium circle" style="width:34px;height:34px"><svg class="backdrop" width="34" height="34" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
190201
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
191202
</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon">
192-
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path>
203+
<path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM9 8V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9z"></path>
193204
</svg></div>
194205
<div class="ftPoint__meta">
195-
<h3 class="ftPoint__title color-1 weight-text-m">Cross-platform</h3>
196-
<div class="ftPoint__description">Codeit is built for Chrome on Android, Windows, macOS and Linux, as well as Safari on iOS.</div>
206+
<h3 class="ftPoint__title color-1 weight-text-m">Private</h3>
207+
<div class="ftPoint__description">Codeit dosen't use cookies or collect any personal data. Your code stays on your device.</div>
197208
</div>
198-
</div></div>
209+
</div>
199210
</div>
211+
</div>
200212
</div>
201213
</div>
202214
<div class="ft__half pdx pdx--noOverflow pdxParent--smartphones" style="--pdx-maxheight:1">

0 commit comments

Comments
 (0)