-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (117 loc) · 5.4 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>fors</title>
<meta property="og:site_name" content="__Gysi4__ is a site about contemplation and learning the truth of the soul by Andrij Bakalejko.">
<meta property="article:author" content="https://github.com/forsprogrammer">
<meta name="description"
content="Here you can get acquainted with the life path and self-knowledge of the author of this site - Andrij Bakalejko.">
<meta property="og:title" content="__Gysi4__ is a site about the author's life.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://i.postimg.cc/QdQ6s2G7/fors.png">
<meta property="og:image:secure_url"
content="https://i.postimg.cc/QdQ6s2G7/fors.png">
<meta property="og:url" content="https://forsprogrammer.ua/">
<meta property="og:description"
content="Here you can get acquainted with the life path and self-knowledge of the author of this site - Andrij Bakalejko.">
<meta property="url" content="https://forsprogrammer.ua/">
<meta property="name" content="__Gysi4__ is a site about the author's life.">
<meta property="description"
content="Here you can get acquainted with the life path and self-knowledge of the author of this site - Andrij Bakalejko.">
<meta property="image" content="https://i.postimg.cc/QdQ6s2G7/fors.png">
<meta itemprop="url" content="https://forsprogrammer.ua/">
<meta itemprop="name" content="__Gysi4__ is a site about the author's life.">
<meta itemprop="description"
content="Here you can get acquainted with the life path and self-knowledge of the author of this site - Andrij Bakalejko.">
<meta itemprop="image" content="https://i.postimg.cc/QdQ6s2G7/fors.png">
<meta content="#ff4444" data-react-helmet="true" name="theme-color" />
<link rel="icon" href="logo.png">
<link rel="stylesheet" href="css/bg.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/silka.css">
<link rel="stylesheet" href="css/svg.css">
<style>
#home:before {
position: absolute;
content: "";
width: 100%;
border-bottom: 3px solid #f52;
border-radius: 2px;
transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
left: 0%;
bottom: 25px;
}
#menu>li>#home {
color: #fff;
}
</style>
</head>
<body>
<div class="navbar">
<!-- <img src="logo.png" class="logo-img" alt="Logo"> -->
<input type="checkbox" id="checkbox">
<nav>
<span id="log">forsprogrammer.ua</span>
<ul id="menu">
<li><a id="home" href="">main</a></li>
<li><a id="news" href="">news</a></li>
<li><a id="about" href="">about</a></li>
<li><a id="contacts" href="">contacts</a></li>
</ul>
<div class="pc">
<div class="pb" id="mb"></div>
</div>
<label for="checkbox">
<svg class="menu-icon ham hamRotate ham8" viewBox="0 0 100 100" width="80"
onclick="this.classList.toggle('active')">
<path class="line top"
d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20" />
<path class="line middle" d="m 30,50 h 40" />
<path class="line bottom"
d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20" />
</svg>
</label>
</nav>
</div>
<div class="welcome">fors<br>
<div class="bord">expands the boundaries</div>
</div>
<div class="main">
<div class="sites">
<div class="welcome">fors<br>
<div class="bord">expands the boundaries</div>
</div>
<div class="links">
<div class="yt">
<object data="svg/yt.svg" type="image/svg+xml"></object>
<a href="https://www.youtube.com/@__Gysi4__">YouTube</a>
</div>
<div class="gh">
<object data="svg/gh.svg" type="image/svg+xml"></object>
<a href="https://github.com/forsprogrammer">GitHub</a>
</div>
<div class="dc">
<object data="svg/dc.svg" type="image/svg+xml"></object>
<a href="https://discord.gg/2yfzkuhDB4">Discord</a>
</div>
<div class="tg">
<object data="svg/tg.svg" type="image/svg+xml"></object>
<a href="https://t.me/forsdesigner">Telegram</a>
</div>
</div>
</div>
</div>
<div class="copyright">© 2024 fors</div>
<script>
window.onscroll = function () { scroll() };
function scroll() {
let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
let scrolled = (winScroll / height) * 100;
document.getElementById("mb").style.width = scrolled + "%";
}
</script>
</body>
</html>