-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
215 lines (204 loc) · 21.9 KB
/
index.html
File metadata and controls
215 lines (204 loc) · 21.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AlterNight • A modern VS Code Theme for the Night</title>
<script type="text/javascript" src="https://rentafont.com/javascripts/webfonts.js"></script>
<script type="text/javascript">
WebFontConfig = {
id: 'MjAyODY4b3JkZXIxOTg3NDE=',
fonts: [
/*'Clincher Mono'*/ '7094925',
/*'Clincher Mono Bold'*/ '7094926',
],
by_style: 1,
};
</script>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- Product Hunt Badge -->
<a href="#" target="_blank" rel="noreferrer" class="product-hunt-badge"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=284309&theme=light" alt="AlterNight - A modern VS Code Theme for those who code at night. | Product Hunt" style="width: 250px; height: 54px" width="250" height="54" /></a>
<header class="header">
<div class="header__inner">
<div class="logo">
<img class="logo__img" src="./assets/images/alternight-logo.png" alt="AlterNight Logo" />
<span class="logo__text">AlterNight</span>
</div>
<a class="github-button" href="#" data-size="large" data-show-count="true" aria-label="Star spaceinvadev/alternight-vscode-theme on GitHub">Star</a>
</div>
</header>
<section class="hero">
<div class="hero__description">
<h1 class="hero__description__title">AlterNight</h1>
<p class="hero__description__subtitle">
A modern, dark VS Code theme for those who code at night.
</p>
<div class="hero__cta">
<a class="cta cta--main" href="vscode:extension/spaceinvadev.alternight">
<span class="cta__text">Install</span>
<svg class="cta__icon" width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.73798 0.25C5.96436 0.25 5.31904 0.841231 5.25148 1.61189C5.11024 3.22317 5.0745 4.84164 5.14436 6.45693C5.06003 6.46258 4.97571 6.46847 4.8914 6.47462L3.4019 6.5832C2.44985 6.6526 1.91764 7.71416 2.43163 8.51854C3.5278 10.2341 4.94026 11.7254 6.59369 12.9132L7.19043 13.3418C7.67425 13.6894 8.32591 13.6894 8.80972 13.3418L9.40646 12.9132C11.0599 11.7254 12.4724 10.2341 13.5685 8.51855C14.0825 7.71416 13.5503 6.6526 12.5983 6.5832L11.1088 6.47462C11.0245 6.46847 10.9401 6.46258 10.8558 6.45693C10.9257 4.84164 10.8899 3.22317 10.7487 1.61188C10.6811 0.841229 10.0358 0.25 9.26219 0.25H6.73798ZM6.68157 7.11473C6.56786 5.3275 6.58909 3.53417 6.74513 1.75H9.25503C9.41106 3.53417 9.4323 5.3275 9.31859 7.11473C9.30584 7.31509 9.37396 7.51221 9.5077 7.66195C9.64144 7.8117 9.82964 7.90156 10.0302 7.91144C10.3535 7.92737 10.6767 7.94711 10.9997 7.97065L12.0815 8.04951C11.1219 9.46281 9.92044 10.6971 8.53133 11.6949L8.00008 12.0765L7.46882 11.6949C6.07972 10.6971 4.87824 9.4628 3.9187 8.04951L5.00046 7.97065C5.32345 7.94711 5.64664 7.92737 5.96999 7.91144C6.17052 7.90156 6.35871 7.81169 6.49246 7.66195C6.6262 7.51221 6.69432 7.31509 6.68157 7.11473Z"
fill="#1f172b" />
<path d="M1.75 14C1.75 13.5858 1.41421 13.25 1 13.25C0.585786 13.25 0.25 13.5858 0.25 14V16C0.25 16.9665 1.0335 17.75 2 17.75H14C14.9665 17.75 15.75 16.9665 15.75 16V14C15.75 13.5858 15.4142 13.25 15 13.25C14.5858 13.25 14.25 13.5858 14.25 14V16C14.25 16.1381 14.1381 16.25 14 16.25H2C1.86193 16.25 1.75 16.1381 1.75 16V14Z" fill="#1F172B" />
</svg>
</a>
<a class="cta cta--ghost" href="https://marketplace.visualstudio.com/items?itemName=spaceinvadev.alternight" target="_blank" rel="noreferrer">
<span class="cta__text">Learn More</span>
<svg class="cta__icon" width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M19.0938 9.75587C19.0737 9.74904 19.0521 9.74534 19.0296 9.74534H10.4765C10.4541 9.74534 10.4325 9.74904 10.4123 9.75587C10.3334 9.78261 10.2765 9.85734 10.2765 9.94534V16.3675C10.2765 16.4655 10.3476 16.5491 10.4444 16.5649L18.9975 17.9576C19.1192 17.9774 19.2296 17.8834 19.2296 17.7602V9.94534C19.2296 9.85734 19.1728 9.78261 19.0938 9.75587ZM17.7296 16.2314V11.2453H11.7765V15.262L17.7296 16.2314ZM10.4123 8.24653C10.4325 8.25336 10.4541 8.25706 10.4765 8.25706H19.0296C19.0521 8.25706 19.0737 8.25336 19.0938 8.24653C19.1728 8.21979 19.2296 8.14506 19.2296 8.05706V0.238226C19.2296 0.114714 19.1188 0.0207256 18.997 0.0409171L10.4438 1.45823C10.3473 1.47422 10.2765 1.5577 10.2765 1.65554V8.05706C10.2765 8.14506 10.3334 8.21979 10.4123 8.24653ZM17.7296 1.77137L11.7765 2.75785V6.75706H17.7296V1.77137ZM8.24038 8.2463C8.32276 8.22157 8.38279 8.14515 8.38279 8.05472V1.96791C8.38279 1.8444 8.27195 1.75041 8.1501 1.7706L0.982143 2.95824C0.885619 2.97423 0.814835 3.05771 0.814835 3.15555V8.05472C0.814835 8.14515 0.874861 8.22157 0.957246 8.2463C0.975483 8.25177 0.994815 8.25471 1.01483 8.25471H8.18279C8.20281 8.25471 8.22214 8.25177 8.24038 8.2463ZM6.88279 3.50103L2.31483 4.25788V6.75472H6.88279V3.50103ZM8.24038 9.75376C8.22214 9.74828 8.20281 9.74534 8.18279 9.74534H1.01483C0.994815 9.74534 0.975482 9.74828 0.957245 9.75376C0.874861 9.77849 0.814835 9.85491 0.814835 9.94534V14.8909C0.814835 14.989 0.885909 15.0726 0.982679 15.0883L8.15063 16.256C8.27232 16.2758 8.38279 16.1819 8.38279 16.0586V9.94534C8.38279 9.8549 8.32276 9.77849 8.24038 9.75376ZM6.88279 14.5297V11.2453H2.31483V13.7856L6.88279 14.5297Z"
fill="#f78c6c" />
</svg>
</a>
</div>
</div>
<picture class="hero__sample">
<img class="hero__sample__img" src="./assets/images/hero-sample.png" alt="Snapshot of VS Code on a Macbook" />
</picture>
</section>
<section class="preview">
<div class="preview__heading">
<h2 class="preview__title">Theme Screenshots</h2>
<p class="preview__subtitle">
AlterNight currently offers syntax highlight for several languages and
file formats. Here are a few samples.
</p>
</div>
<ul class="preview__showcase">
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">
Consistent Color Palette
</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-sidebar-menu.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- JavaScript Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">
JavaScript
</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-javascript.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- ReactJS Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">
ReactJS / JSX <a href="https://coindataflow.com/de/aktie/TRVG"><img class="cdf" src="./assets/images/cdf.svg" alt="aktienkurs trivago"></a>
</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-react.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- HTML Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">HTML</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-html.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- CSS Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">CSS</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-css.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- Sass Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">Sass</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-sass.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
<!-- JSON Sample -->
<li class="preview__showcase__sample-card">
<div class="preview__showcase__sample-card__title">
<p class="preview__showcase__sample-card__title__text">JSON</p>
</div>
<picture class="preview__showcase__sample-card__image-wrapper">
<img class="preview__showcase__sample-card__image" src="./assets/images/preview-json.png" alt="Snapshot of VS Code Editor with AlterNight theme" />
</picture>
</li>
</ul>
<div class="preview__cta">
<a class="cta cta--main" href="vscode:extension/spaceinvadev.alternight">
<span class="cta__text">Install</span>
<svg class="cta__icon" width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M6.73798 0.25C5.96436 0.25 5.31904 0.841231 5.25148 1.61189C5.11024 3.22317 5.0745 4.84164 5.14436 6.45693C5.06003 6.46258 4.97571 6.46847 4.8914 6.47462L3.4019 6.5832C2.44985 6.6526 1.91764 7.71416 2.43163 8.51854C3.5278 10.2341 4.94026 11.7254 6.59369 12.9132L7.19043 13.3418C7.67425 13.6894 8.32591 13.6894 8.80972 13.3418L9.40646 12.9132C11.0599 11.7254 12.4724 10.2341 13.5685 8.51855C14.0825 7.71416 13.5503 6.6526 12.5983 6.5832L11.1088 6.47462C11.0245 6.46847 10.9401 6.46258 10.8558 6.45693C10.9257 4.84164 10.8899 3.22317 10.7487 1.61188C10.6811 0.841229 10.0358 0.25 9.26219 0.25H6.73798ZM6.68157 7.11473C6.56786 5.3275 6.58909 3.53417 6.74513 1.75H9.25503C9.41106 3.53417 9.4323 5.3275 9.31859 7.11473C9.30584 7.31509 9.37396 7.51221 9.5077 7.66195C9.64144 7.8117 9.82964 7.90156 10.0302 7.91144C10.3535 7.92737 10.6767 7.94711 10.9997 7.97065L12.0815 8.04951C11.1219 9.46281 9.92044 10.6971 8.53133 11.6949L8.00008 12.0765L7.46882 11.6949C6.07972 10.6971 4.87824 9.4628 3.9187 8.04951L5.00046 7.97065C5.32345 7.94711 5.64664 7.92737 5.96999 7.91144C6.17052 7.90156 6.35871 7.81169 6.49246 7.66195C6.6262 7.51221 6.69432 7.31509 6.68157 7.11473Z"
fill="#1f172b" />
<path d="M1.75 14C1.75 13.5858 1.41421 13.25 1 13.25C0.585786 13.25 0.25 13.5858 0.25 14V16C0.25 16.9665 1.0335 17.75 2 17.75H14C14.9665 17.75 15.75 16.9665 15.75 16V14C15.75 13.5858 15.4142 13.25 15 13.25C14.5858 13.25 14.25 13.5858 14.25 14V16C14.25 16.1381 14.1381 16.25 14 16.25H2C1.86193 16.25 1.75 16.1381 1.75 16V14Z" fill="#1F172B" />
</svg>
</a>
<a class="cta cta--ghost" href="https://marketplace.visualstudio.com/items?itemName=spaceinvadev.alternight" target="_blank" rel="noreferrer">
<span class="cta__text">Learn More</span>
<svg class="cta__icon" width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M19.0938 9.75587C19.0737 9.74904 19.0521 9.74534 19.0296 9.74534H10.4765C10.4541 9.74534 10.4325 9.74904 10.4123 9.75587C10.3334 9.78261 10.2765 9.85734 10.2765 9.94534V16.3675C10.2765 16.4655 10.3476 16.5491 10.4444 16.5649L18.9975 17.9576C19.1192 17.9774 19.2296 17.8834 19.2296 17.7602V9.94534C19.2296 9.85734 19.1728 9.78261 19.0938 9.75587ZM17.7296 16.2314V11.2453H11.7765V15.262L17.7296 16.2314ZM10.4123 8.24653C10.4325 8.25336 10.4541 8.25706 10.4765 8.25706H19.0296C19.0521 8.25706 19.0737 8.25336 19.0938 8.24653C19.1728 8.21979 19.2296 8.14506 19.2296 8.05706V0.238226C19.2296 0.114714 19.1188 0.0207256 18.997 0.0409171L10.4438 1.45823C10.3473 1.47422 10.2765 1.5577 10.2765 1.65554V8.05706C10.2765 8.14506 10.3334 8.21979 10.4123 8.24653ZM17.7296 1.77137L11.7765 2.75785V6.75706H17.7296V1.77137ZM8.24038 8.2463C8.32276 8.22157 8.38279 8.14515 8.38279 8.05472V1.96791C8.38279 1.8444 8.27195 1.75041 8.1501 1.7706L0.982143 2.95824C0.885619 2.97423 0.814835 3.05771 0.814835 3.15555V8.05472C0.814835 8.14515 0.874861 8.22157 0.957246 8.2463C0.975483 8.25177 0.994815 8.25471 1.01483 8.25471H8.18279C8.20281 8.25471 8.22214 8.25177 8.24038 8.2463ZM6.88279 3.50103L2.31483 4.25788V6.75472H6.88279V3.50103ZM8.24038 9.75376C8.22214 9.74828 8.20281 9.74534 8.18279 9.74534H1.01483C0.994815 9.74534 0.975482 9.74828 0.957245 9.75376C0.874861 9.77849 0.814835 9.85491 0.814835 9.94534V14.8909C0.814835 14.989 0.885909 15.0726 0.982679 15.0883L8.15063 16.256C8.27232 16.2758 8.38279 16.1819 8.38279 16.0586V9.94534C8.38279 9.8549 8.32276 9.77849 8.24038 9.75376ZM6.88279 14.5297V11.2453H2.31483V13.7856L6.88279 14.5297Z"
fill="#f78c6c" />
</svg>
</a>
</div>
</section>
<footer class="footer">
<ul class="footer__links">
<li>
<a href="#" target="_blank" rel="noreferrer" class="footer__link">
<svg class="footer__link__icon footer__link__icon--marketplace" width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M19.0938 9.75587C19.0737 9.74904 19.0521 9.74534 19.0296 9.74534H10.4765C10.4541 9.74534 10.4325 9.74904 10.4123 9.75587C10.3334 9.78261 10.2765 9.85734 10.2765 9.94534V16.3675C10.2765 16.4655 10.3476 16.5491 10.4444 16.5649L18.9975 17.9576C19.1192 17.9774 19.2296 17.8834 19.2296 17.7602V9.94534C19.2296 9.85734 19.1728 9.78261 19.0938 9.75587ZM17.7296 16.2314V11.2453H11.7765V15.262L17.7296 16.2314ZM10.4123 8.24653C10.4325 8.25336 10.4541 8.25706 10.4765 8.25706H19.0296C19.0521 8.25706 19.0737 8.25336 19.0938 8.24653C19.1728 8.21979 19.2296 8.14506 19.2296 8.05706V0.238226C19.2296 0.114714 19.1188 0.0207256 18.997 0.0409171L10.4438 1.45823C10.3473 1.47422 10.2765 1.5577 10.2765 1.65554V8.05706C10.2765 8.14506 10.3334 8.21979 10.4123 8.24653ZM17.7296 1.77137L11.7765 2.75785V6.75706H17.7296V1.77137ZM8.24038 8.2463C8.32276 8.22157 8.38279 8.14515 8.38279 8.05472V1.96791C8.38279 1.8444 8.27195 1.75041 8.1501 1.7706L0.982143 2.95824C0.885619 2.97423 0.814835 3.05771 0.814835 3.15555V8.05472C0.814835 8.14515 0.874861 8.22157 0.957246 8.2463C0.975483 8.25177 0.994815 8.25471 1.01483 8.25471H8.18279C8.20281 8.25471 8.22214 8.25177 8.24038 8.2463ZM6.88279 3.50103L2.31483 4.25788V6.75472H6.88279V3.50103ZM8.24038 9.75376C8.22214 9.74828 8.20281 9.74534 8.18279 9.74534H1.01483C0.994815 9.74534 0.975482 9.74828 0.957245 9.75376C0.874861 9.77849 0.814835 9.85491 0.814835 9.94534V14.8909C0.814835 14.989 0.885909 15.0726 0.982679 15.0883L8.15063 16.256C8.27232 16.2758 8.38279 16.1819 8.38279 16.0586V9.94534C8.38279 9.8549 8.32276 9.77849 8.24038 9.75376ZM6.88279 14.5297V11.2453H2.31483V13.7856L6.88279 14.5297Z"
fill="#c7c7df" />
</svg>
</a>
</li>
<li>
<a href="#" target="_blank" rel="noreferrer" class="footer__link">
<svg class="footer__link__icon footer__link__icon--github" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#c7c7df" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank" rel="noreferrer" class="footer__link">
<svg class="footer__link__icon footer__link__icon--twitter" width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M14.0215 0.343477C14.5298 0.256395 15.0991 0.227319 15.6349 0.317961C16.5918 0.479844 17.4756 0.924573 18.1743 1.59133C18.631 1.60166 19.0798 1.51169 19.4769 1.38343C19.813 1.27488 20.097 1.1438 20.2959 1.04017C20.3948 0.988636 20.4712 0.944677 20.5209 0.914917C20.5457 0.900061 20.5638 0.888816 20.5745 0.882025L20.584 0.875964C20.8808 0.678236 21.276 0.716719 21.5289 0.968225C21.7818 1.21979 21.8226 1.61471 21.6263 1.91261C21.4186 2.22791 21.1302 2.78998 20.8072 3.41974C20.7564 3.51876 20.7047 3.61945 20.6524 3.72112C20.4671 4.08108 20.2771 4.4449 20.1 4.75703C19.9888 4.95301 19.8699 5.15199 19.75 5.32393V5.59771C19.7576 6.60334 19.6423 7.60372 19.4082 8.57694C19.2609 9.18928 19.0666 9.79087 18.8264 10.3763C18.204 11.8929 17.2856 13.2704 16.1249 14.4281C14.9641 15.5859 13.5843 16.5007 12.0661 17.1193C10.5492 17.7372 8.92443 18.047 7.28658 18.0306C4.91227 18.0327 2.5879 17.3486 0.593179 16.0607C0.299378 15.871 0.175679 15.5034 0.295015 15.1747C0.414352 14.8459 0.745045 14.6433 1.09212 14.6863C1.39248 14.7235 1.69489 14.7416 1.99754 14.7406C3.08499 14.7376 4.15173 14.4973 5.12559 14.0446C4.81604 13.9037 4.52051 13.73 4.24435 13.5252C3.43264 12.9233 2.82873 12.0833 2.51666 11.1222C2.43556 10.8725 2.491 10.5985 2.66282 10.3999C2.66589 10.3963 2.669 10.3928 2.67214 10.3893C2.48861 10.2257 2.31688 10.0475 2.15878 9.85585C1.44747 8.99365 1.05579 7.91222 1.05001 6.79448L1.04999 6.7906L1.05 6.7406C1.05 6.47474 1.19075 6.22874 1.41995 6.09402C1.47806 6.05987 1.53964 6.03416 1.60299 6.01692C1.26466 5.34184 1.08871 4.5964 1.09 3.84014C1.0896 2.98337 1.3134 2.1414 1.73916 1.3979C1.86207 1.18327 2.0829 1.04303 2.32943 1.02305C2.57595 1.00308 2.81648 1.10593 2.97234 1.29798C3.9349 2.48399 5.13619 3.45424 6.49817 4.14571C7.19831 4.50117 7.93286 4.77886 8.68866 4.9753C9.1124 5.08543 9.54281 5.17001 9.97758 5.22844C9.95843 4.50519 10.1012 3.78231 10.401 3.11438C10.8407 2.13456 11.5931 1.32838 12.5404 0.822289C12.9415 0.60796 13.474 0.437249 14.0215 0.343477ZM2.74327 7.89097C2.87292 8.25586 3.06579 8.59818 3.31584 8.90128C3.80717 9.49682 4.48911 9.90438 5.24633 10.055C5.58362 10.1221 5.83205 10.41 5.84908 10.7535C5.8661 11.0969 5.64735 11.408 5.31836 11.5081C5.04586 11.591 4.76668 11.6488 4.48433 11.6809C4.67091 11.9214 4.89039 12.1369 5.1378 12.3203C5.69898 12.7364 6.37593 12.9673 7.07444 12.9807C7.39135 12.9868 7.67022 13.1915 7.77105 13.492C7.87187 13.7926 7.77289 14.124 7.52378 14.32C6.47461 15.1456 5.26141 15.7212 3.97586 16.0151C5.04135 16.3563 6.15879 16.532 7.28908 16.5306L7.29779 16.5306C8.73785 16.5455 10.1664 16.2735 11.5001 15.7301C12.8339 15.1868 14.0459 14.3831 15.0656 13.3661C16.0852 12.3491 16.8919 11.1391 17.4387 9.80676C17.6497 9.29254 17.8204 8.76407 17.9498 8.22616C18.1556 7.3704 18.2569 6.49073 18.25 5.60647L18.25 5.6006V5.0706C18.25 4.88875 18.3161 4.71309 18.4359 4.57632C18.5052 4.49727 18.6264 4.31472 18.7954 4.01682C18.956 3.73369 19.1338 3.39379 19.3187 3.0346C19.3299 3.01288 19.3411 2.99104 19.3524 2.96911C18.8728 3.07325 18.3292 3.12784 17.7594 3.06626C17.579 3.04676 17.4117 2.96247 17.2886 2.82903C16.7858 2.28369 16.1161 1.92069 15.3847 1.79694C15.0602 1.74204 14.6678 1.75461 14.2747 1.82194C13.8476 1.89511 13.4759 2.02312 13.2472 2.14529C12.5929 2.49486 12.0732 3.05171 11.7695 3.72849C11.4658 4.40528 11.3953 5.16373 11.5691 5.88488C11.6245 6.11479 11.5683 6.35737 11.4173 6.5394C11.2663 6.72143 11.0383 6.82159 10.8021 6.80964C9.95869 6.76698 9.12421 6.63833 8.31134 6.42707C7.45144 6.20358 6.61571 5.88763 5.81913 5.48321C4.64635 4.8878 3.5783 4.11071 2.65346 3.18302C2.61127 3.39863 2.58985 3.61866 2.59 3.84011L2.59 3.84202C2.58895 4.39274 2.7241 4.93517 2.98341 5.42102C3.24272 5.90687 3.61814 6.32106 4.07626 6.62672C4.35428 6.81222 4.47601 7.1593 4.37475 7.47782C4.2735 7.79633 3.9737 8.00941 3.6396 8.00032C3.33701 7.99209 3.03694 7.95529 2.74327 7.89097Z"
fill="#c7c7df" />
</svg>
</a>
</li>
<li>
<a href="#" target="_blank" rel="noreferrer" class="footer__link">
<svg class="footer__link__icon footer__link__icon--portfolio" width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11 0.749695L18.2736 0.955348C19.5588 0.991686 20.6219 1.96734 20.768 3.24474C21.0915 6.07235 21.0915 8.92764 20.768 11.7552C20.6219 13.0326 19.5588 14.0083 18.2736 14.0446L12.75 14.2008V16.25H16C16.4142 16.25 16.75 16.5858 16.75 17C16.75 17.4142 16.4142 17.75 16 17.75H6C5.58579 17.75 5.25 17.4142 5.25 17C5.25 16.5858 5.58579 16.25 6 16.25H9.25V14.2008L3.72636 14.0446C2.44114 14.0083 1.37812 13.0326 1.23196 11.7552C0.908437 8.92764 0.908437 6.07235 1.23196 3.24474C1.37812 1.96734 2.44114 0.991686 3.72636 0.955348L11 0.749695ZM11 2.25029L3.76875 2.45475C3.22954 2.46999 2.78356 2.87932 2.72224 3.41525C2.41168 6.12956 2.41168 8.87043 2.72224 11.5847C2.78356 12.1207 3.22954 12.53 3.76875 12.5452L11 12.7497L18.2312 12.5452C18.7704 12.53 19.2164 12.1207 19.2777 11.5847C19.5883 8.87043 19.5883 6.12956 19.2777 3.41525C19.2164 2.87933 18.7704 2.46999 18.2312 2.45475L11 2.25029Z"
fill="#c7c7df" />
</svg>
</a>
</li>
</ul>
<div class="footer__credits">
Copyright © 2022 <a href="#" target="_blank">Mauricio Paternina</a>.
</div>
</footer>
<script src="main.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>