Skip to content

Commit 492c816

Browse files
Build Mon 3 Jan 2022 15:23:29 CET
1 parent 742e263 commit 492c816

File tree

130 files changed

+2813
-1
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

130 files changed

+2813
-1
lines changed

.DS_Store

8 KB
Binary file not shown.

404.html

Lines changed: 279 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,279 @@
1+
<!DOCTYPE html>
2+
<html lang="en" itemscope itemtype="http://schema.org/WebPage"><head>
3+
<meta charset="utf-8" />
4+
<meta name="viewport" content="width=device-width, initial-scale=1" />
5+
6+
<link rel="icon" href="/images/Logo/favicon.png">
7+
8+
<title>
9+
404 Page not found - Cryspen
10+
</title>
11+
<meta
12+
name="description"
13+
content=""
14+
/><meta name="generator" content="Hugo 0.91.2" /><link
15+
rel="stylesheet"
16+
href="https://cryspen.github.io/css/styles.min.de939b33ab30f00f22f720b51923f57ac8a45dc26fb193a9f2e1d4c3d33cdb70.css"
17+
integrity="sha256-3pObM6sw8A8i9yC1GSP1esikXcJvsZOp8uHUw9M823A="
18+
/>
19+
20+
<meta property="og:title" content="404 Page not found" />
21+
<meta property="og:description" content="" />
22+
<meta property="og:type" content="website" />
23+
<meta property="og:url" content="https://cryspen.github.io/404.html" />
24+
25+
<meta name="twitter:card" content="summary"/>
26+
<meta name="twitter:title" content="404 Page not found"/>
27+
<meta name="twitter:description" content=""/>
28+
<meta itemprop="name" content="404 Page not found">
29+
<meta itemprop="description" content="">
30+
</head>
31+
<body class="dark:bg-gray-800 dark:text-white relative flex flex-col min-h-screen"><header class="container flex justify-around md:justify-between gap-4 flex-wrap p-6 mx-auto">
32+
<a href="https://cryspen.github.io/" class="capitalize font-extrabold text-2xl">
33+
Cryspen
34+
</a>
35+
<ul class="flex items-center gap-4 lg:gap-6">
36+
37+
38+
<li><a href="/about">About</a></li>
39+
40+
41+
<li>
42+
<a
43+
href="mailto:[email protected]"
44+
target="_blank"
45+
rel="noopener"
46+
aria-label="Email"
47+
class="inline-block rounded-full border border-transparent text-gray-900 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
48+
>
49+
<svg
50+
xmlns="http://www.w3.org/2000/svg"
51+
width="24"
52+
height="30"
53+
viewBox="0 -3 24 24"
54+
stroke-width="1.5"
55+
stroke="currentColor"
56+
fill="none"
57+
stroke-linecap="round"
58+
stroke-linejoin="round"
59+
>
60+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
61+
<rect x="3" y="5" width="18" height="14" rx="2" />
62+
<polyline points="3 7 12 13 21 7" />
63+
</svg>
64+
</a>
65+
</li>
66+
67+
68+
69+
70+
71+
72+
73+
<li class="grid place-items-center">
74+
<span class="toggle-dark-mode inline-block cursor-pointer">
75+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5"
76+
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
77+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
78+
<circle cx="12" cy="12" r="3" />
79+
<line x1="12" y1="5" x2="12" y2="5.01" />
80+
<line x1="17" y1="7" x2="17" y2="7.01" />
81+
<line x1="19" y1="12" x2="19" y2="12.01" />
82+
<line x1="17" y1="17" x2="17" y2="17.01" />
83+
<line x1="12" y1="19" x2="12" y2="19.01" />
84+
<line x1="7" y1="17" x2="7" y2="17.01" />
85+
<line x1="5" y1="12" x2="5" y2="12.01" />
86+
<line x1="7" y1="7" x2="7" y2="7.01" />
87+
</svg>
88+
</span>
89+
</li>
90+
91+
</ul>
92+
</header><main class="flex-1">
93+
94+
<section class="grid place-items-center py-32 relative">
95+
<svg class="w-1/2 transform rotate-6" viewbox="0 0 190 75" fill="none" xmlns="http://www.w3.org/2000/svg">
96+
<path fill-rule="evenodd" clip-rule="evenodd"
97+
d="M31.6 60.001h-26c-1.533 0-2.85-.567-3.95-1.7S0 55.834 0 54.301v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.46 5.46 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.46 5.46 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.687.687 0 0 0-.505.522 1.33 1.33 0 0 0-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.585 5.585 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.324 1.324 0 0 0-.334-.039Zm130 0h-26c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-1.9c0-3.733 1.1-7.167 3.3-10.3l25.9-36.5c2.122-2.957 4.957-4.489 8.504-4.594.132-.004.264-.006.396-.006h5c1.533 0 2.85.567 3.95 1.7s1.65 2.467 1.65 4v39.2c0 .533.3.8.9.8h4a5.464 5.464 0 0 1 3.947 1.648l.053.052c1.133 1.133 1.7 2.467 1.7 4v1.9a5.464 5.464 0 0 1-1.647 3.947l-.053.053c-1.133 1.133-2.467 1.7-4 1.7h-4c-.12-.002-.24.014-.356.045a.688.688 0 0 0-.505.522c-.027.109-.04.22-.039.333v7.4c0 1.533-.55 2.867-1.65 4a5.58 5.58 0 0 1-1.905 1.314c-.65.26-1.345.392-2.045.386h-5c-1.533 0-2.85-.567-3.95-1.7s-1.65-2.467-1.65-4v-7.4c.002-.12-.013-.24-.044-.356a.69.69 0 0 0-.522-.505 1.32 1.32 0 0 0-.334-.039Zm-55.337 13.763a22.683 22.683 0 0 0 11.887-7.563c3.463-4.262 5.669-10.478 6.616-18.647a87.47 87.47 0 0 0 .534-10.053c0-1.125-.018-2.25-.054-3.373-.378-11.527-2.743-19.97-7.096-25.327-4.767-5.867-12.05-8.8-21.85-8.8-.51 0-1.02.008-1.529.025-3.073.1-5.884.504-8.434 1.213A22.685 22.685 0 0 0 74.45 8.801c-3.463 4.263-5.668 10.478-6.615 18.647a87.606 87.606 0 0 0-.535 10.053c0 1.125.018 2.25.054 3.374.378 11.527 2.743 19.97 7.096 25.326 4.767 5.867 12.05 8.8 21.85 8.8.51 0 1.02-.008 1.53-.024 3.073-.1 5.884-.504 8.433-1.213Zm-1.113-55.363a11.187 11.187 0 0 0-2.301-3.103c-1.725-1.598-3.908-2.397-6.549-2.397a10.213 10.213 0 0 0-4.057.774c-1.6.685-2.94 1.824-4.018 3.418a13 13 0 0 0-.775 1.308 18.21 18.21 0 0 0-1.369 3.704c-.671 2.535-1.114 5.718-1.329 9.549a104.891 104.891 0 0 0-.152 5.847c0 9.067.95 15.433 2.85 19.1.581 1.16 1.36 2.21 2.301 3.103 1.725 1.598 3.908 2.397 6.549 2.397 1.39.021 2.771-.242 4.057-.773 1.6-.685 2.94-1.824 4.019-3.419.283-.42.542-.857.774-1.308a18.184 18.184 0 0 0 1.37-3.704c.671-2.535 1.113-5.717 1.328-9.548.105-1.948.156-3.898.152-5.848 0-9.067-.95-15.433-2.85-19.1Zm57.05 3.3-17.2 24.8v.1c0 .014.001.027.005.04.009.03.028.048.058.056a.15.15 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.17.17 0 0 0-.005-.039.073.073 0 0 0-.058-.056.147.147 0 0 0-.037-.005.584.584 0 0 0-.066.004.206.206 0 0 0-.101.032.084.084 0 0 0-.025.028.09.09 0 0 0-.008.036Zm-130 0L15 46.501v.1c0 .014.002.027.005.04.009.03.028.048.058.056a.148.148 0 0 0 .037.004h16.5c.114.002.228-.01.34-.035.373-.089.56-.344.56-.765v-24.2a.146.146 0 0 0-.005-.039.074.074 0 0 0-.058-.056.145.145 0 0 0-.037-.005.582.582 0 0 0-.066.004.206.206 0 0 0-.101.032.076.076 0 0 0-.033.064Z"
98+
fill="url(#a)" />
99+
<defs>
100+
<linearGradient id="a" x1="0" y1="37.501" x2="189.3" y2="37.501" gradientUnits="userSpaceOnUse">
101+
<stop stop-color="#EC008C" />
102+
<stop offset="1" stop-color="#FC6767" />
103+
</linearGradient>
104+
</defs>
105+
</svg>
106+
<svg class="absolute w-1/2 bottom-44 text-white dark:text-gray-800" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
107+
<path fill="currentColor" fill-opacity="1"
108+
d="M0,288L48,250.7C96,213,192,139,288,96C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,138.7C1248,149,1344,235,1392,277.3L1440,320L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z">
109+
</path>
110+
</svg>
111+
<div class="mt-16 z-10">
112+
<a class="px-6 py-4 rounded-lg bg-gray-100 text-gray-800 hover:text-gray-900 hover:bg-gray-200 transition-colors"
113+
href="https://cryspen.github.io">Go to home</a>
114+
</div>
115+
</section>
116+
117+
118+
</main><section class="bg-blue-100 dark:bg-gray-900">
119+
<footer class="container p-6 mx-auto flex items-center">
120+
<span class="text-sm font-light">
121+
122+
Cryspen © 2021 · All rights reserved
123+
124+
</span>
125+
<ul class="flex items-center gap-4 lg:gap-6 ml-auto px-6">
126+
127+
<li class="grid place-items-center">
128+
<a
129+
href="https://twitter.com/cryspenhq"
130+
target="_blank"
131+
rel="noopener"
132+
aria-label="Twitter"
133+
class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
134+
>
135+
<svg
136+
xmlns="http://www.w3.org/2000/svg"
137+
width="24"
138+
height="24"
139+
viewBox="0 0 24 24"
140+
stroke-width="1.5"
141+
stroke="currentColor"
142+
fill="none"
143+
stroke-linecap="round"
144+
stroke-linejoin="round"
145+
>
146+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
147+
<path
148+
d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
149+
/>
150+
</svg>
151+
</a>
152+
</li>
153+
154+
155+
<li class="grid place-items-center">
156+
<a
157+
href="https://www.linkedin.com/company/76269776"
158+
target="_blank"
159+
rel="noopener"
160+
aria-label="LinkedIn"
161+
class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
162+
>
163+
<svg
164+
xmlns="http://www.w3.org/2000/svg"
165+
width="24"
166+
height="24"
167+
viewBox="0 0 24 24"
168+
stroke-width="1.5"
169+
stroke="currentColor"
170+
fill="none"
171+
stroke-linecap="round"
172+
stroke-linejoin="round"
173+
>
174+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
175+
<rect x="4" y="4" width="16" height="16" rx="2" />
176+
<line x1="8" y1="11" x2="8" y2="16" />
177+
<line x1="8" y1="8" x2="8" y2="8.01" />
178+
<line x1="12" y1="16" x2="12" y2="11" />
179+
<path d="M16 16v-3a2 2 0 0 0 -4 0" />
180+
</svg>
181+
</a>
182+
</li>
183+
184+
185+
<li class="grid place-items-center">
186+
<a
187+
href="https://github.com/cryspen"
188+
target="_blank"
189+
rel="noopener"
190+
aria-label="GitHub"
191+
class=" inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
192+
>
193+
<svg
194+
xmlns="http://www.w3.org/2000/svg"
195+
width="24"
196+
height="24"
197+
viewBox="0 0 24 24"
198+
stroke-width="1.5"
199+
stroke="currentColor"
200+
fill="none"
201+
stroke-linecap="round"
202+
stroke-linejoin="round"
203+
>
204+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
205+
<path
206+
d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
207+
/>
208+
</svg>
209+
</a>
210+
</li>
211+
212+
213+
<li>
214+
<a
215+
href="mailto:[email protected]"
216+
target="_blank"
217+
rel="noopener"
218+
aria-label="Email"
219+
class="inline-block rounded-full border border-transparent text-gray-500 hover:text-gray-800 cursor-pointer transition-colors dark:text-gray-600 dark:hover:border-gray-300 dark:hover:text-gray-300"
220+
>
221+
<svg
222+
xmlns="http://www.w3.org/2000/svg"
223+
width="24"
224+
height="30"
225+
viewBox="0 -3 24 24"
226+
stroke-width="1.5"
227+
stroke="currentColor"
228+
fill="none"
229+
stroke-linecap="round"
230+
stroke-linejoin="round"
231+
>
232+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
233+
<rect x="3" y="5" width="18" height="14" rx="2" />
234+
<polyline points="3 7 12 13 21 7" />
235+
</svg>
236+
</a>
237+
</li>
238+
239+
</ul>
240+
<span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="p-1 cursor-pointer">
241+
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5"
242+
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
243+
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
244+
<path d="M18 15l-6 -6l-6 6h12" />
245+
</svg>
246+
</span>
247+
</footer>
248+
</section>
249+
250+
251+
252+
253+
254+
255+
256+
257+
<script>
258+
259+
const darkmode = document.querySelector('.toggle-dark-mode');
260+
function toggleDarkMode() {
261+
if (document.documentElement.classList.contains('dark')) {
262+
document.documentElement.classList.remove('dark')
263+
localStorage.setItem('darkmode', 'light')
264+
} else {
265+
document.documentElement.classList.add('dark')
266+
localStorage.setItem('darkmode', 'dark')
267+
}
268+
}
269+
if (darkmode) {
270+
darkmode.addEventListener('click', toggleDarkMode);
271+
}
272+
273+
const isDark = localStorage.getItem('darkmode');
274+
if (isDark && isDark === 'dark') {
275+
toggleDarkMode();
276+
}
277+
</script>
278+
</body>
279+
</html>

README.md

Lines changed: 0 additions & 1 deletion
This file was deleted.

0 commit comments

Comments
 (0)