-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfavorite.html
161 lines (127 loc) · 6.87 KB
/
favorite.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link id="favicon" href="https://dodov.dev/media/site/d0298ef0fd-1614418428/favicon-monokai.png" rel="icon" type="image/png">
<title>My Favorite Number</title>
<link rel="stylesheet" href="h-style.css">
<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=Fira+Code:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="favourite-background">
<div class="favourite-container">
<nav>
<div class="navbar">
<a href="index.html">home</a>
<a href="blog.html">blog</a>
<a href="favorite.html" class="fav isactive">my-favorite-number
<span> ×</span>
</a>
<a href="projects.html">projects</a>
</div>
</nav>
<section class="content">
<main>
<header>
<div class="left">
<h1>My Favorite Number</h1>
<p>Reason to start a blog…</p>
</div>
<div class="right">
<p>
<span style="display: none;"> Published On</span>
<time datetime="2021-12-24T12:24:00+02:00" title="Friday, December 24, 2021, 12:24 EET"> 24 Dec 2021 </time>
</p>
<p class="lines">
<span>
<!-- number of lines of code shanges with screensize, so it needs javascript -->
57
</span>
lines
</p>
</div>
</header>
<img alt="Ones and zeroes with some of the center ones lit green to form the shape of the number 24." src="./images/fav-number.png" >
<article>
<p>
My favorite number is 24, and today, on the 24th of December, I turn 24. Even though it's the dawn of Web 3.0, I decided to celebrate by giving myself the miracle of Web 1.0 — a blog.
</p>
<p>
Now that we have my favorite number cleared up, I can tell you a little bit more about myself. My name's Hristiyan and I'm a software engineer at
<a href="https://oblik.studio/" rel="noopener noreferrer nofollow" target="_blank"> Oblik Studio</a>.
I've studied computer science at
<a href="https://www.elsys-bg.org/" rel="noopener noreferrer nofollow" target="_blank"> ELSYS</a> and have been messing with web development since 11, thanks to my dear childhood friends
<a href="https://www.instagram.com/yordanoff/" rel="noopener noreferrer nofollow" target="_blank"> Joro</a> and
<a href="https://www.instagram.com/nequamx/" rel="noopener noreferrer nofollow" target="_blank"> Vlady</a>.
</p>
<p>
I'm passionate about my work and enjoy spending time in a code editor, to the point that I've made my website look like one. And yes, the text you're currently reading has a line height of exactly 24 pixels. Although I have plenty of screen time, I know that's not optimal long-term, which is why I'm also interested in mental and physical health, nutrition, and improving my routine. I believe that teamwork between people is just as important as teamwork between your very own mind and body.
</p>
<p>
In general, I like unraveling problems and getting to the bottom of things, sometimes to an annoying degree. I'm interested in anything from math, grammar, and Rubik's cubes to truly complex matters, such as vertical centering in CSS. I've also been bboying for over 10 years and salsa dancing lately as well. If I could have one superpower, it would be to clone myself, so I could do more stuff.
</p>
<p>I've gotten to where I am largely because of people on the internet who've shared their knowledge and experience. On this website, I want to share my own ideas, software development insights, random thoughts, and general life lessons I learn along the way. I believe that sharing this, as opposed to sharing drunk pictures with your friends, can actually make a worthwhile difference. So, Merry Christmas Eve, and if you're interested in what I have to say, you can increase my followers count on any of these data harvesting platforms:</p>
</article>
<footer class="h-footer">
<div class="links">
<ul>
<li>
<a class="social-link" href="https://twitter.com/yandodov" rel="noopener noreferrer" target="_blank">Twitter</a>
<span>•</span>
</li>
<li>
<a class="social-link" href="https://www.linkedin.com/in/yandodov/" rel="noopener noreferrer" target="_blank">LinkedIn</a>
<span>•</span>
</li>
<li>
<a class="social-link" href="https://www.instagram.com/yandodov/" rel="noopener noreferrer" target="_blank">Instagram</a>
</li>
</ul>
</div>
<div class="themes">
<!-- <span>Monokai</span> -->
<select name="theme" id="theme">
<option value="monokai"> Monokai </option>
<option value="dark-plus"> Dark+ </option>
<option value="light-plus"> Light+ </option>
<option value="github-dark"> GitHub Dark </option>
<option value="github-light"> GitHub Light </option>
<option value="solarized-light"> Solarized Light </option>
</select>
<span class="colour">↓</span>
</div>
</footer>
</main>
</section>
</div>
</div>
<script>
const setTheme = (theme) => {
localStorage.setItem("theme", theme)
document.documentElement.className = theme
};
window.onload = (event) => {
const theme= localStorage.getItem('theme')
if (theme) {
setTheme(theme)
document.getElementById('theme').value =theme
return
}
setTheme('monokai')
console.log('page is fully loaded');
};
// const getTheme = () => {
// const theme = localStorage.getItem('theme');
// theme && setTheme(theme);
// }
// getTheme();
document.getElementById("theme").addEventListener("change", function () {
setTheme(this.value);
});
</script>
</body>
</html>