-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (82 loc) · 6.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>View Portfolio Website - Mateusz Sawicki</title>
<link rel="stylesheet" href="Style.css">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="img/icon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/icon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="img/icon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/icon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="img/icon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/icon/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="img/icon/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="img/icon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="img/icon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/icon/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="img/icon/favicon-128.png" sizes="128x128" />
<meta name="application-name" content=" "/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="img/icon/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="img/icon/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="img/icon/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="img/icon/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="img/icon/mstile-310x310.png" />
<script src="js/main.js"></script>
<script src="js/home.js"></script>
</head>
<body>
<nav id="sidebar">
<ul>
<li>
<span class="logo">Mateusz Sawicki</span>
<button onclick="toggleSidebar()" id="toggle-btn"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFF"><path d="M440-240 200-480l240-240 56 56-183 184 183 184-56 56Zm264 0L464-480l240-240 56 56-183 184 183 184-56 56Z"/></svg></button>
</li>
<li class="active"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFF"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg><span>Home</span></a></li>
<li><a href="https://someoneunknownforreal.github.io/Projects"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFF"><path d="M400-120q-17 0-28.5-11.5T360-160v-480H160q0-83 58.5-141.5T360-840h240v120l120-120h80v320h-80L600-640v480q0 17-11.5 28.5T560-120H400Zm40-80h80v-240h-80v240Zm0-320h80v-240H360q-26 0-49 10.5T271-720h169v200Zm40 40Z"/></svg><span>Projects</span></a></li>
<li>
<button onclick="toggleSubMenu(this)" class="dropdown-btn special"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#40e0d0"><path d="M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480v58q0 59-40.5 100.5T740-280q-35 0-66-15t-52-43q-29 29-65.5 43.5T480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480v58q0 26 17 44t43 18q26 0 43-18t17-44v-58q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93h200v80H480Zm0-280q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg><span>Contact</span><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFF"><path d="M480-360 280-560h400L480-360Z"/></svg></button>
<ul class="sub-menu">
<div>
<li><a href="#">Discord</a></li>
<li><a href="#">Email</a></li>
</div>
</ul>
</li>
</ul>
</nav>
<main>
<div class="slidercontainer">
<div class="slider">
<div class="slides">
<img src="img/dyplom.jpg" alt="Points to middle school from a contest">
<img src="img/dyplomkonkursowy.jpg" alt="A Document from the same contest">
<img src="img/zaswiadczenie.jpg" alt="A Document stating that I got to the last part of the contest">
</div>
<button class="prevs" onclick="prevSlide()" title="Next Image">❮</button>
<button class="nexts" onclick="nextSlide()" titke="Previous Image">❯</button>
<span id="sdisplay">1/3</span>
<span id="sdisplaytip">Use Left and Right arrow on your keyboard or just click the buttons</span>
</div>
<button id="1" class="sdisplaytoggle" onclick="toggleAutoSlide()"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#fff"><path d="M320-200v-560l440 280-440 280Zm80-280Zm0 134 210-134-210-134v268Z"/></svg></button>
<button id="2" class="sdisplaytoggle sshow" onclick="toggleAutoSlide()"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#fff"><path d="M320-640v320-320Zm-80 400v-480h480v480H240Zm80-80h320v-320H320v320Z"/></svg></button>
</div><br>
<div class="container">
<h2>A Little About Me</h2>
<p>I'm a 14 years old teen who has a passion for programming stuff. That is the reason I made this portfolio. Just for fun. Nothing else. Maybe. I don't know.</p>
</div>
<div class="container">
<h2>My Skill Level</h2>
<p>It is very different depending on the language. For example, I'm pretty intermediate with Python but a beginner at C++ and Web languages, especially Javascript.</p>
</div>
<div class="container">
<h2>My Passion For Programming</h2>
<p>It's quite big. I started with making stupid little batch games that I wrote in Microsoft Notepad. It was really fun for me so I wanted something harder. And I did the jump, and I didn't regret it. I'm still trying to improve each day.</p>
<p>There's one thing i like the most when programming: That is the sound of my mechanical keyboard. It's so relaxing that I could write code for hours and not get bored. Additionally, it feels great and isn't slow.</p>
</div>
</main>
</body>
</html>