kirsle.net/www/designs/starburst/index.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 &copy; 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>
&#0187; <a href="#">Homepage</a><br>
&#0187; <a href="#about">About Me</a><br>
&#0187; <a href="#profile;user=kirsle">Contact Me</a><br>
&#0187; <a href="#photos">Photo Albums</a><br>
&#0187; <a href="#guestbook">Guestbook</a>
<div class="subsection">Categories</div>
$blogtags
<div class="section">Creativity</div>
&#0187; <a href="#rendering">3D Renderings</a><br>
&#0187; <a href="#flash">Flash Animation</a><br>
&#0187; <a href="#javascript">JavaScripts</a><br>
&#0187; <a href="#fonts">TrueType Fonts</a><br>
&#0187; <a href="#metacity">Metacity</a><br>
&#0187; <a href="#tutorials">Tutorials</a><br>
&#0187; <a href="#vault">The Vault</a>
<div class="section">Software</div>
&#0187; <a href="#rivescript">RiveScript</a><br>
&#0187; <a href="#errorgen">Error Generator</a><br>
&#0187; <a href="#tkcalc">Tk Calculator</a><br>
&#0187; <a href="#terminal">Terminal Utilities</a><br>
&#0187; <a href="#pccc">CyanChat Client</a><br>
&#0187; <a href="#software">More...</a>
<div class="section">Web Tools</div>
&#0187; <a href="/wizards/fader.cgi">Text Fader Tool</a><br>
&#0187; <a href="/wizards/distance.cgi">Distance Calc</a><br>
&#0187; <a href="/wizards/translator.html">Azulian Encoder</a><br>
&#0187; <a href="/wizards/xbmask.cgi">XBM Masks</a>
<div class="section">Articles</div>
&#0187; <a href="#ubuntu">To Ubuntu</a><br>
&#0187; <a href="#acer">Aspire 5050</a><br>
&#0187; <a href="#linux">Why Linux?</a><br>
&#0187; <a href="#facebook">Facebook</a>
<div class="section"><img src="starburst/gmail.png" alt="GMail" title="GMail" width="53" height="16"></div>
&#0187; <a href="#http://mail.google.com/a/cuvou.net">Check E-Mail</a><br>
&#0187; <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>
&#0164; <a href="#stat.traffic" style="text-decoration: underline; font-weight: normal">
Traffic Stats</a><br>
&#0164; <a href="#stat.referer" style="text-decoration: underline; font-weight: normal">
HTTP Referrers</a><br>
&#0164; <a href="#stat.ua" style="text-decoration: underline; font-weight: normal">
User Agents</a><br>
&#0164; <a href="#stat.os" style="text-decoration: underline; font-weight: normal">
Operating Systems</a><br>
&#0164; <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>