Skip to content

Commit 0097120

Browse files
mtsduricamtsdurica
committed
final
1 parent 1974a06 commit 0097120

File tree

7 files changed

+758
-454
lines changed

7 files changed

+758
-454
lines changed

‎img/nerrsid.png

4.04 KB
Loading

‎img/snaketype.png

6.55 KB
Loading

‎index.html

+109-85
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,29 @@
1+
<!-- xduric06 -->
12
<!doctype html>
23
<html lang="en">
34

45
<head>
56
<meta charset="UTF-8" />
67
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
78
<title>Document</title>
8-
<link rel="stylesheet" href="./style.css" />
9+
<link rel="stylesheet" href="./style/style.css" />
910
<link rel="preconnect" href="https://fonts.googleapis.com">
1011
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1112
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
1213
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
1314
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
15+
<script src="https://kit.fontawesome.com/56e0bbdeed.js" crossorigin="anonymous"></script>
1416
</head>
1517

1618
<body>
1719
<header>
18-
<!-- Nav -->
20+
<!-- NAVBAR -->
1921
<nav id="nav-container">
2022
<div id="nav-heading">
21-
<div class="nav-heading-item">
23+
<a href="#" class="nav-heading-item">
2224
<h1>M</h1>
2325
<h1>Ď</h1>
24-
</div>
26+
</a>
2527
<button id="nav-toggle-button" class="nav-heading-item">
2628
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
2729
<path
@@ -54,6 +56,7 @@ <h2>Projects<h2>
5456
</ul>
5557
</nav>
5658
</header>
59+
<!-- MAIN CONTENT CONTAINER -->
5760
<main>
5861
<div id="main-container">
5962
<section id="about-section">
@@ -62,104 +65,125 @@ <h2>Projects<h2>
6265
<h1>About Me</h1>
6366
</div>
6467
</div>
65-
<span class="section-text">
66-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
67-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
68-
Reprehenderit
69-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
70-
Nostrud
71-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
72-
officia
73-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
74-
laboris
75-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
76-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
77-
</span>
78-
<span class="section-text">
79-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
80-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
81-
Reprehenderit
82-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
83-
Nostrud
84-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
85-
officia
86-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
87-
laboris
88-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
89-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
90-
</span>
68+
<div class="section-content">
69+
<div class="section-text">
70+
<h2>
71+
Hello!
72+
</h2>
73+
<span>
74+
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint
75+
ad
76+
nisi
77+
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
78+
Reprehenderit
79+
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est
80+
proident.
81+
</span>
82+
</div>
83+
<hr>
84+
<div>
85+
<h2>
86+
My Links
87+
</h2>
88+
<div class="about-me-links">
89+
<a href="https://github.com/mtsdurica">
90+
<i class="fa-brands fa-square-github fa-3x"></i>
91+
</a>
92+
<a href="https://www.linkedin.com/in/mtsdurica/">
93+
<i class="fa-brands fa-linkedin fa-3x"></i>
94+
</a>
95+
<a href="mailto:mtsdurica@gmail.com">
96+
<i class="fa-solid fa-envelope fa-3x"></i>
97+
</a>
98+
</div>
99+
</div>
100+
</div>
91101
</section>
92102
<section id="education-section">
93103
<div id="education-heading" class="section-heading">
94104
<div>
95105
<h1>Education</h1>
96106
</div>
97107
</div>
98-
<span class="section-text">
99-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
100-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
101-
Reprehenderit
102-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
103-
Nostrud
104-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
105-
officia
106-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
107-
laboris
108-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
109-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
110-
</span>
111-
<span class="section-text">
112-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
113-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
114-
Reprehenderit
115-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
116-
Nostrud
117-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
118-
officia
119-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
120-
laboris
121-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
122-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
123-
</span>
108+
<div class="section-content">
109+
<a href="https://spsjm.sk/" class="education-school">
110+
<h2>
111+
Stredná priemyselná škola Jozefa Murgaša
112+
</h2>
113+
<span>
114+
Informačné a sieťové technológie <i>(2017 - 2021)</i>
115+
</span>
116+
</a>
117+
<a href="https://www.fit.vut.cz/" class="education-school">
118+
<h2>
119+
Vysoké učení technické v Brně
120+
</h2>
121+
<span>
122+
Fakulta informačních technologií <i>(2021 - present)</i>
123+
</span>
124+
</a>
125+
</div>
124126
</section>
125127
<section id="projects-section">
126128
<div id="projects-heading" class="section-heading">
127129
<div>
128130
<h1>Projects</h1>
129131
</div>
130132
</div>
131-
<span class="section-text">
132-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
133-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
134-
Reprehenderit
135-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
136-
Nostrud
137-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
138-
officia
139-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
140-
laboris
141-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
142-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
143-
</span>
144-
<span class="section-text">
145-
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi
146-
Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia.
147-
Reprehenderit
148-
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
149-
Nostrud
150-
officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo
151-
officia
152-
dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi
153-
laboris
154-
ex in Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non excepteur duis sunt velit
155-
enim. Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa et culpa duis.
156-
</span>
133+
<div class="section-content">
134+
<div class="section-text">
135+
<h2>Snaketype</h2>
136+
<h3>
137+
Simple typing speed test in terminal written in Python
138+
</h3>
139+
<span>
140+
Snaketype is a simple yet effective tool designed to measure a
141+
user's typing speed directly within the terminal environment. Leveraging Python's
142+
versatility and ease of use, this script provides an accessible means for individuals to
143+
assess and improve their typing proficiency. Main inspiration came from
144+
<a href="https://monkeytype.com/">monkeytype</a>.
145+
</span>
146+
<img src="./img/snaketype.png">
147+
</img>
148+
</div>
149+
<div class="section-text">
150+
<h2>NERRSID</h2>
151+
<h3>
152+
2D roguelike game written in C++
153+
</h3>
154+
<span>
155+
At its core, our game utilizes procedural generation algorithms to construct
156+
vast, ever-changing worlds ripe for exploration. Each playthrough presents players with
157+
a
158+
completely unique landscape, ensuring that no two adventures are ever alike. From
159+
sprawling
160+
forests to labyrinthine caverns, the possibilities are endless.
161+
162+
Combat system draws inspiration from beloved JRPGs, offering strategic turn-based
163+
battles where every decision counts. Players must carefully consider their actions as
164+
they
165+
face off against procedurally generated enemies, each with their own distinct abilities
166+
and
167+
behaviors. The dynamic nature of the AI ensures that encounters remain fresh and
168+
unpredictable, challenging players to adapt their tactics on the fly.
169+
</span>
170+
<img src="./img/nerrsid.png" </img>
171+
</div>
172+
</div>
157173
</section>
158174
</div>
159175
</main>
160-
<script src="./main.js">
161-
162-
</script>
176+
<footer>
177+
<div id="footer-container">
178+
<span>
179+
Made by Matúš Ďurica
180+
</span>
181+
<span>
182+
VUT v Brně
183+
</span>
184+
</div>
185+
</footer>
186+
<script src="./src/main.js"></script>
163187
</body>
164188

165189
</html>

‎main.js

-66
This file was deleted.

‎src/main.js

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
// xduric06
2+
$(document).ready(() => {
3+
$("#nav-toggle-button").click(() => {
4+
$("#nav-toggle-button").toggleClass("active");
5+
$("#nav-content").toggleClass("active");
6+
});
7+
8+
$("#about-href").click(() => {
9+
hasScrolled();
10+
$("#about-section").get(0).scrollIntoView({ behavior: "smooth" });
11+
$("#nav-toggle-button").toggleClass("active");
12+
$("#nav-content").toggleClass("active");
13+
});
14+
15+
$("#education-href").click(() => {
16+
hasScrolled();
17+
$("#education-section").get(0).scrollIntoView({ behavior: "smooth" });
18+
$("#nav-toggle-button").toggleClass("active");
19+
$("#nav-content").toggleClass("active");
20+
});
21+
22+
$("#projects-href").click(() => {
23+
hasScrolled();
24+
$("#projects-section").get(0).scrollIntoView({ behavior: "smooth" });
25+
$("#nav-toggle-button").toggleClass("active");
26+
$("#nav-content").toggleClass("active");
27+
});
28+
29+
// Hide header on on scroll down
30+
var didScroll;
31+
var lastScrollTop = 0;
32+
var delta = 5;
33+
34+
$(window).scroll(function() {
35+
didScroll = true;
36+
});
37+
38+
setInterval(() => {
39+
if (didScroll) {
40+
hasScrolled();
41+
didScroll = false;
42+
}
43+
}, 50);
44+
45+
const hasScrolled = () => {
46+
const st = $(this).scrollTop();
47+
48+
// Make sure they scroll more than delta
49+
if (Math.abs(lastScrollTop - st) <= delta) { return; }
50+
51+
// If you scrolled down and are past the navbar, add class .nav-up.
52+
if (st > lastScrollTop) {
53+
// Scroll Down
54+
$('header').removeClass('nav-down').addClass('nav-up');
55+
} else {
56+
// Scroll Up
57+
if (st + $(window).height() < $(document).height()) {
58+
$('header').removeClass('nav-up').addClass('nav-down');
59+
}
60+
}
61+
62+
lastScrollTop = st;
63+
}
64+
});

0 commit comments

Comments
 (0)