xbl/6bit.ch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: index.html

Browse Source 
new file:   js/art.js
	new file:   js/hdr.js
	new file:   js/hearts.js
	new file:   js/helpers.js
	new file:   js/particles.js
	new file:   js/qlpycon.js
	new file:   js/qlpyconbanner.js
	new file:   js/snek.js
	new file:   js/sparks.js
	new file:   js/stars.js
	modified:   slamp.html
	modified:   style.css
This commit is contained in:
root
2026-06-14 14:08:52 +02:00
parent 3040ffdf20
commit 39752c845a
13 changed files with 1764 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/index.html
+187 -49
View File
@@ -2,63 +2,201 @@
<html lang="en">
<head>
<title>6bit.ch</title>
<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" href="style.css">
<link rel="author" type="text/plain" href="humans.txt">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="js/sparks.js"></script>
<script type="text/javascript" src="js/hearts.js"></script>
</head>
<body style="background-color:#101010;">
<body>
<div class="main">
<div id="starshine">
<div class="template shine"></div>
</div>
<section class=headerimg>
<a href="https://6bit.ch"><img src="img/6bitnobg.png"></a>
<section class="contentindex">
<p><button onclick="rerollArt()" class="reroll-btn">[ reroll ]</button></p>
<canvas id="hdr"></canvas>
<p>The trajectory of this <a href="https://wikipedia.org/wiki/Earth" target="_blank" rel="noopener">ship</a> is unchanging.</p>
</section>
<div class="col left">
<section class="navblock">
<h4>🏡 here</h4>
<ul><li><a href=https://git.6bit.ch/xbl>🐐 Goat</a></li></ul>
<ul><li><a href=https://6bit.ch/snek.html>🐍 Snek</a></li></ul>
<ul><li><a href=https://6bit.ch/things.html>🎨 Things</a></li></ul>
<ul><li><a href=https://6bit.ch/slamp.html>💡 slamp</a></li></ul>
</section>
</br>
<section class="navblock">
<h4>✨ there</h4>
<ul><li><a href=https://hardbrugg.ch target=_blank>📽️ Hardbrugg.ch</a></li></ul>
<ul><li><a href=https://ravemitherz.li target=_blank>💗 RAVEmitHerz.li</a></li></ul>
<ul><li><a href=https://rumpelkist.li target=_blank>🛸 Rumpelkist.li</a></li></ul>
</section>
</br>
<section class="navblock">
<h4>👭 everywhere</h4>
<ul><li><a href=https://ausliebemusik.ch target=_blank>Aus Liebe</a></li></ul>
<ul><li><a href=https://instagram.com/catcallsofzrh target=_blank>Catcalls of Zurich</a></li></ul>
<ul><li><a href=https://marcp.xyz target=_blank>cramp</a></li></ul>
<ul><li><a href=https://le-lan.ch target=_blank>LeLAN</a></li></ul>
<ul><li><a href=https://jar.band target=_blank>JAR</a></li></ul>
</section>
</br>
</div>
<div class="col right">
<section class=contentindex>
<img src=img/gosu.png>
<p>The trajectory of this <a href=https://wikipedia.org/wiki/Earth target=_blank>ship</a> is unchanging.</p>
<form method="get" id="ddgSearch" action="https://duckduckgo.com/">
<input type="text" name="q" placeholder="DuckDuck">
<button type="submit">Go!</button>
</form>
</br>
</section>
<section class="linksblock">
<div class="linkgroup">
<h4>🏡 here</h4>
<ul>
<li><a href="https://git.6bit.ch/xbl">🐐 Goat</a></li>
<li><a href="slamp.html">💡 Slamp</a></li>
<li><a href="https://wiki.6bit.ch/index.php?title=Special:AllPages">🪓 Wiki</a></li>
<li><a href="https://6bit.ch/xbl.txt" target="_blank" rel="noopener">🚀 q3cfg</a></li>
</ul>
</div>
<div class="linkgroup">
<h4>✨ there</h4>
<ul>
<li><a href="https://hardbrugg.ch" target="_blank" rel="noopener">📽️ Hardbrugg.ch</a></li>
<li><a href="https://ravemitherz.li" target="_blank" rel="noopener">💗 RAVEmitHerz.li</a></li>
<li><a href="https://rumpelkist.li" target="_blank" rel="noopener">🛸 Rumpelkist.li</a></li>
</ul>
</div>
<div class="linkgroup linkgroup-everywhere">
<h4>👭 everywhere</h4>
<ul>
<li><a href="https://ausliebemusik.ch" target="_blank" rel="noopener">» Aus Liebe</a></li>
<li><a href="https://catcallsofzuri.ch" target="_blank" rel="noopener">» Catcalls of Zurich</a></li>
<li><a href="https://cannamatch.cannabis-research.ch" target="_blank" rel="noopener">» Cannamatch</a></li>
<li><a href="https://marcp.xyz" target="_blank" rel="noopener">» cramp</a></li>
<li><a href="https://jar.band" target="_blank" rel="noopener">» JAR</a></li>
<li><a href="https://le-lan.ch" target="_blank" rel="noopener">» LeLAN</a></li>
</ul>
</div>
</section>
<details class="things-block" id="qlpycon-details">
<summary>👾 qlpycon</summary>
<div class="contentindexqlpycon">
<pre id="qlpyconbanner">
<script src="js/qlpyconbanner.js" defer></script>
</pre>
<h1 class="">QLPyCon</h1>
<h2 class="">Quake Live Python Console</h2>
<h3 class="">Terminal-based client written in python for monitoring and controlling Quake Live servers via ZMQ</h3>
<div id="qlpycon"></div>
<script src="js/qlpycon.js"></script>
<script>QuakeTerminal.init('#qlpycon')</script>
<p class="">- Real-time server monitoring with live feed of game events</p>
<p class="">- Server info display and full control via rcon</p>
<p class="">- Autocomplete cvars and commands with fuzzy matching</p>
<p class="">- Intelligent argument suggestions for 25+ commands</p>
<p class="">- Quake color code support (^0-^7)</p>
<p class="">- Command history & JSON event capture</p>
<br>
<p class="">License: <a href="https://www.wtfpl.net/" target="_blank" rel="noopener">WTFPL</a></p>
<br>
<h4 class="">pipe2bash (stable):</h4>
<div class="qlpyconcodeblock">
<p class="qlpyconcode">curl -sSL https://git.6bit.ch/xbl/qlpycon/raw/branch/main/install.sh | bash</p>
</div>
<h4 class="">git clone (edge):</h4>
<div class="qlpyconcodeblock">
<p class="qlpyconcode">git clone https://git.6bit.ch/xbl/qlpycon.git</p>
<p class="qlpyconcode">cd qlpycon</p>
<p class="qlpyconcode">chmod u+x install.sh</p>
<p class="qlpyconcode">./install.sh</p>
</div>
</div>
</details>
<details class="things-block" id="things-details">
<summary>🎨 Things</summary>
<div class="contentindexart">
<div class="artitem">
<a href="art/clicktoris.png" target="_blank"><img data-src="art/clicktoris.png" alt="clicktoris.org"></a>
<p>clicktoris.org</p>
<p class="artdesc">image, logo</p>
</div>
<div class="artitem">
<a href="art/hb.png" target="_blank"><img data-src="art/hb.png" alt="Hardbrugg.ch"></a>
<p>Hardbrugg.ch</p>
<p class="artdesc">image, logo</p>
</div>
<div class="artitem">
<a href="art/lelogo.png" target="_blank"><img data-src="art/lelogo.png" alt="LeLAN"></a>
<p>LeLAN</p>
<p class="artdesc">image, logo</p>
</div>
<div class="break"></div>
<div class="artitem">
<a href="art/raverave.png" target="_blank"><img data-src="art/raverave.png" alt="RAVE Rave"></a>
<p>RAVE Rave</p>
<p class="artdesc">image, postcard</p>
</div>
<div class="artitem">
<a href="art/rerave.png" target="_blank"><img data-src="art/rerave.png" alt="RAVE Re-Rave"></a>
<p>RAVE Re-Rave</p>
<p class="artdesc">image, postcard</p>
</div>
<div class="artitem">
<a href="art/fbn.png" target="_blank"><img data-src="art/fbn.png" alt="RAVE Fernbedienung Nebel"></a>
<p>RAVE Fernbedienung Nebel</p>
<p class="artdesc">image, postcard</p>
</div>
<div class="artitem">
<a href="art/bsin.png" target="_blank"><img data-src="art/bsin.png" alt="RAVE Blazerstuhl des Lebens"></a>
<p>RAVE Blazerstuhl des Lebens</p>
<p class="artdesc">image, postcard</p>
</div>
<div class="artitem">
<a href="art/dgk.png" target="_blank"><img data-src="art/dgk.png" alt="RAVE Durchgangskonzept"></a>
<p>RAVE Durchgangskonzept</p>
<p class="artdesc">image, postcard</p>
</div>
<div class="break"></div>
<div class="artitem">
<a href="art/ccofz.png" target="_blank"><img data-src="art/ccofz.png" alt="C of Z"></a>
<p>C of Z</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="artitem">
<a href="art/1312.png" target="_blank"><img data-src="art/1312.png" alt="Gleis 1312"></a>
<p>Gleis 1312</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="artitem">
<a href="art/grzh.png" target="_blank"><img data-src="art/grzh.png" alt="GrZH"></a>
<p>GrZH</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="artitem">
<a href="art/plan.png" target="_blank"><img data-src="art/plan.png" alt="planlos"></a>
<p>planlos</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="artitem">
<a href="art/viv.png" target="_blank"><img data-src="art/viv.png" alt="ViV"></a>
<p>ViV</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="artitem">
<a href="art/zbb.png" target="_blank"><img data-src="art/zbb.png" alt="ZBB"></a>
<p>ZBB</p>
<p class="artdesc">image, sticker</p>
</div>
<div class="break"></div>
<div class="artitem">
<a href="art/alho100.png" target="_blank"><img data-src="art/alho100.png" alt="AlHo100"></a>
<p>AlHo100</p>
<p class="artdesc">image, money</p>
</div>
<div class="artitem">
<a href="art/donot.png" target="_blank"><img data-src="art/donot.png" alt="don't blender"></a>
<p>don't blender</p>
<p class="artdesc">image, 3d</p>
</div>
<div class="artitem">
<a href="https://www.youtube.com/watch?v=lMSjd6HNQdY" target="_blank" rel="noopener"><img src="art/eve.png" alt="EVE Online FaLiHSS"></a>
<p>EVE Online FaLiHSS (2006)</p>
<p class="artdesc">video, youtube</p>
</div>
<div class="artitem">
<a href="art/pp.pdf" target="_blank"><img data-src="art/pp.png" alt="Postparade"></a>
<p>Postparade</p>
<p class="artdesc">pdf, text</p>
</div>
</div>
</details>
<details class="things-block" id="snek-details">
<summary>🐍 Snek (arrow keys required)</summary>
<canvas id="game"></canvas>
</details>
<div class="footer">
<p>Gmacht mit 🔮 z'Züri. | <a href="humans.txt">humans.txt</a></p>
</div>
</div>
<div id="" class="footer">
<p>Gmacht mit 🔮 z'Züri. | <a href=humans.txt>humans.txt</a></p>
</div>
<canvas id="particles"></canvas>
<canvas id="stars"></canvas>
<script src="js/art.js"></script>
<script src="js/helpers.js"></script>
<script src="js/hdr.js"></script>
<script src="js/particles.js"></script>
<script src="js/snek.js"></script>
<script src="js/stars.js"></script>
</body>
</html>