146 lines
4.8 KiB
Plaintext
146 lines
4.8 KiB
Plaintext
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.4">
|
|
<title>Swagg::Net Homepage</title>
|
|
<link rel="stylesheet" type="text/css" href="/css/swagg.css">
|
|
</head>
|
|
<body>
|
|
<!-- Soundtrack -->
|
|
<!-- <embed> doesn't work anymore SAD
|
|
<embed src="/misc/Smashmouth_-_All_Star.mid" width="100%" height="60">-->
|
|
<audio src="/Music/Smashmouth-All-Star.mp3" autoplay controls
|
|
preload="auto"></audio>
|
|
<!-- Bonzi buddy -->
|
|
<div id="bonzi">
|
|
<img alt="a purple gorilla" src="/Pictures/Bonzi_Buddy.png">
|
|
</div>
|
|
<div class="outer">
|
|
<center>
|
|
<h1>
|
|
<img alt="fireworks" src="/Pictures/fireworks.gif" height="20">
|
|
Welcome to the Swagg::Net
|
|
<img alt="more fireworks" src="/Pictures/fireworks.gif" height="20">
|
|
</h1>
|
|
<h2>
|
|
(<u>S</u>waggNet <u>W</u>ide <u>A</u>rea <u>G</u>igabit <u>G</u>ame
|
|
<u>Net</u>work)!!
|
|
</h2>
|
|
</center>
|
|
</div>
|
|
<marquee>
|
|
<img alt="a padlock" src="/Pictures/lock1.gif" height="20">
|
|
Now in <span style="color:fuchsia">HTTPS</span>!!
|
|
</marquee><br>
|
|
<div class="outer">
|
|
<center>
|
|
<img src="/Pictures/5consbar2_e0.gif"
|
|
alt="Under contruction" height="40"><br>
|
|
</center>
|
|
<br>
|
|
<hr><br>
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p>
|
|
Did you hear the
|
|
<a href="/news">news</a>? <strong>Downtime</strong> happening soon
|
|
<img alt="update" src="/Pictures/updat4.gif"><br>
|
|
<br>
|
|
Looking for a network/Linux admin? Read about <a href="/me">me</a>
|
|
<img alt="BSOD" src="/Pictures/bluscrn.gif" height="16"><br>
|
|
<br>
|
|
Looking for the game servers? Check out
|
|
the <a href="https://mirror.swagg.net/motd">message of the day</a>
|
|
<img alt="character from Doom video game" src="/Pictures/Doom.gif"
|
|
height="18"><br>
|
|
<br>
|
|
When will Internet Explorer be <a href="/die/">deprecated</a>?
|
|
<img alt="Internet Explorer"
|
|
src="/Pictures/internet_explorer_classic.gif" height="22"
|
|
style="vertical-align:bottom"><br>
|
|
<br>
|
|
Checkout the <a href="/cgi-bin/whoami.cgi">reflection page</a> for
|
|
some info about your browser/request<br>
|
|
</p>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p>Make HTML <span id="blink"><blink></span> again!!</p>
|
|
</div>
|
|
<!-- Source: https://www.w3docs.com/learn-html/html-blink-tag.html -->
|
|
<script>
|
|
var blink = document.getElementById('blink');
|
|
setInterval(function() {
|
|
blink.style.opacity = (blink.style.opacity == 0) ? 1 : 0;
|
|
}, 750);
|
|
</script>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<h3>swagg boi's (<a href="https://tools.ietf.org/html/rfc4193">RFC
|
|
4193</a> compliant) IPv6 ULA prefix spitter-outter!!</h3>
|
|
<p>
|
|
I got bored playing with html forms today and what I ended up with
|
|
is this nifty form that turns a given MAC address into a /48 IPv6
|
|
ULA prefix. The form POSTs this string to a cgi script which is
|
|
essentially a quick re-write of the first Perl script I ever wrote
|
|
(just added some html cruft to the STDOUT). I got the idea for the
|
|
first script since I couldn't find a simple way to generate an ULA
|
|
from my terminal. I had to open up a browser and find other similar
|
|
web-based tools with a web search but several of these didn't seem
|
|
to really follow the RFC, i.e. printing out a /64 instead of a /48
|
|
or printing out the prefix with no MAC address or even a field to
|
|
give it one. Maybe some wayward network nerd standing up an IPv6 lab
|
|
will find this useful :)
|
|
</p>
|
|
<iframe src="/ula6.html" width="720" style="border:none;"></iframe>
|
|
<p>
|
|
<i>Limit of 1,208,925,819,614,629,174,706,176 ULA addresses per
|
|
customer.</i>
|
|
</p>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<code><pre><%= $fortune %></pre></code>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<br>
|
|
<img src="/Pictures/Its-swagg-baby-yeah.png" alt="It's UNIX baby, yeah!"><br>
|
|
<br>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p>TODO: visitor count goes here</p>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
<br>
|
|
</div>
|
|
<footer>
|
|
<center>
|
|
<img alt="Electronic mail - WOW!" src="/Pictures/mailput.gif">
|
|
<p>
|
|
<i>contact:</i>
|
|
<a href="mailto:swaggboi@slackware.uk">swaggboi@slackware.uk</a> -
|
|
<a href="https://eattherich.club/@swaggboi">Mastodon (@swaggboi)</a> -
|
|
<a href="https://steamcommunity.com/id/danielbowling">Steam</a> -
|
|
<a href="https://chat.swagg.net">Chat (Mattermost)</a>
|
|
</p>
|
|
<img alt="Y2k ready!" src="/Pictures/y2kready.gif" height="85">
|
|
</center>
|
|
</footer>
|
|
</body>
|
|
</html>
|