swagg boi
e46e0b78c4
- New entry to the News page - Made titles of the various pages more consistent within the head tags - Added some accessibility tweaks: titles to iframes, meta description tags and labels to input tags - Removed version pinning from cpanfile that was no longer needed
112 lines
3.6 KiB
Plaintext
112 lines
3.6 KiB
Plaintext
% title 'Homepage';
|
|
% layout 'swagg';
|
|
<div class="inner">
|
|
<center>
|
|
<img src="/Pictures/5consbar2_e0.gif"
|
|
alt="Under contruction" height="40">
|
|
</center>
|
|
<h2>Homepage</h2>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p>
|
|
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="17"><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
|
|
<img alt="BSOD" src="/Pictures/globe05.gif" height="16"><br>
|
|
</p>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p><label><input type="radio" onclick="blinkIt();">
|
|
Make HTML <span id="blink"><blink></span> again!!</label></p>
|
|
</div>
|
|
<!-- Source: https://www.w3docs.com/learn-html/html-blink-tag.html -->
|
|
<script>
|
|
function blunk() {}
|
|
|
|
function blinkIt() {
|
|
blinkIt = blunk; // Make sure this only runs once
|
|
|
|
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 title="ULA Generator" src="/ula6" 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">
|
|
<pre><%= $fortune %></pre>
|
|
</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" id="guest">
|
|
<p>Please sign the guestbook and let SwaggNet know what you <em>really</em>
|
|
think.</p>
|
|
<a href="/cgi-bin/guest.cgi">
|
|
<img alt="Sign the Guestbook!" src="/Pictures/guest.gif">
|
|
</a>
|
|
</div>
|
|
<br>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
</div>
|
|
<div class="inner">
|
|
<p>You are visitor number <%= $count %>.</p>
|
|
</div>
|
|
<div class="outer">
|
|
+--------------------------+<br>
|
|
<br>
|
|
</div>
|