-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (263 loc) · 16.6 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
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="ahrefs-site-verification" content="c1c53c0e7288abb8f2ede756b511fec1a14ebdfdfcf6c310e903c999b9273029">
<meta name="seobility" content="6c5cf0c32d775a94f1dde130281c5804">
<meta http-equiv="Accept-CH" content="Viewport-Width, Downlink">
<meta http-equiv="Accept-CH-Lifetime" content="86400">
<meta name="robots" content="index, follow, archive">
<link rel="canonical" href="https://mrakcw.tk/">
<!-- MT -->
<title>👑 Creative Work & Sandbox Pro.Web.Dev.Profile by MrakCw 🚀</title>
<meta name="description" content="MrakCw - Already today to begin create your professional developer CV & work profile 📋 And belivet, soon you to take offer of your dreams 🚀">
<meta name="keywords" content="mrakcw, dev, developer, front-end, web, new, title, page, MrakCw TK - prototype and buiding new web title page 🚀">
<!--! Can be use together -> name="description" + property="og:description" -> test it -->
<!-- ? IV PROPERTY -->
<!-- ВЖУХ -->
<meta property="telegram:channel" content="@some_developer">
<meta property="tg:site_verification" content="g7j8/rPFXfhyrq5q0QQV7EsYWv4=">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="MrakCw Dev">
<meta property="og:url" content="https://mrakcw.tk/">
<meta property="og:title" content="👑 Creative Work & Sandbox Pro.Web.Dev.Profile by MrakCw 🚀">
<meta property="og:description" content="MrakCw - Already today to begin create your professional developer CV & work profile 📋 And belivet, soon you to take offer of your dreams 🚀">
<meta property="og:image" content="https://mrakcw.tk/assets/img/mrakcw-card.jpg">
<meta property="article:author" name="author" content="MrakCw">
<meta property="article:published_time" content="">
<!--2022-01-07T11:00:00.654Z-->
<!-- Twitter -->
<meta property="twitter:site" content="@MrakCw">
<meta property="twitter:url" content="https://mrakcw.tk/">
<meta property="twitter:creator" content="@MrakCw">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="👑 Creative Work & Sandbox Pro.Web.Dev.Profile by MrakCw 🚀">
<meta property="twitter:description" content="MrakCw - Already today to begin create your professional developer CV & work profile 📋 And belivet, soon you to take offer of your dreams 🚀">
<meta property="twitter:image" content="https://mrakcw.tk/assets/img/mrakcw-card.jpg">
<meta property="twitter:image:alt" content="MrakCw DEV | Web project">
<!-- Options -->
<meta name="application-name" content="MrakCw Dev">
<meta name="copyright" content="© MrakCw | 2024">
<meta name="theme-color" content="#FB3">
<link rel="icon" href="/assets/favicon/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/assets/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/assets/favicon/favicon-16x16.png" type="image/png" sizes="16x16">
<link rel="icon" href="/assets/favicon/favicon-32x32.png" type="image/png" sizes="32x32">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<!--
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2197c9">
<meta name="apple-mobile-web-app-title" content="Forecast7">
<meta name="application-name" content="Forecast7">
<meta name="theme-color" content="#3880a8">
https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript/
rel="preconnect" as
-->
<!-- Files -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" as="font" type="font/woff2" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com/css2?family=Jura:wght@400;500;700&display=swap" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/css/bulma.min.css">
<link rel="stylesheet" href="/assets/css/bulma-helpers.css">
<link rel="stylesheet" href="/assets/css/bulmaswatch.min.css">
<link rel="stylesheet" href="/assets/css/bulma-prefers-dark.min.css">
<link rel="stylesheet" href="/assets/css/style.css">
<script type="application/ld+json">
{"@context": "https://www.schema.org",
"@type": "BreadcrumbList",
"name": "MrakCw.Tk crumbs",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "Thing",
"@id": "https://mrakcw.tk/",
"name": "MrakCw.tk 🌍"}},
{"@type": "ListItem",
"position": 2,
"item": {
"@type": "Thing",
"@id": "https://mrakcw.tk#hello",
"name": "HI THERE 👋"}}]}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Person",
"name": "MrakCw Dev",
"url": "https://mrakcw.tk/",
"image": "https://mrakcw.tk/assets/img/mrakcw.jpg",
"sameAs": [
"https://www.facebook.com/MrakCw/",
"https://twitter.com/mrakcw",
"https://www.instagram.com/4uk_4upik/",
"https://www.youtube.com/user/mrakcw",
"https://www.linkedin.com/in/mrakcw/",
"https://www.pinterest.com/mrakcw/",
"https://github.com/mrakcw",
"https://mrakcw.cc.ua"
],
"jobTitle": "Front End Developer",
"worksFor": {
"@type": "Organization",
"name": "Open to new projects"
}
}
</script>
<!-- https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=ru -->
</head>
<body>
<!-- 1st screen -->
<div class="hero iv-template is-fullheight">
<!-- ! hero-head -->
<div class="hero-head is-fixed-top has-background-black" role="navigation" aria-label="main navigation">
<nav class="navbar border">
<div class="container">
<div class="navbar-brand navbar-start">
<a class="navbar-item" href="/" title="Home link"><img src="/assets/img/logo/mr-navbar.svg" alt="MrakCw logo" title="Go home" class="navbar-logo"></a>
</div>
<div class="navbar-end touch">
<label for="menuToggle" class="navbar-item touch">
<svg class="hb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" stroke="#eee" stroke-width=".8" fill="rgba(0,0,0,0)" stroke-linecap="round" style="cursor: pointer"><path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7"><animate dur="0.2s" attributeName="d" values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze" begin="start.begin" /><animate dur="0.2s" attributeName="d" values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze" begin="reverse.begin" /></path><rect width="10" height="10" stroke="none"><animate dur="2s" id="reverse" attributeName="width" begin="click" /></rect><rect width="10" height="10" stroke="none"><animate dur="0.001s" id="start" attributeName="width" values="10;0" fill="freeze" begin="click" /><animate dur="0.001s" attributeName="width" values="0;10" fill="freeze" begin="reverse.begin" /></rect></svg>
</label>
<input id="menuToggle" type="checkbox">
<ul class="navbar-menu navbar-burger has-background-white-bis has-text-centered">
<li class="navbar-item"><div class="navbar-link is-arrowless" onclick="window['some-dialog-id'].show()" aria-controls="some-dialog-id">View content</div></li>
<li class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link is-arrowless">⋆ Notion ⋆</a>
<div class="navbar-dropdown">
<hr class="navbar-divider">
<a class="navbar-link is-arrowless jc-c disabled call">
<img width="16" height="16" src="/assets/img/icons/notion.svg" alt="Notion app">
<i class="mr-2">⊸</i>
Notion cases ↴
<!-- Notion use cases -->
<!-- Get Notion free -->
</a>
<hr class="navbar-divider">
<!-- <a class="navbar-link is-arrowless">About</a> -->
<a class="navbar-link is-arrowless" href="https://mrakcw.stomod.com/">📒 STOMOD</a>
<a class="navbar-link is-arrowless" href="https://mrakcw.super.site/">⚡ SUPER</a>
<a class="navbar-link is-arrowless" href="https://mrakcw.assistflare.com/">🧙♂️ ASSISTFLARE</a>
<hr class="navbar-divider">
<a class="navbar-link is-arrowless jc-c disabled">🔜 Different Web 💤</a>
<hr class="navbar-divider">
</div>
</li>
</ul>
</div>
</div>
</nav>
</div>
<!-- ! hero-body -->
<div class="hero-body">
<div class="container columns is-vcentered is-centered" id="hello">
<figure itemscope itemtype="http://schema.org/ImageObject" class="image column is-narrow-desktop">
<a id="article-img" onclick="window['some-dialog-id'].show()" aria-controls="some-dialog-id">
<img class="image is-rounded" src="/assets/img/mrakcw.jpg" itemprop="contentUrl" width="200" height="200" alt="MrakCw Dev" title="MrakCw">
</a>
<figcaption itemprop="description" class="subtitle is-4">MrakCw Dev</figcaption>
</figure>
<!-- COL £2 -->
<div class="column has-text-centered">
<p class="title has-text-white pb-4 is-2">HI THERE 👋</p>
<p class="subtitle is--4"> WEB DEV PROJECT 📘<br>Instant View 🌐</p>
<button class="button is-success is-rounded is-outlined px-6 has-text-weight-bold" type="button" onclick="window['some-dialog-id'].show()" aria-controls="some-dialog-id">Open content </button>
<a href="https://t.me/+0ZVFWWvQS4I5NWYy" class="button is-success is-rounded is-outlined px-6 has-text-weight-bold" id="tg-channel" title="tg:@some_developer" target="_blank" rel="nofollow">Join to my TG Channel ⭐</a>
</div>
</div>
<!-- ? START IV CONTENT -->
<dialog class="dialog text-dark" id="some-dialog-id">
<div itemscope itemtype="http://schema.org/Article" class="article__container container article" id="article">
<article itemprop="articleBody" class="article__content">
<!-- ? Cover Article Img & Heading #1 -->
<figure itemscope itemtype="http://schema.org/ImageObject" class="d-none">
<!-- width="600" height="300" -->
<img src="/assets/img/dev-cover.jpeg" alt="Dev Notes cover by MrakCw" itemprop="image">
<figcaption itemprop="description"></figcaption>
</figure>
<blockquote class="is-hidden">
<p class="blog_name subtitle"><a href="/">WEB DEV PROJECT</a></p>
</blockquote>
<hr>
<h1 class="title has-text-centered" itemprop="headline">Hello everyone 👋 I am MrakCw 🧙</h1>
<h2 class="subtitle has-text-centered mb-0">Web developer & graphic designer</h2>
<hr>
<!--? Nav Section -->
<section class="section py-0 mx-auto is-flex is-justify-content-space-evenly is-gapless columns is-mobile" id="nav">
<div class="box has-background-black column is-5">
<h2 class="title has-text-white has-text-centered mb-0 mt-3 is-5">NOTION WEBSITES</h2>
<hr class="my-2 has-background-light w-100">
<nav class="contents pt-0 pb-3 px-5 column is-12">
<ul class="contents_list mx-2">
<!-- <li class="contents_item"><a class="has-text-white disabled" >Notes</a></li> -->
<li class="contents_item"><a class="has-text-white" href="https://mrakcw.stomod.com/">STOMOD</a></li>
<li class="contents_item"><a class="has-text-white" href="https://mrakcw.super.site/">SUPER</a></li>
<li class="contents_item"><a class="has-text-white" href="https://mrakcw.assistflare.com/">ASSISTFLARE</a></li>
</ul>
</nav>
</div>
<div class="box has-background-black column is-5">
<h2 class="title has-text-white has-text-centered mb-0 mt-3 is-5">Table of context</h2>
<hr class="my-2 has-background-light w-100">
<nav class="contents pt-0 pb-3 px-5 column is-12">
<ul class="contents_list mx-2">
<li class="contents_item"><a class="has-text-white" href="#passion">My passion</a></li>
<li class="contents_item"><a class="has-text-white" href="#focused">My focus</a></li>
<li class="contents_item"><a class="has-text-white" href="#quality">Work principle</a></li>
<li class="contents_item"><a class="has-text-white" href="#about-me">About me</a></li>
</ul>
</nav>
</div>
</section>
<!-- ? Main Section -->
<section class="section py-0">
<hr class="mt-0">
<!-- <a name="passion"></a> -->
<h2 class="title is-4">My passion is Web Development & Technical side of SEO 🐯</h2>
<!-- <p class="subtitle">Also i am a graphic designer and a creative person 🎨</p> -->
<p>Since 2007 I have begun my road & created my first website 🌐</p>
<p>When we didn’t have flex or grid style property 😅</p>
<blockquote><p>Born to create something amazing in this world 🌅</p></blockquote>
<hr>
<!-- <a name="focused"></a> -->
<h2 class="title is-4">I am focused on improving my skills to pro level 💪</h2>
<p>I revise source code more often than you may think and also i know the secret</p>
<p>How to get impressive 100 / 100 points on page speed rank 📈 and more</p>
<hr>
<!-- <a name="quality"></a> -->
<h2 class="title is-4">Quality and web performance in my work it's my principle 👈</h2>
<blockquote><p>Quality - it means doing it right even if no one is asking you to do this and no one controls results 👍</p></blockquote>
<hr>
<!-- <a name="about-me"></a> -->
<h2 class="title is-4">In short about me</h2>
<p>Some strange man based in Kyiv. 🥇</p>
<p>I love what I do and do this excellent ✅</p>
<hr>
</section>
</article>
</div>
<button class="dialog__button button-absolute" type="button" onclick="window['some-dialog-id'].close()">❌</button>
</dialog>
<!-- ? END IV CONTENT -->
</div>
<!-- ! hero-foot -->
<div class="hero-foot">
<div class="area" ><ul class="circles"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div>
</div>
<div class="container text-center copyright mt-6 has-text-centered">
<p><a href="/" title="Go Home" class="disabled active">🏠 GO HOME</a> | <a href="/privacy-policy/">Privacy Policy</a></p>
<p> © 2021-2024 GitHub, Inc.</p>
</div>
</div>
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" as="script">
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</body>
</html>