-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
229 lines (229 loc) · 12.9 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
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<!-- sorry for bad indentation -->
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="website">
<meta property="og:title" content="sctech's website!">
<meta property="og:description" content="sctech's website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="sctech's website!">
<meta name="twitter:description" content="sctech's website">
<meta name="twitter:image" content="img/me.jpg">
<meta property="og:image" content="img/me.jpg">
<meta name="theme-color" content="#232423">
<link rel="icon" type="image/jpeg" href="img/me.jpg">
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<link rel="pgpkey" href="./sctech.gpg">
<title>sctech's website!!</title>
</head>
<body>
<main class="grid-container">
<div class="grid-item full-width">
<img style="align-self: center; border-radius: 50%;" width="250" height="250" src="img/me.jpg">
<h1><strong>hi!</strong></h1>
<p>welcome to my personal corner of the world wide web!<br></p>
</div>
<div class="grid-item">
<h3>info:</h3>
<p>name: sctech<br>
pronouns: <a href="https://my.pronouns.page/are/xe&they">xe/they<br></a>
languages: english (fluent), turkish (native), japanese (basics), toki pona (intermediate)<br>
location: <a href="https://en.wikipedia.org/wiki/Bursa">bursa, türkiye</a> (🇹🇷)<br>
timezone: utc+3<br>
gender: <a href="https://nonbinary.wiki/wiki/Agender">agender</a><br>
openpgp: <a href="./sctech.gpg">57BE156FEB39FB9905BA1299169CABCFA8FDD1CF</a>
<br>
</p>
</div>
<div class="grid-item">
<h3>about me:</h3>
<p>hi!!!!<br></p>
<p>i'm a software dev (when i feel like it), a linux enthusiast (i use fedora btw :3), a vocaloid fan, and a lot more!<br></p>
<p>i'm feeling like this rn:<br></p>
<a href="https://www.imood.com/users/sctech"><img src="https://moods.imood.com/display/uname-sctech/fg-FFFFFF/trans-1/imood.gif" alt="The current mood of sctech at www.imood.com" border="0"></a>
<p>i like website buttons and i collect them sometimes, so if you have one, feel free to <a href="mailto:[email protected]">send it to me!</a><br></p>
<p>here is a song i like: (i sometimes update this)<br></p>
<div style="background-color: rgb(88, 85, 85); border-radius: 10px;">
<h3>わかれみち (Crossroads)</h3>
<p>by <a href="https://vocadb.net/Ar/86760">Daibakuhashin</a></p>
<a href="https://open.spotify.com/track/410F31rFsb7IM642Mgsam4">View on Spotify</a> / <a href="https://music.youtube.com/watch?v=ak7OILqZPL4">View on YouTube Music</a>
</div>
</div>
<div class="grid-item">
<h3>hobbies & likes:</h3>
<p>coding<br>
wii hacking<br>
linux<br>
free software<br>
bash<br>
python<br>
webrings<br>
wikis<br>
<a href="https://vocadb.net/Ar/154492">making utau songs & covers</a><br>
making websites<br>
reading<br>
<a href="https://music.youtube.com/playlist?list=PL4Vk1OlcAjDH3wwKeNFqm2fuJcxMDJB_R">vocaloid<br></a>
....and a lot more!
</p>
</div>
<div class="grid-item large-tile-horizontal">
<h3>about the website:</h3>
<p>this website is built with pure html and css and is hosted on <a href="https://netlify.com">netlify</a>. it doesn't use any javascript.<br></p>
<p>the domain is from <a href="https://github.com/open-domains">open domains</a> and i really like their service :) (<a href="https://github.com/open-domains/register/pull/1693">here</a> is my pull request!)<br></p>
<p>i first started the website on my computer to test out <a href="https://nginx.org">nginx</a>, but then i moved to <a href="https://neocities.org">neocities</a> when i realized i wanted to expand this website.<br></p>
<p>this continued for a few months, then i discovered <a href="https://straw.page">straw.page</a> so i moved to there and left my neocities site, using it only for pure html projects.<br></p>
<p>but then, i realized this was a bit lazy and i should make my own website, and then i moved all of my neocities stuff and straw.page to github pages, (i was using that repo to host my altstore source, until i realized i had to pay to apple to compile the <a href="https://github.com/sctech-tr/giant-textbox">project</a>)<br></p>
<p>i used the sctech.mooo.com domain from <a href="https://freedns.afraid.org">freedns</a>. <a href="https://web.archive.org/web/20240916173113/http://sctech.mooo.com/">here</a> is an early version of my website :)<br></p>
<p>then, i discovered <a href="https://netlify.com">netlify</a> and moved my website here, and i'm very happy with it!<br></p>
<p>hey, did you know it's also very lightweight? you can see here:<br></p>
<a href="https://www.websitecarbon.com/website/sctech-localplayer-dev/">website carbon</a>
</div>
<div class="grid-item">
<h3>web experiments:</h3>
<a href="https://cndl.web.app">codename darklight<br></a>
<a href="https://lolchat.app.sctech.localplayer.dev">lolchat<br></a>
<a href="https://kedibok.app.sctech.localplayer.dev">kedibok<br></a>
<a href="https://breadblog.app.sctech.localplayer.dev">breadblog<br></a>
<a href="https://go-md.app.sctech.localplayer.dev">go markdown!!<br></a>
<a href="https://osearch.app.sctech.localplayer.dev">osearch<br></a>
<a href="https://wwwterminal.app.sctech.localplayer.dev">wwwterminal<br></a>
<a href="registerwin95.html">register windows 95<br></a>
<a href="cc.html">console clicker<br></a>
<a href="teleport.html">teleport between mirrors<br></a>
<a href="ip.html">what the heck is my ip?<br></a>
<a href="avspl.html">a very simple public license<br></a>
<a href="goexplore.html">explorer<br></a>
<a href="wii.html">the wii friendly webpage<br></a>
<a href="gh-index.html">github link shortener<br></a>
</div>
<div class="grid-item">
<h3>contact me</h3>
<p>you can contact me via..</p>
<p>form: <a href="send.html">click here</a> <strong>(preferred way)</strong></p>
<p>email: <a href="mailto:[email protected]" rel="me">sctech [at] sctech [dot] localplayer [dot] dev</a><br></p>
<p>discord: @sctech_tr<br></p>
<p>github: open an issue <a href="https://github.com/sctech-tr/sctech-tr">here</a><br></p>
<p>matrix: @sctech-tr:matrix.org <strong>(not preferred)</strong></p>
</div>
<div class= "grid-item"><h3>skills:</h3>
<p align="center">
<a href="https://skillicons.dev">
<img src="https://skillicons.dev/icons?i=bash,c,cs,dotnet,css,html,js,git,md,nginx,nodejs,py,flask&perline=3" />
</a>
</p>
</div>
<div class= "grid-item"><h3>environment:</h3>
<p align="center">
<a href="https://skillicons.dev">
<img src="https://skillicons.dev/icons?i=linux,github,nginx,rider,pycharm,idea,webstorm,clion,vscode,androidstudio&perline=3" />
</a>
</p>
</div>
<div class="grid-item">
<h3>links:</h3>
<a href="https://opr.ix.tc/sctech" rel="me">OpenProfile<br></a>
<a href="https://en.pronouns.page/u/sctech" rel="me">pronouns.page<br></a>
<a href="https://www.blogger.com/profile/04944731901473885405" rel="me">Blogger<br></a>
<a href="https://discordapp.com/users/823106689816723466" rel="me">Discord<br></a>
<a href="https://tag.rc24.xyz/user/823106689816723466">LinkTag<br></a>
<a href="https://wiibrew.org/wiki/User:S">WiiBrew<br></a>
<a href="https://pypi.org/user/sctech">PyPI<br></a>
<a href="https://copr.fedorainfracloud.org/coprs/sctech">Copr<br></a>
<a href="https://npmjs.com/~sctech_tr">npm<br></a>
<a href="https://community.fandom.com/wiki/User:Usernames_are_not_practical" rel="me">Fandom<br></a>
<a href="https://vocadb.net/Ar/154492" rel="me">VocaDB (artist)<br></a>
<a href="https://vocadb.net/Profile/sctech" rel="me">VocaDB (user)<br></a>
<a href="https://keyoxide.org/57BE156FEB39FB9905BA1299169CABCFA8FDD1CF">Keyoxide<br></a>
<a href="https://github.com/sctech-tr" rel="me">GitHub<br></a>
<a href="https://git.gay/sctech" rel="me">git.gay<br></a>
<a href="https://youtube.com/@sctech-tr" rel="me">YouTube<br></a>
<a href="https://stackoverflow.com/users/27170304/sctech-tr" rel="me">StackOverflow<br></a>
<a href="https://oscwii.org/library?coder=sctech-tr">Open Shop Channel<br></a>
</div>
<div class= "grid-item"><h3>buttons:</h3>
<p>want your button here? <a href="mailto:[email protected]">contact me!</a><br></p>
<a href="https://sctech.netlify.app/">
<img src="img/buttons/sctech.png" width="88" height="31" alt="sctech's website :)">
</a>
<a href="https://www.mozilla.org/firefox/download/thanks/">
<img src="img/buttons/firefox2.gif" alt="Get Firefox!" width="88" height="31">
</a>
<a href="https://www.mozilla.org/firefox/download/thanks/">
<img src="img/buttons/firefox3.png" alt="Get Firefox!" width="88" height="31">
</a>
<a href="https://example.com/">
<img src="img/buttons/example.webp" width="88" height="31">
</a>
<a href="https://no-chromium.org/">
<img src="img/buttons/chromiumsucks.png" alt="chromium sucks" width="88" height="31">
</a>
<a href="https://archlinux.org">
<img src="img/buttons/archbtw.png" alt="i use arch btw" width="88" height="31">
</a>
<a href="https://mariluu.hehe.moe">
<img src="img/buttons/maribanner.gif" alt="mariluu's site :)">
</a>
<img src="img/buttons/facebook.svg" alt="no facebook" width="88" height="31">
<a href="https://ublockorigin.com">
<img src="img/buttons/ublockorigin.png" alt="ublock origin">
</a>
<a href="https://archive.org">
<img src="img/buttons/iarchive.gif" alt="internet archive">
</a>
<img src="img/buttons/html.gif" alt="html - learn it today" width="88" height="31">
<a href="https://nintendo.fandom.com/wiki/Wii">
<img src="img/buttons/wii.gif" alt="wii" width="88" height="31">
</a>
<img src="img/buttons/webp.gif" alt="no webp! just use png :)" width="88" height="31">
<img src="img/buttons/website.gif" alt="website." width="88" height="31">
<img src="img/buttons/anythingbut.gif" alt="anything but chrome" width="88" height="31">
<a href="https://nonbinary.wiki/wiki/Agender">
<img src="img/buttons/agender.png" alt="agender">
</a>
<img src="img/buttons/miku.gif" alt="miku!!" width="88" height="31">
<a href="https://knowyourmeme.com/memes/fukkireta-吹っ切れた">
<img src="img/buttons/teto.gif" alt="teto!!" width="88" height="31">
</a>
<a href="https://vocaloid.com">
<img src="img/buttons/vocaloid.png" alt="vocaloid" width="88" height="31">
</a>
<img src="img/buttons/mobile-unfriendly.png" alt="mobile unfriendly" width="88" height="31">
<img src="img/buttons/wow-wow.gif" alt="kaomoji" width="88" height="31">
<a href="https://beaus-silly-folder.neocities.org">
<img src="https://beaus-silly-folder.nekoweb.org/BSF.gif">
</a>
<img src="img/buttons/saynotoweb3.gif" alt="say no to web3" width="88" height="31">
<img src="img/buttons/empty.png" alt="for rent" width="88" height="31">
<img src="img/buttons/empty.png" alt="for rent" width="88" height="31">
<img src="img/buttons/empty.png" alt="for rent" width="88" height="31">
<img src="img/buttons/empty.png" alt="for rent" width="88" height="31">
</div>
<div class="grid-item large-tile-horizontal">
<h3>if you have a site, please put my buttons there!!</h3>
<h4>sctech's website:</h4>
<div class="code-block">
<a href="https://sctech.localplayer.dev">
<img src="https://sctech.localplayer.dev/img/buttons/sctech.png" alt="sctech's website :)">
</a>
</div>
<h4>agender:</h4>
<div class="code-block">
<a href="https://nonbinary.wiki/wiki/Agender">
<img src="https://sctech.localplayer.dev/img/buttons/agender.png" alt="agender">
</a>
</div>
</div>
</main>
<br>
<br>
<footer>
<p>copyleft 2024-2025 sctech. no rights reserved.</p>
<p>this website is proudly powered by <a href="https://netlify.com">netlify</a>.
<p>view source on <a href="https://github.com/sctech-tr/website">github</a></p>
<p><a href='https://webring.dinhe.net/prev/https://sctech.localplayer.dev'>previous</a> | <a href="http://webring.dinhe.net/">retronaut webring</a> | <a href='https://webring.dinhe.net/next/https://sctech.localplayer.dev'>next</a></p>
</footer>
</body>
</html>
<!--- hey!! --->