forked from codeitcodes/codeit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
257 lines (239 loc) · 21.7 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
<!DOCTYPE html>
<html lang="en-us" translate="no" style="background: #0f1014">
<head>
<title>Codeit | Mobile code editor connected to Git</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover,shrink-to-fit=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#0f1014">
<meta name="apple-mobile-web-app-status-bar-style" content="#313744">
<meta name="apple-mobile-web-app-title" content="Codeit">
<meta charset="utf-8">
<meta name="description" content="Run JavaScript projects, code your ideas, and share it all on Codeit.">
<meta property="og:title" content="Codeit | Mobile code editor connected to Git">
<meta property="og:description" content="Run JavaScript projects, code your ideas, and share it all on Codeit.">
<meta property="og:url" content="https://codeit.codes">
<meta property="og:image" content="https://codeit.codes/images/banner-og.png">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Codeit">
<meta property="twitter:title" content="Codeit | Mobile code editor connected to Git">
<meta property="twitter:site" content="@codeitcodes">
<meta property="twitter:site:id" content="@codeitcodes">
<meta property="twitter:creator" content="@codeitcodes">
<meta property="twitter:creator:id" content="@codeitcodes">
<meta name="twitter:card" content="summary">
<meta property="twitter:domain" content="codeit.codes">
<meta property="twitter:url" content="https://codeit.codes/">
<meta name="twitter:description" content="Run JavaScript projects, code your ideas, and share it all on Codeit.">
<meta name="twitter:image" content="https://codeit.codes/images/banner-og.png">
<meta name="referrer" content="default">
<meta name="keywords" content="code editor, version control tools, source code versioning, source code management tools, python, jquery demo, html, git, how to, bootstrap, jquery, javascript, javascript tutorial, javascript tutorial for beginners, javascript programming, html web form, create form in html, responsive web design, html web design, html design, responsive website development, html5 tutorial, html5 css3, html5 development, web design software, web development software, git tutorial, git howto, git repository, git command, git source code, top programming languages to learn, best programming language, best computer language, open source, open source code, open source applications, source code editor, software development tools, development tool, software developer tools list, programmer tool, web application development software">
<link rel="canonical" href="https://codeit.codes/">
<meta name="next-head-count" content="24">
<meta name="robots" content="all">
<script>if (top !== window) { window.location.href = '/redirect' }</script>
<script defer data-domain="codeit.codes" src="https://plausible.io/js/plausible.js"></script>
<link rel="shortcut icon" href="/icons/android-app-512.png">
<link rel="apple-touch-icon" href="/icons/iphone-app-180.png">
<link rel="apple-touch-startup-image" href="https://codeit.codes/splashes/apple-splash-2048-2732.jpg" media="(orientation: portrait) and (orientation: landscape)">
<link rel="stylesheet" href="/homepage/homepage.css">
</head>
<body ontouchstart="">
<div id="header" class="section header" style="--wr-max:1200px">
<div class="wr color-1" style="margin-top:10px;margin-bottom:10px">
<div id="headerNav" class="logoCenter">
<div class="header__half">
<div class="headerNav__links"></div>
</div><a id="headerLogo" href="/" class="header__logoImg"><img src="/icons/iphone-app-180.png" width="80" draggable="false" alt="Codeit"></a>
<div class="header__half">
<div class="header__navCtas"></div>
</div>
</div>
</div>
</div>
<div id="hero" class="section section--hero section--noPadding section--left" style="background-color:#000;--pdx-min-height:0px;--wr-max:1200px">
<div id="headerSpacer" style="height:50px"></div>
<script>
! function() {
var e, t = document.getElementById("header"),
n = document.getElementById("headerSpacer");
t && n && (e = t.getBoundingClientRect().height, n.setAttribute("style", "height:" + e + "px"))
}()
</script>
<div class="ft ft--left" style="--pdx-pt:0;--pdx-pb:0">
<div class="ft__half">
<div class="ft__wrapper" style="max-width:570px">
<div class="ft__content">
<h1 class="hero__title color-1 weight-title-h font-title">Code with fun</h1>
<p class="hero__subtitle weight-text">Mobile code editor<br> connected to Git.</p>
<div class="ctas"><a class="btn btn--b btn--primary btn--large install loading" style="color:#000;background-color:#fff"></a></div>
<div class="hero__ctaInfo"></div>
</div>
</div>
</div>
<div class="ft__half pdx pdx--noOverflow pdxParent--smartphones" style="--pdx-maxheight:1">
<div class="pdxItem pdxItem--smartphones"><svg viewBox="0 0 328 655" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="pdxPhone">
<defs>
<path d="M0 45.86C0 20.532 20.532 0 45.86 0h236.28C307.468 0 328 20.532 328 45.86v562.286c0 25.328-20.532 45.86-45.86 45.86H45.86c-25.328 0-45.86-20.532-45.86-45.86V45.86z" id="framePhoneThinDark-a"></path>
<filter x="-1.1%" y="-.5%" width="102.1%" height="101.1%" filterUnits="objectBoundingBox" id="framePhoneThinDark-b">
<feMorphology radius="2" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
<feGaussianBlur stdDeviation="2.5" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
<feOffset in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.125490196 0 0 0 0 0.129411765 0 0 0 0 0.141176471 0 0 0 0.721727491 0" in="shadowInnerInner1"></feColorMatrix>
</filter>
</defs>
<g fill="none" fill-rule="evenodd">
<g>
<use fill="#282C2F" xlink:href="#framePhoneThinDark-a"></use>
<use fill="#000" filter="url(#framePhoneThinDark-b)" xlink:href="#framePhoneThinDark-a"></use>
</g>
<path d="M14 47c0-18.778 15.222-34 34-34h232c18.778 0 34 15.222 34 34v560c0 18.778-15.222 34-34 34H48c-18.778 0-34-15.222-34-34V47z" fill="transparent"></path>
</g>
</svg>
<div class="pdxContent"><img src="/homepage/featured-pic.png"></div>
</div>
</div>
</div>
</div>
<div id="features" class="section section--feature section--noPadding section--left" style="background-color:#000;--pdx-min-height:0px;--wr-max:1200px">
<div class="ft ft--left" style="--pdx-pt:0;--pdx-pb:0">
<div class="ft__half">
<div class="ft__wrapper" style="max-width:570px">
<div class="ft__content">
<h2 class="color-1 weight-title-h font-title section__title left noMargin">Code for everyone</h2>
<p class="weight-text section__subtitle left noMargin">We believe coding should be fun. Free of console commands and long builds.</p>
<div class="ft__description">
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<path d="M8 6.82v10.36c0 .79.87 1.27 1.54.84l8.14-5.18c.62-.39.62-1.29 0-1.69L9.54 5.98C8.87 5.55 8 6.03 8 6.82z"></path>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">Live view</h3>
<div class="ftPoint__description">Run Javascript, HTML and CSS projects with a tap.</div>
</div>
</div>
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<path d="M16 5l-1.42 1.42-1.59-1.59V16h-1.98V4.83L9.42 6.42 8 5l4-4 4 4zm4 5v11c0 1.1-.9 2-2 2H6c-1.11 0-2-.9-2-2V10c0-1.11.89-2 2-2h3v2H6v11h12V10h-3V8h3c1.1 0 2 .89 2 2z"></path>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">Share</h3>
<div class="ftPoint__description">Live views, repos, and files.</div>
</div>
</div>
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<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>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">Private</h3>
<div class="ftPoint__description">We don't collect data. Your code stays on your device.</div>
</div>
</div>
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<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>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">PWA support</h3>
<div class="ftPoint__description">Weighs 70% less than regular apps, can be installed and works offline.</div>
</div>
</div>
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<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>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">Autosaving</h3>
<div class="ftPoint__description">Instant and down to the character.</div>
</div>
</div>
<div class="ftPoint">
<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">
<circle cx="40" cy="42" r="14" transform="translate(-26 -28)" fill="rgba(207, 230, 255, 1.0)" fill-rule="nonzero"></circle>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="currentColor" class="icon">
<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>
</svg></div>
<div class="ftPoint__meta">
<h3 class="ftPoint__title color-1 weight-text-m">Cross-platform</h3>
<div class="ftPoint__description">Codeit is built for Chrome on Android, Windows, macOS and Linux, as well as Safari on iOS.</div>
</div>
</div></div>
</div>
</div>
</div>
<div class="ft__half pdx pdx--noOverflow pdxParent--smartphones" style="--pdx-maxheight:1">
<div class="pdxItem pdxItem--smartphones"><svg viewBox="0 0 328 655" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="pdxPhone">
<defs>
<path d="M0 45.86C0 20.532 20.532 0 45.86 0h236.28C307.468 0 328 20.532 328 45.86v562.286c0 25.328-20.532 45.86-45.86 45.86H45.86c-25.328 0-45.86-20.532-45.86-45.86V45.86z" id="framePhoneThinDark-a"></path>
<filter x="-1.1%" y="-.5%" width="102.1%" height="101.1%" filterUnits="objectBoundingBox" id="framePhoneThinDark-b">
<feMorphology radius="2" in="SourceAlpha" result="shadowSpreadInner1"></feMorphology>
<feGaussianBlur stdDeviation="2.5" in="shadowSpreadInner1" result="shadowBlurInner1"></feGaussianBlur>
<feOffset in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
<feColorMatrix values="0 0 0 0 0.125490196 0 0 0 0 0.129411765 0 0 0 0 0.141176471 0 0 0 0.721727491 0" in="shadowInnerInner1"></feColorMatrix>
</filter>
</defs>
<g fill="none" fill-rule="evenodd">
<g>
<use fill="#282C2F" xlink:href="#framePhoneThinDark-a"></use>
<use fill="#000" filter="url(#framePhoneThinDark-b)" xlink:href="#framePhoneThinDark-a"></use>
</g>
<path d="M14 47c0-18.778 15.222-34 34-34h232c18.778 0 34 15.222 34 34v560c0 18.778-15.222 34-34 34H48c-18.778 0-34-15.222-34-34V47z" fill="transparent"></path>
</g>
</svg>
<div class="pdxContent"><img src="/homepage/secondary-pic.png"></div>
</div>
</div>
</div>
</div>
<div id="cta" class="section section--cta section--center" style="background-color:#000;padding-bottom:60px;padding-top:60px;--pdx-min-height:0px;--wr-max:1200px">
<div class="wr">
<div class="cta__titles">
<h2 class="color-1 weight-title-h font-title section__title center">A codeful of fun.</h2>
<p class="weight-text section__subtitle center"></p>
</div>
<div class="ctas"><a class="btn btn--b btn--primary btn--large install second loading" style="color:#000;background-color:#fff"></a></div>
</div>
</div>
<footer id="footer" class="section section--footer section--center" style="background: hsl(227deg 11% 16%);padding-bottom:15px;padding-top:15px;--pdx-min-height:0px;--wr-max:1200px;">
<div class="wr">
<div class="footer footer--simple">
<ul class="footer__social">
<li><a href="https://github.com/codeitcodes/codeit" target="_blank" class="color-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" fill="currentColor"></path>
</svg></a></li>
<li><a href="https://discord.gg/dRRvGyVgct" target="_blank" class="color-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71 55" fill="none">
<g clip-path="url(#clip0)">
<path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0">
<rect width="71" height="55" fill="white"></rect>
</clipPath>
</defs>
</svg></a></li>
<li><a href="https://twitter.com/codeitcodes" target="_blank" class="color-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" fill="currentColor"></path>
</svg></a></li>
</ul>
<div class="footer__primary">
<nav class="footer__linkRow"><a href="https://plausible.io/codeit.codes?period=all" target="_blank">Metrics</a><a href="/homepage/privacy" target="_blank">Privacy</a><a href="https://cde.run/codeitcodes/codeit" target="_blank">Coded with Codeit</a></nav>
</div>
</div>
</div>
</footer>
<script src="/homepage/homepage.js"></script>
<script src="/manifest.js"></script>
</body>
</html>