-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
160 lines (156 loc) · 11.3 KB
/
about.html
File metadata and controls
160 lines (156 loc) · 11.3 KB
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
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
<meta name="theme-color" content="#fcc203">
<meta name="description" content="Сторінка в якій розповідається про Indi детальніше.">
<meta name="robots" content="index,follow">
<meta name="twitter:url" content="https://mops-storage.xyz">
<meta name="twitter:title" content="Про мене - Mops Sotrage">
<meta name="twitter:description" content="Сторінка в якій розповідається про Indi детальніше.">
<meta name="twitter:image" content="assets/social baner.png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="modules/dist/css/lightbox.css">
<link href="modules/video.js/video-js.css" rel="stylesheet" />
<link rel="stylesheet" media="(max-device-width:480px)" href="mob.css">
<link href="https://unpkg.com/@videojs/themes@1/dist/city/index.css" rel="stylesheet">
<link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet">
<title>Про мене - Mops Sotrage</title>
</head>
<body>
<div class="wrapper">
<div class="preloader">
<div class="preloader__image"></div>
</div>
<div class="navbar">
<div class="navbar-logo">
<a class="navbar-logo-link" aria-current="page" href="index.html">Indi Mops</a>
<div class="navbar-links">
<a class="navbar-link" aria-current="page" href="index.html">Головна</a>
<a class="navbar-link" aria-current="page" href="about.html">Про мене</a>
<a class="navbar-link" aria-current="page" href="projects.html">Проєкти</a>
<a class="navbar-link" aria-current="page" target="_blank"
href="https://steamcommunity.com/id/ind_mops/screenshots/">Галерея</a>
<div class="dropdown" style="float:right;">
<button class="dropbtn navbar-link">Меню</button>
<div class="dropdown-content">
<a class="btn" href="#">Мова</a>
<div class="sub-dropdown">
<a href="about.html"><img class="flag" src="assets/flags/ua.svg"></a>
<a href="en/about.html"><img class="flag" src="assets/flags/us.svg"></a>
<a href="jp/about.html"><img class="flag" src="assets/flags/jp.svg"></a>
<a href="pl/about.html"><img class="flag" src="assets/flags/pl.svg"></a>
</div>
<a href="manga.html">Манга</a>
<a href="game.html">Ігри</a>
<a href="support.html">Підтримка</a>
</div>
</div>
</div>
</div>
</div>
<div class="page-container">
<main>
<div class="page-head">Про мене</div>
<div class="page-subtitle">На цій сторінці ви можете детальніше дізнатися про мене</div>
<div class="about-page">
<p>Привіт мене звати <span class="c1">Богдан</span>. Мені 17 років, я родом із невеличкого міста
Скалат, що на Тернопільщині.</p>
<a class="img-show" href="assets/сity/01.jpg" data-lightbox="about"
data-title="Головна вулиця міста"><img class="img-show" src="assets/сity/01.jpg" width="500px"
alt="Головна вулиця міста"></a>
<span class="img-caption">Головна вулиця міста</span>
<p>Значну частину свого життя я прожив саме в цьому місті. Після закінченя школи я переїхав в місто
<a class="c2" href="https://uk.wikipedia.org/wiki/%D0%97%D0%B1%D0%BE%D1%80%D1%96%D0%B2"
target="_blank">Зборів</a>, де продовжив своє навчання(навчаюсь до сьогоднішніх днів).
</p>
<hr>
<h2 style="text-align: left;">Хоббі та зацікавлення</h2>
<p>Я звичайний хлопець XXI-ст., тому які ж в мене можуть бути хоббі чи зацікавлення?) Тому, як і
усі, я люблю пограти в різні ігри та дивитись різні фільми, серіали та аніме...<br>У вільний час
можу грати з друзями у волейбол(улюблений вид спорту!) також люблю подорожувати по різних
цікавих місцях України.</p>
<div class="deteils">
<div class="deteils-item">
<input class="deteils-input" type="checkbox" id="deteils-1">
<label class="deteils-title" for="deteils-1">Місця де я побував:</label>
<div class="deteils-desc">
<ol class="place">
<li>Кам'янець-Подільська фортеця</li>
<li>Хотинська фортеця</li>
<li>Тарасова гора</li>
<li>Меджибівський замок</li>
<li>Збараський замок</li>
<li>Замок Паланок</li>
<li>Софіївський парк та інші</li>
</ol>
</div>
</div>
</div>
<hr>
<h2 style="text-align: left;">Контент мейкерство</h2>
<p>Знайомство з цим в мене почалось у 2016 році, в цей час я створив свій перший канал, на якому я
викладав різноманітні відео на тему розваги(канал був видалений). Вже в 2017 році я почав
цікавитись розробкою ігор для телефонів, тому почав вчити конструктор для ігор - <a class="c3"
href="https://youtu.be/ZOyhkBR2h_M" target="_blank">Sketchware</a> і присвятив свій канал
цій тиматиці, але далі пішло щось не так...</p>
<!--video-->
<div>
<video id="first-video" class="video-js vjs-theme-fantasy vjs-big-play-centered video"
poster="http://video-js.zencoder.com/oceans-clip.jpg"
poster="http://video-js.zencoder.com/oceans-clip.jpg" data-setup='{
"controls": "true",
"playbackRates": [0.25, 0.5, 1, 1.25, 1.5, 2],
"plugins": {
"hotkeys": {
}
}
}'>
<source src="assets/video/01.mp4" type='video/mp4' />
<p class="vjs-no-js">Щоб переглянути це відео, ввімкніть JavaScript та розгляньте оновлення
веб-браузера, який <a href="https://videojs.com/html5-video-support/"
target="_blank">підтримує HTML5 відео</a></p>
</video>
</div>
<span class="caption">Найстаріше моє відео, яке залишилось</span>
<p>А вже на початку літа 2021 року створив новий канал, на якому проходжу ігри(станом на 2022 рік
припинив вести канал через війну). Також спробував транслювати на <span
style="color: #a103fc;">Twich</span>. Але це увінчалось провалом, тому я залишився на <span
style="color:crimson">YouTube.</span></p>
<hr>
<h2 style="text-align: left;">Знайомство з ІТ</h2>
<p>У 2019 році я почав вчити верстку, а наприкінці 2020 року почав вчити <span
class="c3">Python</span> з цього моменту можна й сказати, що моє життя стиснулося з ІТ. Всі
проєкти, над якими я працюю, заходяться на сторінці Проєкти</p>
<hr>
<h2 style="text-align: left;">Переклад манги</h2>
<p>В 2021 році я почав перкладати мангу, першою ж мангою була <a class="c5" href="manga.html#first-manga">"The Boy Who Became a
Cat"</a> - це була манга на вісім сторінок, але коли я її переклав, я відчував себе
<b>героєм!</b> Після цього пішла моя дорога перекладача, а всю мангу, яку переклав, ви можете
переглянути у вкладці <a href="manga.html" style="color:crimson">Манга</a>
</p>
</div>
</main>
</div>
<footer>
<br>
©2021-2022 Всі права захищено <a href="#">Mops Storage</a>
</footer>
<script src="modules/dist/js/lightbox.js"></script>
<script>
lightbox.option({
'albumLabel': "Зображення %1 з %2",
'wrapAround': true
})
</script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="main.js"></script>
<script src="modules/video.js/video.min.js"></script>
<script src="modules/hotkeys/hotkeys.js"></script>
</div>
</body>
</html>