-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (116 loc) · 8.68 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
<!DOCTYPE html>
<html lang="cz">
<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">
<script src="https://kit.fontawesome.com/00d7a12034.js" crossorigin="anonymous"></script>
<!-- jquery brát ze stránek cdn :) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="https://cdn.jsdelivr.net/npm/save-ukraine@0.13.0/dist/umd/main.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="icon" href="img/Favicon.svg" type="image/gif" />
<meta name="author" content="Michael Hajný">
<meta name="keywords" content="pseudo private idea blog">
<title>Pars mei</title>
</head>
<body>
<div class="intro-header">
<header>
<nav class="navigation">
<ul class="menu">
<a href="personalities.html#authors"><li class="menu-item ">Autoři, <span class="menu-item__light-fonted one">kteří mě ovlivnili</span></li></a>
<a href="books.html"><li class="menu-item ">Všechny knížky, <span class="menu-item__light-fonted two">které jsem přečetl</span></li></a>
<a href="personalities.html#personalities"><li class="menu-item ">Osobnosti, <span class="menu-item__light-fonted three">ke kterým vzhlížím</span></li></a>
<a href="index.html"><li class="menu-item menu-text">Menu</li></a>
</ul>
<!-- <div class="burger">
<a href="#"><img src="img/burger_closed.svg" alt="burger"></a>
</div>
<div class="burger-opened">
<a href="#"><img src="img/burger_open.svg" alt="burger"></a>
</div> -->
</nav>
</header>
<div class="intro-card">
<div class="about">
<img src="img/photo_of_my_self.png" alt="photo of my self">
<h1>Michael Hajný</h1>
<p class="student-tag">student of <a href="https://www.inf.upol.cz/"><span class="student-tag__orange">Palacky University</span></a></p>
</div>
<div class="intro">
<p class="first-text">Povědomí o válce a jejich hrůzach mi dal Remarque, jemnou duši poezie ve mně vypěstovali dva Karlové (Erben, Mácha), minulostí, přítomností a budoucností mě provedl Harari, Peterson mě naučil uvědomělosti a Mathew Wallker mi dal důvody proč spát. </p>
<p class="second-text">Nejsou tu všichni a nikdy ani nebudou .. je jich moc pro úvod těchto stránek a nemyslím si, že tento seznam autorů, kteří mi něco dali bude v horizontu mého života konečný (pak se konečným stane) a nemělo by smysl jej neustálě akatualizovat. Kde však všichni jsou, alespon částečně je prosotr mojí hlavy. </p>
<div class="socials">
<a href="https://discord.gg/HxbxK5Fn"><i class="fab fa-discord"></i></a>
<a href="https://github.com/3n0wd3n"><i class="fab fa-github"></i></a>
<a href="https://replit.com/@MichalHajny"><i class="fab fa-replyd"></i></a>
<a href="https://open.spotify.com/playlist/21xbphk2DeMQ30MKT0XqSy?si=dbe8df021ee34f0e"><i class="fab fa-spotify"></i></a>
<a href="https://www.youtube.com/feed/channels"><i class="fab fa-youtube"></i></a>
<a href="https://twitter.com/HajnyMichael"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
<div class="arrows">
<i class="fas fa-chevron-down"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<main>
<section class="story-section">
<h2>There is nothing in here. Display none.</h2>
<p class="story" >Jak už jsem říkal, každý mi něco dal a každý mě nějak ovlivnil, a proto jsem se rozhodl udělat si svou vlastní korespondenci myšlenek. Je zde pár autorů, kteří tu ale mají být a nejsou. Je to proto, protože zde mají speciální význam. Jsou to autoři, kteří si píši svůj vlatní život a semtam jim ujede ruka a nevratitelně vpíši něco i do mě. Můj bratr je jedním z nich naučil mě ledacos, ale mezi ostatními vyniká tím, že mě naučil bádat a neustále pochybovat v dobrém slova smyslu. Ten druhý autor je má přítelkyně, která ve mně probudila něhu a do krve mi vlila lásku. Myšlenky se ztrácí, mění se a podřizují, ale některých je škoda. Z těch tisíců a desetitisíců, které každý den náš mozek produkuje je pár, které stojí za to aby se k nim člověk vrátil, nebo nad nimi přemýšlel. Pokud si je člověk někam nezapíše, nebo je s někým nesdílí, tak zmízí a jejich přesná formulace v dané chvíli se ohne s časem a tvar, který měli na začátků už je pokřivený. Tady těch pár myšlenek už jsem za život měl spousty a mrzí mě, že některé už maji své místo v odpadlišti dějin, ale není důvod pokračovat v tomto zatracování. Některé myšlenky jsem měl při, nebo po čtení knížek, některé myšlenky v průběhu studijí, některé při hádkák, některé byli o mně samém a okolí, prostě různé druhy a typy. Ty, koho jsem si vybral máš právo semnou tyhle myšlenky sdílet a uvažovat nad nimi stejně jako já. Není to jen jakási varianta blogu, ale malá část skládačky mě samého. Chtěl jsem též mít pohromadě co nejvíc věci o mně. Myšlenky jsou jediné místo, kde jsme zatím opravdu svobodní. Rozhodl jsem se o část te svobody podělit se světem. Tady je. </p>
<div class="underline"></div>
</section>
<script>
Ukraine.save();
</script>
<section class="post-section">
<div class="post-is-added">
<span>your post was added</span><i class="far fa-check-circle done"></i>
</div>
<form action="" class="form-post" >
<input type="date" class="input-date" />
<input type="text" class="input-post" placeholder="post message"/>
<input type="text" class="input-place" placeholder="place where posted"/>
<button class="send-button"><i class="fas fa-paper-plane"></i></button>
</form>
<div class="posts">
<div class="add-icon">
<p>add</p><i class="fas fa-plus"></i>
</div>
<article class="post">
<h2 class="name-of-post">2021-7-20<span class="place-where-posted">Olomouc</span></h2>
<p class="post-text">můj první post</p>
</article>
<article class="post">
<h2 class="name-of-post">2021-7-21<span class="place-where-posted">Velký Týnec</span></h2>
<p class="post-text">je možné aby nám někdo ukradl svobodu myšlení?</p>
</article>
<article class="post">
<h2 class="name-of-post">2021-7-30<span class="place-where-posted">Olomouc</span></h2>
<p class="post-text">chaos v mořských řasách a akciových grafech</p>
</article>
<article class="post">
<h2 class="name-of-post">2021-7-30<span class="place-where-posted">Olomouc-FNOL</span></h2>
<p class="post-text">je lov zvířat etičtější, než jejich masové porážení</p>
</article>
<article class="post">
<h2 class="name-of-post">2021-8-5<span class="place-where-posted">Velký Týnec-zahrada</span></h2>
<p class="post-text">jak nahlížet na eutanázii</p>
</article>
<article class="post">
<h2 class="name-of-post">2021-8-5<span class="place-where-posted">Velký Týnec-zahrada</span></h2>
<p class="post-text">nikdy jsem se na ptáky takhle nedíval, ale baví mě hrát si s myšlenkou, že by se mohli chovat jako bio kamery</p>
</article>
</div>
<div class="to-top-button">
<a href="#"><span class="button-text">zpět na začátek</span></a>
</div>
<!-- <div class="back-rectangle"></div>
<div class="front-rectangle"></div> -->
</section>
</main>
<script type="text/javascript" src="script.js"></script>
</body>
</html>