mirror of
https://github.com/kirsle/kirsle.net
synced 2024-11-15 05:19:29 +00:00
334 lines
10 KiB
HTML
334 lines
10 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
<html>
|
||
|
<head>
|
||
|
<title>Cuvou.com Starburst</title>
|
||
|
<link rel="StyleSheet" media="screen" type="text/css" href="/designs/starburst/screen.css">
|
||
|
<link rel="StyleSheet" media="print" type="text/css" href="/designs/starburst/print.css">
|
||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.cgi">
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<!-- Cuvou.com Main Content -->
|
||
|
<div class="cv-content">
|
||
|
<h1>Cuvou.com Starburst</h1>
|
||
|
|
||
|
This is the Starburst web design for Cuvou.com. This was the second web design
|
||
|
for Cuvou.com, after the original <a href="/designs/lavender">Lavender</a>,
|
||
|
and before <a href="/designs/storm">Storm</a>.
|
||
|
|
||
|
<h1>Header Level 1</h1>
|
||
|
|
||
|
Some text.
|
||
|
|
||
|
<h2>Header Level 2</h2>
|
||
|
|
||
|
And some more text.
|
||
|
|
||
|
<h3>Header Level 3</h3>
|
||
|
|
||
|
And yet more text.
|
||
|
|
||
|
<h4>Header Level 4</h4>
|
||
|
|
||
|
And some more. And also:<p>
|
||
|
|
||
|
<pre>Some p r e f o r m a t t e d
|
||
|
text.</pre>
|
||
|
|
||
|
<div class="copyright">
|
||
|
Web design and content copyright © 2008 Casey Kirsle.<br>
|
||
|
Use content only with permission. <a href="mailto:casey@cuvou.net">Casey@cuvou.net</a>.<br><br>
|
||
|
Powered by <a href="#starburst">Starburst</a> $sbversion
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Cuvou.com top banner, starburst and logo -->
|
||
|
<div class="cv-sash">
|
||
|
<div class="cv-starburst"></div>
|
||
|
<div class="cv-clouds">
|
||
|
<div class="cv-logo">
|
||
|
<a href="#">
|
||
|
<img src="/designs/starburst/logo.png" width="290" height="92"
|
||
|
alt="Cuvou" title="Cuvou">
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Cuvou.com fire row and left navigation bar -->
|
||
|
<div class="cv-fire">
|
||
|
<div class="cv-fireburst"></div>
|
||
|
<div class="cv-navwrapper">
|
||
|
<div class="cv-navbar">
|
||
|
<div class="cv-navcontent">
|
||
|
<div class="cv-navtext">
|
||
|
<div class="section">Cuvou</div>
|
||
|
» <a href="#">Homepage</a><br>
|
||
|
» <a href="#about">About Me</a><br>
|
||
|
» <a href="#profile;user=kirsle">Contact Me</a><br>
|
||
|
» <a href="#photos">Photo Albums</a><br>
|
||
|
» <a href="#guestbook">Guestbook</a>
|
||
|
<div class="subsection">Categories</div>
|
||
|
$blogtags
|
||
|
|
||
|
<div class="section">Creativity</div>
|
||
|
» <a href="#rendering">3D Renderings</a><br>
|
||
|
» <a href="#flash">Flash Animation</a><br>
|
||
|
» <a href="#javascript">JavaScripts</a><br>
|
||
|
» <a href="#fonts">TrueType Fonts</a><br>
|
||
|
» <a href="#metacity">Metacity</a><br>
|
||
|
» <a href="#tutorials">Tutorials</a><br>
|
||
|
» <a href="#vault">The Vault</a>
|
||
|
|
||
|
<div class="section">Software</div>
|
||
|
» <a href="#rivescript">RiveScript</a><br>
|
||
|
» <a href="#errorgen">Error Generator</a><br>
|
||
|
» <a href="#tkcalc">Tk Calculator</a><br>
|
||
|
» <a href="#terminal">Terminal Utilities</a><br>
|
||
|
» <a href="#pccc">CyanChat Client</a><br>
|
||
|
» <a href="#software">More...</a>
|
||
|
|
||
|
<div class="section">Web Tools</div>
|
||
|
» <a href="/wizards/fader.cgi">Text Fader Tool</a><br>
|
||
|
» <a href="/wizards/distance.cgi">Distance Calc</a><br>
|
||
|
» <a href="/wizards/translator.html">Azulian Encoder</a><br>
|
||
|
» <a href="/wizards/xbmask.cgi">XBM Masks</a>
|
||
|
|
||
|
<div class="section">Articles</div>
|
||
|
» <a href="#ubuntu">To Ubuntu</a><br>
|
||
|
» <a href="#acer">Aspire 5050</a><br>
|
||
|
» <a href="#linux">Why Linux?</a><br>
|
||
|
» <a href="#facebook">Facebook</a>
|
||
|
|
||
|
<div class="section"><img src="starburst/gmail.png" alt="GMail" title="GMail" width="53" height="16"></div>
|
||
|
» <a href="#http://mail.google.com/a/cuvou.net">Check E-Mail</a><br>
|
||
|
» <a href="#email">Sign Up</a>
|
||
|
|
||
|
<div class="section">Meta</div>
|
||
|
$userlinks
|
||
|
|
||
|
<p>
|
||
|
<div style="text-align: center">
|
||
|
<a href="http://validator.w3.org/check?uri=referer">
|
||
|
<img src="/designs/starburst/html.png" width="88" height="31" alt="HTML 4.01 Strict">
|
||
|
</a><br>
|
||
|
|
||
|
<a href="http://jigsaw.w3.org/css-validator/">
|
||
|
<img src="/designs/starburst/css.png" width="88" height="31" alt="CSS">
|
||
|
</a><br>
|
||
|
|
||
|
<a href="http://www.perl.org/">
|
||
|
<img src="/designs/starburst/perl.png" width="88" height="31" alt="Powered by Perl">
|
||
|
</a><br>
|
||
|
|
||
|
<a href="http://www.redhat.com/">
|
||
|
<img src="/designs/starburst/redhat.png" width="88" height="31" alt="Powered by Red Hat">
|
||
|
</a><br><br>
|
||
|
|
||
|
<a href="/rss.cgi"><img src="/sb-public/rss28.png" width="28" height="28" alt="RSS"></a>
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<div style="border: 1px solid #000000; background-color: #DDDDDD">
|
||
|
<div style="background-color: #0066FF; color: #FFFFFF; font-weight: bold; text-align: center; border-bottom: 1px solid #000000">
|
||
|
Statistics
|
||
|
</div>
|
||
|
<div style="padding: 2px; font-size: smaller">
|
||
|
Total Hits:
|
||
|
<div style="border: 1px inset #000000; padding: 2px">
|
||
|
<strong>$hitsTDY</strong> today, and<br>
|
||
|
<strong>$hitsTTL</strong> altogether
|
||
|
</div>
|
||
|
|
||
|
Unique Visitors:
|
||
|
<div style="border: 1px inset #000000; padding: 2px">
|
||
|
<strong>$uniqTDY</strong> today, and<br>
|
||
|
<strong>$uniqTTL</strong> altogether
|
||
|
</div>
|
||
|
|
||
|
¤ <a href="#stat.traffic" style="text-decoration: underline; font-weight: normal">
|
||
|
Traffic Stats</a><br>
|
||
|
¤ <a href="#stat.referer" style="text-decoration: underline; font-weight: normal">
|
||
|
HTTP Referrers</a><br>
|
||
|
¤ <a href="#stat.ua" style="text-decoration: underline; font-weight: normal">
|
||
|
User Agents</a><br>
|
||
|
¤ <a href="#stat.os" style="text-decoration: underline; font-weight: normal">
|
||
|
Operating Systems</a><br>
|
||
|
¤ <a href="#popularity" style="text-decoration: underline; font-weight: normal">
|
||
|
File Popularity</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="cv-navbottom"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<script type="text/javascript">
|
||
|
/*
|
||
|
##########################################################
|
||
|
# Hyperlink Editor Script || Copyright 2007 Casey Kirsle #
|
||
|
#--------------------------------------------------------#
|
||
|
# This script makes all offsite links open in a new #
|
||
|
# window, and turns all e-mail links in the format of #
|
||
|
# "name-at-domain.com" into "name@domain.com" #
|
||
|
#--------------------------------------------------------#
|
||
|
# Use content only with permission. Get permission from #
|
||
|
# casey "at" cuvou.org #
|
||
|
##########################################################
|
||
|
*/
|
||
|
// var localAddr = new Array();
|
||
|
// localAddr[0] = "cuvou.com";
|
||
|
// localAddr[1] = "www.cuvou.com";
|
||
|
// localAddr[2] = "cuvou.net";
|
||
|
// localAddr[3] = "www.cuvou.net";
|
||
|
// localAddr[4] = "cuvou.org";
|
||
|
// localAddr[5] = "www.cuvou.org";
|
||
|
// localAddr[6] = "epsilon.cuvou.com";
|
||
|
// localAddr[7] = "dev.cuvou.com";
|
||
|
// localAddr[8] = "www.dev.cuvou.com";
|
||
|
// localAddr[9] = "local.cuvou.com";
|
||
|
// localAddr[10] = "pwn.cuvou.com";
|
||
|
|
||
|
// if (document.getElementsByTagName) {
|
||
|
// var links = document.getElementsByTagName("a");
|
||
|
|
||
|
// for (var i = 0; i < links.length; i++) {
|
||
|
// var loc = links[i].href;
|
||
|
|
||
|
// // Deobfuscate Starburst-encoded e-mail links.
|
||
|
// if (links[i].className == "sb-email") {
|
||
|
// // Rot13-decode everything.
|
||
|
// var parts = links[i].href.split("who=");
|
||
|
// email = rot13(parts[1]);
|
||
|
// var newmail = email.split("+").join("@");
|
||
|
// links[i].href = "mailto:" + newmail;
|
||
|
|
||
|
// // If the label is an e-mail format too, do the same to it.
|
||
|
// var lab = links[i].innerHTML;
|
||
|
// if (lab.indexOf("+") > -1) {
|
||
|
// lab = rot13(lab);
|
||
|
// var newlab = lab.split("+").join("@");
|
||
|
// links[i].innerHTML = newlab;
|
||
|
// }
|
||
|
// }
|
||
|
// else {
|
||
|
// // Continue with link formatting by protocol.
|
||
|
// var parts = loc.split ("/"); // http, null, domain name, request
|
||
|
// var prot = parts[0].split(":");
|
||
|
// var protocol = prot[0];
|
||
|
// protocol.toLowerCase;
|
||
|
// if (protocol == "http" || protocol == "https") {
|
||
|
// // This is an absolute URL.
|
||
|
// var isLocal = 0;
|
||
|
|
||
|
// for (var j = 0; j < localAddr.length; j++) {
|
||
|
// if (parts[2] == localAddr[j]) {
|
||
|
// isLocal = 1;
|
||
|
// }
|
||
|
// }
|
||
|
|
||
|
// if (isLocal == 1) {
|
||
|
// // Local links don't need to be modified.
|
||
|
// }
|
||
|
// else {
|
||
|
// // Remote links need to open in a new window.
|
||
|
// links[i].target = "_blank";
|
||
|
// }
|
||
|
// }
|
||
|
// else if (protocol == "mailto") {
|
||
|
// // MailTo link. See if this isn't a normal link.
|
||
|
// if (loc.indexOf("-at-") > -1) {
|
||
|
// var newhref = loc.split("-at-").join("@");
|
||
|
// links[i].href = newhref;
|
||
|
|
||
|
// // Convert it in the text too.
|
||
|
// if (links[i].innerHTML.indexOf("-at-") > -1) {
|
||
|
// var mailLabel = links[i].innerHTML.split("-at-");
|
||
|
// var newLabel = mailLabel.join ("@");
|
||
|
// links[i].innerHTML = newLabel;
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
// else if (protocol == "msnim") {
|
||
|
// if (loc.indexOf("-at-") > -1) {
|
||
|
// var newhref = loc.split("-at-").join("@");
|
||
|
// links[i].href = newhref;
|
||
|
|
||
|
// // Convert it in the text too.
|
||
|
// if (links[i].innerHTML.indexOf("-at-") > -1) {
|
||
|
// var mailLabel = links[i].innerHTML.split("-at-");
|
||
|
// var newLabel = mailLabel.join ("@");
|
||
|
// links[i].innerHTML = newLabel;
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
// else if (protocol == "xmpp") {
|
||
|
// if (loc.indexOf("-at-") > -1) {
|
||
|
// var newhref = loc.split("-at-").join("@");
|
||
|
// links[i].href = newhref;
|
||
|
|
||
|
// // Convert it in the text too.
|
||
|
// if (links[i].innerHTML.indexOf("-at-") > -1) {
|
||
|
// var mailLabel = links[i].innerHTML.split("-at-");
|
||
|
// var newLabel = mailLabel.join ("@");
|
||
|
// links[i].innerHTML = newLabel;
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
// }
|
||
|
|
||
|
/*
|
||
|
##########################################################
|
||
|
# Rot13 Encoder/Decoder Functions #
|
||
|
##########################################################
|
||
|
*/
|
||
|
|
||
|
// function rot13(txt) {
|
||
|
// var result = '';
|
||
|
|
||
|
// for (var i = 0; i < txt.length; i++) {
|
||
|
// var b = txt.charCodeAt(i);
|
||
|
|
||
|
// // 65 = A 97 = a
|
||
|
// // 77 = M 109 = m
|
||
|
// // 78 = N 110 = n
|
||
|
// // 90 = Z 122 = z
|
||
|
|
||
|
// var isLetter = 0;
|
||
|
|
||
|
// if (b >= 65 && b <= 77) {
|
||
|
// isLetter = 1;
|
||
|
// b += 13;
|
||
|
// }
|
||
|
// else if (b >= 97 && b <= 109) {
|
||
|
// isLetter = 1;
|
||
|
// b += 13;
|
||
|
// }
|
||
|
// else if (b >= 78 && b <= 90) {
|
||
|
// isLetter = 1;
|
||
|
// b -= 13;
|
||
|
// }
|
||
|
// else if (b >= 110 && b <= 122) {
|
||
|
// isLetter = 1;
|
||
|
// b -= 13;
|
||
|
// }
|
||
|
|
||
|
// if (isLetter) {
|
||
|
// result += String.fromCharCode(b);
|
||
|
// }
|
||
|
// else {
|
||
|
// result += txt[i];
|
||
|
// }
|
||
|
// }
|
||
|
|
||
|
// return result;
|
||
|
// }
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
</html>
|