initial commit 2
1
.gitignore
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
img/cat
|
BIN
img/88x31.apng
Normal file
After Width: | Height: | Size: 7.2 KiB |
BIN
img/88x31.gif
Normal file
After Width: | Height: | Size: 5 KiB |
BIN
img/88x31.kra
Normal file
BIN
img/88x31.png
Normal file
After Width: | Height: | Size: 358 B |
BIN
img/adryd.png
Normal file
After Width: | Height: | Size: 967 B |
BIN
img/anybrowser.gif
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
img/archbtw.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
img/catscape3.gif
Normal file
After Width: | Height: | Size: 1 KiB |
BIN
img/chrome.gif
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
img/chxry.gif
Normal file
After Width: | Height: | Size: 472 B |
BIN
img/dbd.gif
Normal file
After Width: | Height: | Size: 6.5 KiB |
BIN
img/debian.gif
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
img/eightyeightythirtyone.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
img/favicon.png
Normal file
After Width: | Height: | Size: 61 KiB |
BIN
img/firefox4.gif
Normal file
After Width: | Height: | Size: 2.1 KiB |
BIN
img/graphene.png
Normal file
After Width: | Height: | Size: 762 B |
BIN
img/hatems.gif
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
img/hl.gif
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
img/honbra.png
Normal file
After Width: | Height: | Size: 482 B |
BIN
img/kibty.town-badge.gif
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
img/lineageos.png
Normal file
After Width: | Height: | Size: 795 B |
BIN
img/linksbrow.gif
Normal file
After Width: | Height: | Size: 486 B |
BIN
img/linuxnow2.gif
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
img/lynxnow.gif
Normal file
After Width: | Height: | Size: 773 B |
BIN
img/maggie.gif
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
img/maia.crimew.gay.png
Normal file
After Width: | Height: | Size: 696 B |
BIN
img/maira.gif
Normal file
After Width: | Height: | Size: 960 B |
BIN
img/matdoesdev.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
img/neovim.gif
Normal file
After Width: | Height: | Size: 695 B |
BIN
img/notnite.png
Normal file
After Width: | Height: | Size: 292 B |
BIN
img/pandarose.png
Normal file
After Width: | Height: | Size: 778 B |
BIN
img/shwecky.png
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
img/ssi.gif
Normal file
After Width: | Height: | Size: 92 KiB |
BIN
img/tfnow.gif
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
img/ublockorigin.png
Normal file
After Width: | Height: | Size: 5 KiB |
BIN
img/valid-xhtml10.png
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
img/wikipedia.gif
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
img/xonotic.png
Normal file
After Width: | Height: | Size: 566 KiB |
377
index.html
Normal file
|
@ -0,0 +1,377 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="my slonksite" />
|
||||
<meta property="og:title" content="slonksite" />
|
||||
<meta property="og:description" content="my slonksite" />
|
||||
<meta property="og:url" content="https://slonk.ing/" />
|
||||
<meta property="og:image" content="https://slonk.ing/img/favicon.png" />
|
||||
<title>slonksite</title>
|
||||
<link rel="shortcut icon" href="img/favicon.png" type="image/png" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<h1>my slonksite</h1>
|
||||
<p>
|
||||
hello, i'm slonkazoid<br />
|
||||
i touch computers
|
||||
</p>
|
||||
<h2 id="about">about</h2>
|
||||
<p>programmer, linux user, overall nerd.</p>
|
||||
<p>
|
||||
i write web apps, cli tools, and such. you can find some of them in the
|
||||
<a href="#projects">projects</a> section.<br />
|
||||
my favorite languages are rust and bash, but i can code in rust, javascript, c, bash, c#; and to a
|
||||
lesser extent, java (minecraft modding), python, brainfuck, php, and lua.
|
||||
</p>
|
||||
<p>
|
||||
typing is something i'm relatively good at. i got 121 wpm on monkeytype before typing this sentence. i
|
||||
learnt it by spending several hundred hours without a mic playing TTT in gmod when i was younger, and
|
||||
programming since i was a kid.
|
||||
</p>
|
||||
<p>
|
||||
i play video games. my all-time favorites are, in no specific order after the second, team fortress 2,
|
||||
celeste, deep rock galactic, ultrakill, minecraft, half-life, and counter-strike.
|
||||
</p>
|
||||
<p>
|
||||
i speak english and turkish. i am (not very actively) learning german. i was also learning russian at
|
||||
some point.
|
||||
</p>
|
||||
<p>i have <a href="img/cat/">a cat</a>, his name is karamel.</p>
|
||||
<br />
|
||||
<fieldset id="contact">
|
||||
<legend>contact info</legend>
|
||||
<table>
|
||||
<tr>
|
||||
<td>matrix</td>
|
||||
<td>@alifurkan:matrix.org</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>email</td>
|
||||
<td>slonkazoid [AT] slonk dot ing</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>OpenPGP key</td>
|
||||
<td>
|
||||
<details style="display: inline; word-break: break-all">
|
||||
<summary>
|
||||
<a
|
||||
href=".well-known/openpgpkey/hu/no67q75f6onergjisn8pwm575e3fga5i"
|
||||
download="pubkey.gpg"
|
||||
>download</a
|
||||
>...
|
||||
</summary>
|
||||
<code>30DDF657DC25EF06FDDCD9B229DFCF2217C06A0A</code> @
|
||||
<a
|
||||
href="https://keys.openpgp.org/vks/v1/by-fingerprint/30DDF657DC25EF06FDDCD9B229DFCF2217C06A0A"
|
||||
>keys.openpgp.org</a
|
||||
>
|
||||
</details>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>discord</td>
|
||||
<td><a href="https://discord.com/users/276363003270791168">matrix.org</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>steam</td>
|
||||
<td><a href="https://steamcommunity.com/id/slonkazoid/">/id/slonkazoid</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>fedi</td>
|
||||
<td><a href="https://ck.katzen.cafe/@slonkazoid">@slonkazoid@ck.katzen.cafe</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>gitlab</td>
|
||||
<td><a href="https://gitlab.com/slonkazoid">slonkazoid</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</fieldset>
|
||||
<br />
|
||||
<fieldset id="projects">
|
||||
<legend>projects</legend>
|
||||
<ul>
|
||||
<li>
|
||||
<b>bingus-files</b>, simple file sharing service written in rust
|
||||
<a href="https://gitlab.com/slonkazoid/bingus-files">source</a>
|
||||
<a href="https://files.slonk.ing/">instance</a>
|
||||
</li>
|
||||
<li><b>under</b> construction</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
<br />
|
||||
<fieldset id="specs">
|
||||
<legend>specs</legend>
|
||||
<ul>
|
||||
<li>
|
||||
<details>
|
||||
<summary>main pc</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>cpu</td>
|
||||
<td>Ryzen 5 5600X 6c12t (3.7 GHz base, 4.7 GHz boost)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ram</td>
|
||||
<td>32 GB DDR4-3200 (16+16)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>gpu</td>
|
||||
<td>AMD Radeon RX 6500 XT</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disk</td>
|
||||
<td>
|
||||
1x 1 TB ADATA XPG SX8200 Pro PCIe Gen3x4 M.2 2280 Solid State Drive (3000 MB/s
|
||||
read/write)
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>mb</td>
|
||||
<td>ASUS TUF GAMING B550-PLUS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>fs</td>
|
||||
<td>btrfs with <code>compress=zstd:3</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>os</td>
|
||||
<td>technically dual booting arch and nixos but i only use arch</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wm</td>
|
||||
<td>sway</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>monitor</td>
|
||||
<td>cheap 1920x1080 144Hz (i run it at 120) VA panel by GameBooster</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>rice</td>
|
||||
<td><a href="https://gitlab.com/slonkazoid/dotfiles">slonkazoid/dotfiles</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
</li>
|
||||
<!-- no longer mine
|
||||
<li>
|
||||
<details>
|
||||
<summary>laptop</summary>
|
||||
<ul>
|
||||
<li><b>model</b>: HP G4 250</li>
|
||||
<li><b>cpu</b>: Intel Core i5-6200U 2c4t (2.3 GHz base, 2.8 GHz boost)</li>
|
||||
<li><b>ram</b>: 8 GB DDR3-???? (4 stock+4 1333 MT/s)</li>
|
||||
<li>
|
||||
<b>gpu</b>: Intel HD Graphics 520 (1 GB VRAM + 2 GB shared) + (disabled) AMD Radeon R5
|
||||
M330 (2 GB VRAM)
|
||||
</li>
|
||||
<li><b>disk</b>: 1x 240 GB HyperX Fury SATA III Solid State Drive (350 MB/s read/write)</li>
|
||||
<li><b>fs</b>: btrfs with <code>compress=zstd:3</code></li>
|
||||
<li><b>os</b>: arch</li>
|
||||
<li><b>wm</b>: sway</li>
|
||||
<li><b>rice</b>: same as main</li>
|
||||
</ul>
|
||||
</details>
|
||||
</li>
|
||||
-->
|
||||
<li>
|
||||
<details>
|
||||
<summary>phone</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>Xiaomi Mi 10T Lite 5G</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SoC</td>
|
||||
<td>good enough</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ram</td>
|
||||
<td>4 GB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disk</td>
|
||||
<td>128 GB flash</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>fs</td>
|
||||
<td>ext4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>rom</td>
|
||||
<td><a href="https://lineageos.org/">LineageOS</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
</li>
|
||||
<li>
|
||||
<details>
|
||||
<summary>pi</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>Raspberry Pi 3B</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cpu</td>
|
||||
<td>6x Broadcom BCM2835 (base 1.2 GHz)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ram</td>
|
||||
<td>1 GB SDRAM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disk</td>
|
||||
<td>32 GB microSD</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>fs</td>
|
||||
<td>ext4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>os</td>
|
||||
<td>Raspbian Lite bookworm armhf</td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
</li>
|
||||
<li>
|
||||
<details>
|
||||
<summary>old phone (what this site is running on)</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>model</td>
|
||||
<td>Xiaomi Redmi 5 Plus 4+64 GB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SoC</td>
|
||||
<td>MSM8953</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cpu</td>
|
||||
<td>8x ARM Cortex-A53 (base 2016 MHz)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ram</td>
|
||||
<td>4 GB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disk</td>
|
||||
<td>64 GB flash</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>fs</td>
|
||||
<td>ext4</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>os</td>
|
||||
<td><a href="https://postmarketos.org/">postmarketOS</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
<br />
|
||||
<fieldset id="links">
|
||||
<legend>table of links</legend>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://is.slonk.ing/">akkoma instance</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.slonk.ing/">forgejo instance</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="xonotic.html">xonotic server</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="img/cat/">cat pics</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://files.slonk.ing/">bingus-files</a>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
|
||||
<br />
|
||||
|
||||
<p>
|
||||
this close to losing it
|
||||
<progress max="100" value="96"></progress>
|
||||
</p>
|
||||
<p><b>did you know?</b> this website has a total of 0 bytes of javascript</p>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="https://slonk.ing/"><img src="img/88x31.apng" alt="slonk" /></a>
|
||||
<a href="https://iusearchbtw.fun/"><img src="img/maggie.gif" alt="maggie (colon 3)" /></a>
|
||||
<a href="https://maira.cc/"><img src="img/maira.gif" alt="maira.cc" /></a>
|
||||
<a href="https://chxry.github.io/"><img src="img/chxry.gif" alt="chxry" /></a>
|
||||
<a href="https://me.colon3.lol/"><img src="img/pandarose.png" alt="pandarose" /></a>
|
||||
<a href="https://matdoes.dev/retro"><img src="img/matdoesdev.png" alt="mat does dev! (colon 3)" /></a>
|
||||
<a href="https://adryd.com/"><img src="img/adryd.png" alt="(witch hat) adryd" /></a>
|
||||
<a href="https://notnite.com/"><img src="img/notnite.png" alt="notnite" /></a>
|
||||
<a href="https://shrecked.dev/"><img src="img/shwecky.png" alt="shwecky" /></a>
|
||||
<a href="https://kibty.town/"><img src="img/kibty.town-badge.gif" alt="kibty town" /></a>
|
||||
<a href="https://honbra.com/"><img src="img/honbra.png" alt="honbra" /></a>
|
||||
<a href="https://ssi.fyi/"><img src="img/ssi.gif" alt="server scanning inc" /></a>
|
||||
<a href="https://maia.crimew.gay/"><img src="img/maia.crimew.gay.png" alt="maia crimew arson" /></a>
|
||||
<a href="https://eightyeightthirty.one/"
|
||||
><img
|
||||
src="img/eightyeightythirtyone.png"
|
||||
alt="eightyeightthirty.one"
|
||||
title="very cool project by notnite"
|
||||
/></a>
|
||||
<a href="steam://launch/440"><img src="img/tfnow.gif" alt="team fortress now" /></a>
|
||||
<a href="steam://launch/70"><img src="img/hl.gif" alt="half-life" /></a>
|
||||
<a href="https://en.wikipedia.org/wiki/Embrace,_extend,_and_extinguish"
|
||||
><img src="img/hatems.gif" alt="i hate microsoft"
|
||||
/></a>
|
||||
<a href="https://linux.org/"><img src="img/linuxnow2.gif" alt="linux now! (2.5)" /></a>
|
||||
<a href="https://archlinux.org/"
|
||||
><img src="img/archbtw.png" alt="powered by Arch BTW" title="i use arch btw"
|
||||
/></a>
|
||||
<a href="https://debian.org/"
|
||||
><img
|
||||
src="img/debian.gif"
|
||||
alt="Powered by debian"
|
||||
title="the server runs alpine, but the reverse proxy runs debian"
|
||||
/></a>
|
||||
<a href="https://neovim.io/"><img src="img/neovim.gif" alt="made with neovim" /></a>
|
||||
<a href="https://www.defectivebydesign.org/"
|
||||
><img src="img/dbd.gif" alt="eliminate drm now! defective by design"
|
||||
/></a>
|
||||
<a href="https://lynx.invisible-island.net/"><img src="img/lynxnow.gif" alt="lynx now! (2.5)" /></a>
|
||||
<a href="http://links.twibright.com/"><img src="img/linksbrow.gif" alt="links browser" /></a>
|
||||
<a href="https://www.anybrowser.org/"
|
||||
><img src="img/anybrowser.gif" alt="viewable with any browser"
|
||||
/></a>
|
||||
<a href="https://validator.w3.org/"><img src="img/valid-xhtml10.png" alt="W3C XHTML 1.0 verified" /></a>
|
||||
<a href="https://www.mozilla.org/en-US/firefox/"
|
||||
><img src="img/firefox4.gif" alt="tested on firefox"
|
||||
/></a>
|
||||
<a href="https://librewolf.net/"><img src="img/chrome.gif" alt="anything but chrome!" /></a>
|
||||
<a href="img/catscape3.gif"><img src="img/catscape3.gif" alt="catspace meow! (3.0)" /></a>
|
||||
<a href="https://ublockorigin.com/"><img src="img/ublockorigin.png" alt="uBlock Origin NOW!" /></a>
|
||||
<a href="https://lineageos.org/"><img src="img/lineageos.png" alt="LineageOS" /></a>
|
||||
<a href="https://grapheneos.org/"
|
||||
><img
|
||||
src="img/graphene.png"
|
||||
alt="GrapheneOS"
|
||||
title="credit to Commenter25 (commenter.cc) for the image. also, i have never used grapheneos"
|
||||
/></a>
|
||||
<a href="https://wikipedia.org/"><img src="img/wikipedia.gif" alt="support wikipedia" /></a>
|
||||
</div>
|
||||
|
||||
<p>also visit <a href="https://mimmers.xyz">mia's website</a></p>
|
||||
</main>
|
||||
|
||||
<footer>Ⓐ copyfuck 1337 slonkazoid</footer>
|
||||
</body>
|
||||
</html>
|
1
pubkey.gpg
Symbolic link
|
@ -0,0 +1 @@
|
|||
.well-known/openpgpkey/hu/no67q75f6onergjisn8pwm575e3fga5i
|
173
style.css
Normal file
|
@ -0,0 +1,173 @@
|
|||
@import url("catppuccin.css");
|
||||
|
||||
/* colors */
|
||||
:root {
|
||||
--base: #1e1e2e;
|
||||
--text: #cdd6f4;
|
||||
--crust: #11111b;
|
||||
--surface0: #313244;
|
||||
--subtext0: #a6adc8;
|
||||
--subtext1: #bac2de;
|
||||
--pink: #f5c2e7;
|
||||
--rosewater: #f5e0dc;
|
||||
--blue: #89b4fa;
|
||||
--mauve: #cba6f7;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
--base: #eff1f5;
|
||||
--text: #4c4f69;
|
||||
--crust: #dce0e8;
|
||||
--surface0: #ccd0da;
|
||||
--subtext0: #6c6f85;
|
||||
--subtext1: #5c5f77;
|
||||
--pink: #ea76cb;
|
||||
--rosewater: #dc8a78;
|
||||
--blue: #1e66f5;
|
||||
--mauve: #8839ef;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
font-family: "Hack", "Hack Nerd Font", "JetBrains Mono", "JetBrainsMono Nerd Font", monospace, sans-serif;
|
||||
scrollbar-width: none;
|
||||
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
background-color: var(--base);
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 1em;
|
||||
|
||||
background-color: var(--base);
|
||||
}
|
||||
|
||||
body > main > h1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--pink);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--rosewater);
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--mauve);
|
||||
}
|
||||
|
||||
progress {
|
||||
width: 100%;
|
||||
border: 2px solid;
|
||||
|
||||
border-color: var(--text);
|
||||
background-color: var(--base);
|
||||
color: var(--pink);
|
||||
}
|
||||
|
||||
::-moz-progress-bar,
|
||||
::-webkit-progress-bar {
|
||||
background-color: var(--pink);
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: end;
|
||||
font-size: small;
|
||||
opacity: 50%;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 0.15em 0.4em;
|
||||
|
||||
background-color: var(--surface0);
|
||||
color: var(--subtext1);
|
||||
}
|
||||
|
||||
legend {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
summary:hover,
|
||||
summary:active,
|
||||
details[open] > summary {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
summary::after {
|
||||
content: " (click to expand)";
|
||||
opacity: 50%;
|
||||
font-size: smaller;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
details[open] > summary::after {
|
||||
content: " (click to collapse)";
|
||||
}
|
||||
|
||||
div.buttons > a {
|
||||
font-size: 0;
|
||||
& > img {
|
||||
image-rendering: crisp-edges;
|
||||
image-rendering: pixelated;
|
||||
object-fit: contain;
|
||||
width: 88px;
|
||||
height: 31px;
|
||||
}
|
||||
}
|
||||
|
||||
td:nth-child(1) {
|
||||
font-weight: bold;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
td:nth-child(2) {
|
||||
padding-left: 0.5em;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
@media (min-width: 956px) {
|
||||
:root {
|
||||
--target-ratio: 0.7; /* 669px - 1344x */
|
||||
--width: min(100% * var(--target-ratio), 1920px * var(--target-ratio));
|
||||
--padding: 4em;
|
||||
--padded-width: calc(var(--width) - var(--padding) * 2);
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 4em 0;
|
||||
|
||||
background: var(--crust);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--base) 0%,
|
||||
var(--crust) calc((100% - var(--width)) / 2),
|
||||
var(--crust) calc(50% + var(--width) / 2),
|
||||
var(--base) 100%
|
||||
);
|
||||
}
|
||||
|
||||
body > * {
|
||||
margin: auto;
|
||||
padding: var(--padding);
|
||||
width: var(--padded-width);
|
||||
}
|
||||
|
||||
body > footer {
|
||||
padding: initial;
|
||||
width: var(--width);
|
||||
}
|
||||
}
|
36
xonotic.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content="my slonksite" />
|
||||
<meta property="og:title" content="slonksite" />
|
||||
<meta property="og:description" content="my slonksite" />
|
||||
<meta property="og:url" content="https://slonk.ing/xonotic.html" />
|
||||
<meta property="og:image" content="https://slonk.ing/img/favicon.png" />
|
||||
<title>slonksite</title>
|
||||
<link rel="shortcut icon" href="img/favicon.png" type="image/png" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main>
|
||||
<marquee
|
||||
><b>download <a href="https://xonotic.org/">xonotic</a> now!</b></marquee
|
||||
>
|
||||
<h1>xonotic server</h1>
|
||||
<p>
|
||||
i host a xonotic server on the same <a href="https://is.slonk.ing/notice/Ad6bptg7T7I50tJps8">phone</a> i
|
||||
host this website and the akkoma instance on. after downloading the game, you can join the server by
|
||||
typing "xonotic.slonk.ing" into the address bar above the join button in the multiplayer menu
|
||||
</p>
|
||||
<img
|
||||
src="img/xonotic.png"
|
||||
alt="screenshot of xonotic's multiplayer menu showing 'xonotic.slonk.ing' in the address bar"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</main>
|
||||
|
||||
<footer>Ⓐ copyfuck 1337 slonkazoid</footer>
|
||||
</body>
|
||||
</html>
|