-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (109 loc) · 7.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>F_TEK</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/svg" href="asrc/img/lq/leaf.svg">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="asrc/mod.css">
<script src="asrc/lazysizes.min.js" async=""></script>
<script data-goatcounter="https://f-tek.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</head>
<body class="w3-black red-bg">
<!-- Menu Bar -->
<div class="w3-bar w3-white">
<a href="#" class="w3-bar-item w3-button w3-red w3-hover-pale-red"><i class="las la-home"></i> Home</a>
<a href="art.html" class="w3-bar-item w3-hide-small w3-button w3-hover-pale-orange"><i class="las la-paint-brush"></i> Art</a>
<a href="code.html" class="w3-bar-item w3-hide-small w3-button w3-hover-pale-yellow"><i class="las la-code"></i> Code</a>
<a href="games.html" class="w3-bar-item w3-hide-small w3-button w3-hover-pale-green"><i class="las la-gamepad"></i> Games</a>
<a href="social.html" class="w3-bar-item w3-hide-small w3-button w3-hover-pale-blue"><i class="las la-link"></i> Social</a>
<a href="brand.html" class="w3-bar-item w3-hide-small w3-button w3-hover-pale-purple"><i class="las la-user-alt"></i> Brand</a>
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="menuExpand()"><i class="las la-bars"></i></a>
</div>
<div id="burger" class="w3-bar-block w3-hide w3-hide-large w3-hide-medium w3-white">
<a href="art.html" class="w3-bar-item w3-button w3-hover-pale-orange"><i class="las la-paint-brush"></i> Art</a>
<a href="code.html" class="w3-bar-item w3-button w3-hover-pale-yellow"><i class="las la-code"></i> Code</a>
<a href="games.html" class="w3-bar-item w3-button w3-hover-pale-green"><i class="las la-gamepad"></i> Games</a>
<a href="social.html" class="w3-bar-item w3-button w3-hover-pale-blue"><i class="las la-link"></i> Social</a>
<a href="brand.html" class="w3-bar-item w3-button w3-hover-pale-purple"><i class="las la-user-alt"></i> Brand</a>
</div>
<!-- Unofficial Ko-fi Button -->
<div class="w3-bottom w3-padding-small">
<a href="https://ko-fi.com/ftedianiak" class="w3-button w3-red w3-round"><i class="las la-coffee w3-large"></i> Support Me</a>
</div>
<!-- Header -->
<div class="index-banner w3-display-container w3-grayscale-min">
<div class="w3-display-middle w3-center w3-red w3-padding" style="white-space:nowrap;">
<div class="w3-animate-zoom">
<h3>Hi, I'm F_TEK and welcome to</h3>
<h1><b>MY CENTRAL WEBSITE</b></h1>
</div>
</div>
</div>
<!-- TOC -->
<div class="w3-container w3-center w3-transparent w3-stretch">
<a href="https://ko-fi.com/ftedianiak" class="w3-button w3-red w3-card"><i class="las la-coffee"></i> Ko-fi</a>
</div>
<div style="height:3%;"></div>
<div class="w3-container w3-center w3-pale-red w3-padding-64 w3-stretch">
<img data-srcset="asrc/img/lq/fox.webp 600w, asrc/img/mq/fox.webp 1200w, asrc/img/hq/fox.webp 2400w" srcset="asrc/img/lq/fox.webp" src="asrc/img/mq/fox.webp" alt="a pixellated simplistic fox in a rainbow command-line style" class="w3-round-xlarge lazyload" style="height:25vh;">
<h1><i>"Stay proud and unique!"</i></h1>
<h2 class="w3-swide"><b>About me:</b></h2>
<div class="w3-row">
<div class="w3-col m4 w3-padding-small">
<i class="las la-signature" style="font-size:64px;"></i>
<p><b class="w3-large">Nickname:</b><br><b class="w3-xxxlarge">FOXIE</b></p>
</div>
<div class="w3-col m4 w3-padding-small">
<i class="las la-gamepad" style="font-size:64px;"></i>
<p><b class="w3-large">Gametag:</b><br><b class="w3-xxxlarge">EDIANIAK</b></p>
</div>
<div class="w3-col m4 w3-padding-small">
<i class="las la-flag" style="font-size:64px;"></i>
<p><b class="w3-large">Location:</b><br><b class="w3-xxxlarge">CZECHIA</b></p>
</div>
</div>
</div>
<div style="height:3%;"></div>
<div class="w3-container w3-center w3-pale-red w3-padding-64 w3-stretch">
<h2 class="w3-swide"><b>My core promises:</b></h2>
<div class="w3-row">
<div class="w3-col m6 w3-padding-small">
<i class="lab la-creative-commons-nc" style="font-size:64px;"></i>
<p style="line-height:1;"><b class="w3-xxxlarge">FREE</b><br><i class="w3-small">(as in coffee)</i></p>
<p>My creations are and shall forever remain free to use and access without any sort of a paywall.<br>
If anyone wishes to support me, they may support me using <a href="https://ko-fi.com/ftedianiak">Ko-fi</a>, but doing so is fully voluntary and out of gratitude.</p>
</div>
<div class="w3-col m6 w3-padding-small">
<i class="las la-laptop-code" style="font-size:64px;"></i>
<p style="line-height:1;"><b class="w3-xxxlarge">OPEN</b><br><i class="w3-small">(as in source)</i></p>
<p>My creations are and shall be released under some sort of a <a href="brand.html#license">public license</a>.<br>My art shall be open to be used by others and my code visible to anyone who wishes to read it.</p>
</div>
</div>
</div>
<div style="height:3%;"></div>
<div class="w3-container w3-center w3-pale-red w3-padding-64 w3-stretch">
<h2 class="w3-swide"><b>Years rewound:</b></h2>
<div class="w3-bar">
<a href="rew/2023.html" class="w3-bar-item w3-button w3-xxxlarge w3-red"><i class="las la-calendar"></i> 2023</a>
<a href="gal/index.html?i=143" class="w3-bar-item w3-button w3-xxxlarge w3-red"><i class="las la-calendar"></i> 2021</a>
<a href="gal/index.html?i=34" class="w3-bar-item w3-button w3-xxxlarge w3-red"><i class="las la-calendar"></i> 2019</a>
</div>
</div>
<div style="height:3%;"></div>
<!-- Scripts -->
<!-- Collapsible Menu -->
<script>
function menuExpand() {
var x = document.getElementById("burger");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>