-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
404 lines (367 loc) · 30.2 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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="author" content="Jakub Namyślak">
<meta name="keywords" content="ShatterOS, ShatterWares, historia 1a ZSEk projekt, Władysław Łokietek, alergie, 1a ZSEk Opole biologia projekt, Jakub Namyślak, Jakub Tataruch, Oliver Skiba, Michał Opałka, Maks Janiszewski, alergia pomoc, alergia co to, wstrząs anafilaktyczny, 2a ZSEk, 2a ZSEk programiści projekt, 2a ZSEK programiści, projekt uczniowski programiści ekonom, ekonom, ekonom Opole, ZSEk, rozbijacze, rozbijacze komercyjne, project, self-made, javascript, php, css, html, js, python, cpp, c++, c, informatyk, programista, informatycy, programiści, official, oficjalne, blog, github, git, ShWHP, ShWPH, ShatterWares Project Hub, ShatterWares Homepage, ShatterWares Micro">
<meta name="description" content="ShatterWares is a future company of Jakub Namyślak, a man learning programming in the high school he attends. Gaining skill every day, he is realizing his long wanted goal: to be a developer emanating with superior knowledge, creativity and power.">
<meta name="owner" content="Jakub Namyślak">
<meta name="url" content="https://shatterwares.com">
<meta name="coverage" content="Worldwide">
<meta name="rating" content="General">
<meta name='HandheldFriendly' content='True'>
<meta name='copyright' content='Jakub Namyślak (for some assets their respective owners)'>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=5">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=5">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=5">
<link rel="manifest" href="/site.webmanifest?v=5">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=5" color="#00d1c4">
<link rel="shortcut icon" href="/favicon.ico?v=5">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/mstile-144x144.png?v=5">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway&family=Belanosima&family=Chivo+Mono:wght@100&display=swap" rel="stylesheet">
<title>ShatterWares: The future starts now.</title>
<link href="CSS/cssdata-shatterwares2.css" rel="stylesheet" type="text/css">
<script src="JS/animationutil.js"></script>
<style>
::-webkit-scrollbar{
display: none;
}
</style>
</head>
<body class="mg-none">
<!-- PRELOAD RESOURCES -->
<div id="preload" class="dp-none">
<img src="RESOURCES/PRIMARY/alternatepromise-min.png">
<img src="RESOURCES/SHWHP_RES/animation-assets/corner-anim1.png">
<img src="RESOURCES/SHWHP_RES/bg-content/bg-master.webp">
<img src="RESOURCES/SHWHP_RES/greeceborder.png">
<img src="RESOURCES/bgs/bg14.jpg">
<img src="RESOURCES/SHWHP_RES/cpp.png">
<img src="RESOURCES/SHWHP_RES/html.png">
<img src="RESOURCES/SHWHP_RES/js.png">
<img src="RESOURCES/SHWHP_RES/php.png">
<img src="RESOURCES/SHWHP_RES/cpp_b&w.png">
<img src="RESOURCES/SHWHP_RES/html_b&w.png">
<img src="RESOURCES/SHWHP_RES/js_b&w.png">
<img src="RESOURCES/SHWHP_RES/php_b&w.png">
<img src="RESOURCES/SHWHP_RES/star.png">
<img src="RESOURCES/SHWHP_RES/github.webp">
<img src="RESOURCES/SHWHP_RES/antenna.png">
<img src="RESOURCES/bgs/bg15.jpg">
<img src="RESOURCES/PRIMARY/alternatepromise-min.png">
<img src="RESOURCES/SHWHP_RES/dbh-1.webp">
<img src="RESOURCES/SHWHP_RES/dbh-2.jpg">
<img src="RESOURCES/SHWHP_RES/deltarune-2.jpg">
<img src="RESOURCES/SHWHP_RES/deltarune-4.jpg">
<img src="RESOURCES/SHWHP_RES/deltarune-5.jpg">
<img src="RESOURCES/SHWHP_RES/deltarune-6.jpg">
<img src="RESOURCES/SHWHP_RES/deltarune-2.jpg">
<img src="RESOURCES/SHWHP_RES/hk-1.jpg">
<img src="RESOURCES/SHWHP_RES/hk-2.jpg">
<img src="RESOURCES/SHWHP_RES/tf-1.jpg">
<img src="RESOURCES/SHWHP_RES/tf-2.webp">
<img src="RESOURCES/SHWHP_RES/promisenobg-slim.png">
<img src="RESOURCES/SHWHP_RES/vbs.png">
<img src="RESOURCES/SHWHP_RES/rar.png">
<img src="RESOURCES/SHWHP_RES/rtf.png">
<img src="RESOURCES/SHWHP_RES/lnk.png">
<img src="RESOURCES/SHWHP_RES/computer.png">
<img src="RESOURCES/SHWHP_RES/warning.png">
</div>
<div class="nonstandard-draft pos-fxd">
<h1 class="nonstandard-draft-head grd-draft1 gradient-text"><b>DRAFT </b></h1><h1 class="nonstandard-draft-head grd-draft2 gradient-text"></h1>
<p class="mg-none nonstandard-draft-data">This site was not completed, therefore its capabilities are limited. For more details, please head to my GitHub or consult the current update source.
Signed,
<span class="grd-firsth1 gradient-text">Jacob</span>
</p>
</div>
<!--Start Status Screen-->
<div id="load" class="load z-5 pos-fxd w-100p h-100p fx fx-ai-c fx-jc-c fx-dir-c">
<img src="RESOURCES/PRIMARY/alternatepromise-min.png" class="w-20p anim-infRainbow" alt="logo">
<noscript>
<div class="pos-fxd error-javascript nav-button-image bs-bb fx fx-jc-c fx-ai-c">
<div class="bgc-white error-circle bgc-white dp-none h-100p fx fx-ai-c fx-jc-c">
<img src="RESOURCES/SHWHP_RES/warning.png" class="error-image" alt="A warning sign">
</div>
<p class="mg-none c-white ff-belanosima">Error: JavaScript is required for<br>basic functionality.</p>
</div>
</noscript>
</div>
<!--Javascript required-->
<!--Update Notif Screen-->
<div id="updateScreen" onclick="toggleUpdateScreenVisibility()" class="w-100p pos-fxd w-100p z-5 h-100vh fx fx-ai-c fx-jc-c dp-none">
<div class="w-100p h-100p update-section-bg"></div>
<div id="updateStar" class="update-star-emblem render-pixel z-5 bgr-no-r bgs-additional-elem-input pos-fxd" alt="A star"></div>
<div id="updateNotes" class="update-notes pos-fxd bs-bb brad-40px op-0">
<div class="fx fx-ai-c mg-b-45px">
<img class="update-github-thumbnail" src="RESOURCES/SHWHP_RES/github.webp" alt="github icon">
<!-- Update Data - Name-->
<div class="ff-belanosima">
<h2 class="mg-none fw-500 mg-b-8px">(Github) Update Log - shatterwares.com</h2>
<h2 class="mg-none fw-500 fc-grayed">RegUpd 74 [12.17.2023]</h2>
</div>
<!-- Update Data - Name-->
</div>
<!-- Update Data - must be kept updated! -->
<div class="brad-40px w-100p update-notes-text ff-monospace ov-h bs-bb scroll-alternative wsp-p-l">
<h1 class="mg-b-20px">// ✧ ShWHP</h1>
<p class="mg-none paragraph-notes mg-b-20px">- Started making context menus for ShWPH.
</p>
<h1 class="mg-b-20px">// ⧉ ShWMicro</h1>
<p class="mg-none paragraph-notes mg-b-20px">- Minor adjustments.
</p>
<h1 class="mg-b-20px">// ⧉◈ MineSweeper</h1>
<p class="mg-none paragraph-notes mg-b-20px">- Removed console logs.
</p>
</div>
<!-- Update Data - must be kept updated! -->
</div>
</div>
<!--Update Notif Screen-->
<nav class="nav nav-transition fx pos-fxd w-100p">
<div class="w-100p fx fx-jc-spb ff-belanosima">
<a href="https://www.github.com/jakubekgranie" target="_blank" title="Featured">
<div class="nav-button-image fx fx-ai-c fx-jc-c h-100p cur-sel">
<img src="RESOURCES/PRIMARY/alternatepromise-min.png" class="nav-logo-image h-auto nav-transition" alt="logo">
</div>
</a>
<div class="fx">
<a href="https://www.github.com/jakubekgranie" class="nav-button h-100p cur-sel fx fx-ai-c fx-jc-c" target="_blank">
<p class="nav-button-paragraph pos-rel mg-none nav-transition"><b><span id="navSlash1-1" class="hover-color">/</span><span id="navSlash1-2" class="hover-color nav-transition">/</span></b> GitHub</p>
</a>
<a href="#ShWPH" class="nav-button h-100p cur-sel fx fx-ai-c fx-jc-c">
<p class="nav-button-paragraph pos-rel mg-none nav-transition"><b><span id="navSlash2-1" class="hover-color">/</span><span id="navSlash2-2" class="hover-color nav-transition">/</span></b> ShWPH</p>
</a>
<a href="about-me/" class="nav-button h-100p cur-sel fx fx-ai-c fx-jc-c">
<p class="nav-button-paragraph pos-rel mg-none nav-transition"><b><span id="navSlash3-1" class="hover-color">/</span><span id="navSlash3-2" class="hover-color nav-transition">/</span></b> About me</p>
</a>
<div onclick="anNavButtonPreset()" class="nav-button h-100p cur-sel fx fx-ai-c fx-jc-c">
<p id="spec" class="nav-button-paragraph pos-rel mg-none nav-transition"><b><span id="navSlash4-1" class="hover-color nav-transition">/</span><span id="navSlash4-2" class="hover-color">/</span></b><span id="navSpec"> #0845</span></p>
</div>
</div>
</div>
</nav>
<div id="socials_trigger" class="socialsbutton-wrapper z-1 pos-fxd" onmouseover="rainbow()" onclick="toggleUpdateScreenVisibility()">
<div class="socials-opt bgc-black gradient-social bgs-full fx fx-ai-c fx-jc-c pos-rel">
<video muted autoplay loop class="pos-abs w-100p h-100p">
<source src="RESOURCES/SHWHP_RES/buttongif.mp4" type="video/mp4">
</video>
<div class="socials-opt-inside-decor insides-wh-pack w-75p fx fx-ai-c fx-jc-c pos-rel z-1">
<img id="socials" class="icon-image-socials" src="RESOURCES/SHWHP_RES/antenna.png">
</div>
</div>
</div>
<header id="header" class="fx fx-ai-c fx-jc-c header h-100vh bgs-adjustable bgp-center">
<div class="headercontainer">
<div class="pos-rel fx fx-ai-c fx-jc-c">
<img class=" pos-abs wh-animelem-1 wh-animelem-1-addr-1 anim-slowBlink" src="RESOURCES/SHWHP_RES/animation-assets/corner-anim1.png">
<img class="headerimage" src="RESOURCES/PRIMARY/alternatepromise-min.png" alt="logo">
<div class="fx fx-ai-c ff-raleway">
<h1 class="headergradienttext fw-100 mg-none gradient-text">
<span class="grd-firsth1 gradient-text">
<span class="headerLetter">S</span><span class="headerLetter">h</span><span class="headerLetter">a</span><span class="headerLetter">t</span><span class="headerLetter">t</span><span class="headerLetter">e</span><span class="headerLetter">r</span><span class="headerLetter">W</span><span class="headerLetter">a</span><span class="headerLetter">r</span><span class="headerLetter">e</span><span class="headerLetter">s</span><span class="headerLetter">:</span><span class="headerLetter"> </span>
</span>
<span class="headergradienttext grd-sech1 gradient-text">
<span class="headerLetter">t</span><span class="headerLetter">h</span><span class="headerLetter">e</span><span class="headerLetter"> </span><span class="headerLetter">f</span><span class="headerLetter">u</span><span class="headerLetter">t</span><span class="headerLetter">u</span><span class="headerLetter">r</span><span class="headerLetter">e</span><span class="headerLetter"> </span><span class="headerLetter">s</span><span class="headerLetter">t</span><span class="headerLetter">a</span><span class="headerLetter">r</span><span class="headerLetter">t</span><span class="headerLetter">s</span><span class="headerLetter"> </span><span class="headerLetter">n</span><span class="headerLetter">o</span><span class="headerLetter">w</span><span class="headerLetter">.</span>
</span>
</h1>
</div>
<img class="pos-abs wh-animelem-1 wh-animelem-1-addr-2 anim-slowBlink" src="RESOURCES/SHWHP_RES/animation-assets/corner-anim1.png">
</div>
</div>
</header>
<div class="w-100p border bgs-contain"></div>
<section id="theMission" class="abm-section w-100p fx fx-ai-c fx-jc-c fx-dir-c abm-bgp bgr-no-r bs-bb bgs-additional-elem-input">
<div class="nest-subsection fx fx-jc-spb fx-ai-c">
<div class="ff-belanosima fx fx-dir-c">
<h1 id="headermission" class="mg-none t-ss-heading op-0">The mission<span class="anim-blink">_</span></h1>
<p id="headermission2" class="t-ss-paragraph t-ss-paragraph-modabm ff-raleway mg-none op-0">
<b>Jacob Namyslak</b>, aka <i>Starstruck</i> or jakubekgranie is a 16 year old apprentice at ZSEk Opole. Endeavouring for vast wisdom and brain power, he aims for becoming a perfection and attaining ultimate expertise by hard work.
</p>
</div>
<img id="pfp" src="RESOURCES/SHWHP_RES/pfp2.jpg" class="pfp op-0">
</div>
</section>
<div class="w-100p border bgs-contain"></div>
<div class="bg-long bgs-full">
<section id="langs1" class="c-white w-100p fx fx-jc-c fx-ai-c fx-dir-c min-padding">
<div class="nest-subsection fx fx-jc-spb fx-ai-c">
<div class="longer-subsection ff-belanosima fx-dir-c bs-bb">
<div id="sectionlang1" class="op-0 mg-b-30px">
<span id="slash1-lang" class="mg-none general-heading">/</span><span id="slash2-lang" class="mg-none general-heading">/ </span><h1 id="sectionlang1p2" class="mg-none general-heading dp-inline">Languages: the keys</h1>
</div>
<p id="sectionlang2" class="t-ss-paragraph t-ss-paragraph-modabm add-lang-paragraph ff-raleway mg-none op-0">Languages serve as my trump cards: they are like limbs for every programmer. And I am no exception! Here you can review the aforementioned.</p>
</div>
<div id="langCentral" class="lang-pick fx pos-rel op-0">
<div id="cpp" onclick="langPicker('cpp')" class="lang-pick-opt bgs-full cpp pos-rel cur-sel pickermarker">
<img id="icon-cpp" src="RESOURCES/SHWHP_RES/cpp_b&w.png" class="whp-icon pos-abs p-ab-center" alt="C++">
</div>
<div id="html" onclick="langPicker('html')" class="lang-pick-opt bgs-full html pos-rel cur-sel pickermarker">
<img id="icon-html" src="RESOURCES/SHWHP_RES/html_b&w.png" class="whp-icon pos-abs p-ab-center" alt="HTML">
</div>
<div id="php" onclick="langPicker('php')" class="lang-pick-opt bgs-full php pos-rel cur-sel pickermarker">
<img id="icon-php" src="RESOURCES/SHWHP_RES/php_b&w.png" class="whp-icon pos-abs p-ab-center" alt="PHP">
</div>
<div id="js" onclick="langPicker('js')" class="lang-pick-opt bgs-full js pos-rel cur-sel pickermarker">
<img id="icon-js" src="RESOURCES/SHWHP_RES/js_b&w.png" class="whp-icon pos-abs p-ab-center" alt="JS">
</div>
</div>
</div>
</section>
<section id="langStats" class="c-white w-100p fx fx-jc-c fx-ai-c fx-dir-c min-padding">
<div class="nest-subsection ff-belanosima fx fx-dir-c ">
<div class="w-100p fx fx-ai-c fx-jc-c fx-dir-c mg-b-60px">
<div id="sectionlang12" class="mg-b-30px op-0">
<span id="slash1-lang2" class="mg-none general-heading">/</span><span id="slash2-lang2" class="mg-none general-heading">/ </span><h1 id="langstatsheading" class="mg-none general-heading dp-inline">Languages: the stats</h1>
</div>
<p id="sectionlang22" class="t-ss-paragraph t-ss-paragraph-modabm add-lang-paragraph ff-raleway mg-none add-lang-paragraph2 w-100p op-0">Well, maybe they are aces in my sleeve, but how effective am I really, dare You to question? Well, see below!</p>
</div>
<div class="longer-subsection bs-bb">
<div class="mg-b-20px fx fx-ai-c fx-jc-c">
<div id="holder_html" class="icon-holder fx fx-ai-c fx-jc-c" title="HTMl">
<img id="baricon_html" src="RESOURCES/SHWHP_RES/html.png" class="icon-image op-0 insides-wh-pack w-75p" alt="HTML icon" title="HTML">
</div>
<div id="bar_html1" class="bar op-0 bar-red brad-3px bgs-full mg-l-100px"></div>
<div id="bar_html2" class="bar op-0 bar-red brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html3" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html4" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html5" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html6" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html7" class="bar op-0 bar-green brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html8" class="bar op-0 bar-green brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html9" class="bar op-0 bar-blue brad-3px bgs-full mg-l-20px"></div>
<div id="bar_html10" class="bar op-0 bar-blue brad-3px bgs-full mg-l-20px"></div>
</div>
<div class="mg-b-20px fx fx-ai-c fx-jc-c">
<div id="holder_php" class="icon-holder fx fx-ai-c fx-jc-c" title="PHP">
<img id="baricon_php" src="RESOURCES/SHWHP_RES/php.png" class="icon-image op-0 insides-wh-pack w-75p" alt="PHP icon" title="PHP">
</div>
<div id="bar_php1" class="bar op-0 bar-red brad-3px bgs-full mg-l-100px"></div>
<div id="bar_php2" class="bar op-0 bar-red brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php3" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php4" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php5" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php6" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php7" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php8" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php9" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_php10" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
</div>
<div class="mg-b-20px fx fx-ai-c fx-jc-c">
<div id="holder_cpp" class="icon-holder pos-rel fx fx-ai-c fx-jc-c" title="C++">
<img id="baricon_cpp" src="RESOURCES/SHWHP_RES/cpp.png" class="icon-image op-0 insides-wh-pack w-75p" alt="CPP icon" title="CPP">
</div>
<div id="bar_cpp1" class="bar op-0 bar-red brad-3px bgs-full mg-l-100px"></div>
<div id="bar_cpp2" class="bar op-0 bar-red brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp3" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp4" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp5" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp6" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp7" class="bar op-0 bar-green brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp8" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp9" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
<div id="bar_cpp10" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
</div>
<div class="fx fx-ai-c fx-jc-c">
<div id="holder_js" class="icon-holder pos-rel fx fx-ai-c fx-jc-c" title="JavaScript">
<img id="baricon_js" src="RESOURCES/SHWHP_RES/js.png" class="icon-image op-0 insides-wh-pack w-75p" alt="JavaScript icon" title="JavaScript">
</div>
<div id="bar_js1" class="bar op-0 bar-red brad-3px bgs-full mg-l-100px"></div>
<div id="bar_js2" class="bar op-0 bar-red brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js3" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js4" class="bar op-0 bar-yellow brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js5" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js6" class="bar op-0 bar-lgreen brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js7" class="bar op-0 bar-green brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js8" class="bar op-0 bar-green brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js9" class="bar op-0 bar-blue brad-3px bgs-full mg-l-20px"></div>
<div id="bar_js10" class="bar op-0 bar-empty brad-3px bgs-full mg-l-20px"></div>
</div>
</div>
</div>
</section>
</div>
</section>
<section id="ShWPH" class="c-white w-100p fx fx-jc-c fx-ai-c fx-dir-c min-padding bg-shwph bgs-full">
<div class="nest-subsection ff-belanosima fx fx-dir-c">
<div class="longer-subsection bs-bb fx fx-jc-c">
<div id="xp-1" class="shwph-tab op-0 pos-rel">
<!--New tab-->
<div id="new" class="pos-abs new-coords fx fx-ai-c fx-jc-c">
<div class="new-bg w-100p h-100p bs-bb"></div>
<p class="new-title pos-abs mg-none"><b>✧</b> New</p>
</div>
<div class="shwph-bar bs-bb fx fx-ai-c">
<img src="RESOURCES/SHWHP_RES/promisenobg-slim.png" class="h-100p" alt="Old ShatterWares icon">
<p class="xp-item-title tw-nowrap xp-margin mg-none">Internet Explorer - www.shatterwares.com/shwph/index.html</p>
</div>
<div id="shwph-container" class="shwph-content bgs-adjustable bgp-shwph render-pixel bs-bb fx fx-dir-c pos-rel" onclick="removePastMenu(event)" oncontextmenu="spawnContextMenu(event)">
<div id="micro" class="pos-abs p-ab-center dp-none folder-border t-r-gP">
<div id="micro-bar" class="shwph-bar bs-bb fx fx-ai-c fx-jc-spb op-0">
<div class="fx h-100p">
<img src="RESOURCES/SHWHP_RES/ms-dos.png" class="h-100p" alt="MS-DOS prompt icon">
<p class="xp-item-title tw-nowrap xp-margin mg-none">Command prompt</p>
</div>
<div class="micro-close cur-sel h-100p" onclick="micro()"></div>
</div>
<div id="micro-cmd" class="micro-cmd bs-bb fx fx-jc-spb fx-dir-c op-0">
<div id="micro-cmd-feed" class="micro-cmd-feed ff-micro-cmd scroll-alternative"></div>
<div class="ff-micro-cmd">
<label for="micro-cmd-input" id="micro-cmd-pointer" class="dp-inline-b mg-r-micro-cmd-pointer">></label><form id="micro-cmd-core" action="javascript:parseCMDCommands(document.getElementById('micro-cmd-input').value)" method="POST" class="dp-inline-b">
<input id="micro-cmd-input" type="text" autocomplete="off" spellcheck="false" class="micro-cmd-input c-white ff-micro-cmd"></input>
<button type="submit" hidden></button>
</form>
</div>
</div>
</div>
<div class="fx shwph-program-row-mg-b">
<a id="shwph-program-1" class="shwph-program fx fx-dir-c fx-jc-c fx-ai-c shwph-program-mg-r ff-monospace bs-bb" href="alergie/">
<img src="RESOURCES/SHWHP_RES/vbs.png" class="shwph-program-icon h-auto render-pixel" alt="VBS icon">
<p class="shwph-flavor-text mg-none">Allergies_<br>full_compedium<br>.vbs</p>
</a>
<a id="shwph-program-2" class="shwph-program fx fx-dir-c fx-jc-c fx-ai-c shwph-program-mg-r ff-monospace bs-bb" href="wladyslawlokietek/">
<img src="RESOURCES/SHWHP_RES/rar.png" class="shwph-program-icon h-auto" alt="RAR icon">
<p class="shwph-flavor-text mg-none">history_w_<br>lokietek.rar</p>
</a>
<a id="shwph-program-3" class="shwph-program fx fx-dir-c fx-jc-c fx-ai-c shwph-program-mg-r ff-monospace bs-bb" href="LEGACY/historia-kazimierz-wielki/Historia.html">
<img src="RESOURCES/SHWHP_RES/rtf.png" class="shwph-program-icon h-auto" alt="RTF icon">
<p class="shwph-flavor-text mg-none">legacy_casimir<br>_the_great.rtf</p>
</a>
<a id="shwph-program-4" class="shwph-program fx fx-dir-c fx-jc-c fx-ai-c shwph-program-mg-r ff-monospace bs-bb" href="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/jakubekgranie?tab=repositories">
<img src="RESOURCES/SHWHP_RES/computer.png" class="shwph-program-icon h-auto" alt="Cogs icon">
<p class="shwph-flavor-text mg-none">datahub.exe</p>
</a>
<a id="shwph-program-5" class="shwph-program fx fx-dir-c fx-jc-c fx-ai-c shwph-program-mg-r ff-monospace bs-bb" href="#header">
<img src="RESOURCES/SHWHP_RES/lnk.png" class="shwph-program-icon h-auto" alt="LNK icon">
<p class="shwph-flavor-text mg-none">home.lnk</p>
</a>
</div>
<div class="fx temp-shwph-program-right">
<a id="shwph-program-micro" class="shwph-program fx fx-dir-c fx-ai-c ff-monospace bs-bb cur-sel" onclick="micro()">
<img src="RESOURCES/SHWHP_RES/addr.png" class="shwph-program-icon h-auto" alt="Address book icon">
<p class="shwph-flavor-text mg-none">micro.wsf</p>
</a>
</div>
</div>
</div>
</div>
<div class="w-100p fx fx-ai-c fx-jc-c fx-dir-c mg-t-60px">
<div id="sectionxp1" class="mg-b-30px op-0 fx fx-jc-c fx-ai-c">
<img src="RESOURCES/SHWHP_RES/promisenobg-slim.png" class="shwph-icon" alt="Old ShatterWares icon"><span class="mg-slash-artificial"><span id="slash1-xp" class="mg-none general-heading">/</span><span id="slash2-xp" class="mg-none general-heading">/</span></span><h1 class="mg-none general-heading dp-inline">ShatterWares Project Hub</h1>
</div>
<p id="sectionxp2" class="t-ss-paragraph t-ss-paragraph-modabm add-lang-paragraph ff-raleway mg-none add-lang-paragraph2 w-100p op-0">We are so back! Here, at the new <abbr class="gradient-text grd-shwph" title="ShatterWares Project Hub"><b>ShWPH</b></abbr> section, You can preview my or friend's pieces of code.<br><br><b>Note:</b> the elements above <b><i>only imitate</i></b> programs, and <b>behave as secure links.</b></p>
</div>
</div>
</section>
<footer class="bgc-grey">
<div class="true-footer w-100p fx fx-ai-c fx-jc-c fx-dir-c">
<p class="footer-text mg-none ff-raleway"><a href="#header" title="My site"><b>© Jacob Namyslak.</b></a> All rights reserved, for foreign assets by their respective authors.</p>
</div>
</footer>
</body>
</html>