updated UI

This commit is contained in:
briandilley
2004-10-24 10:14:10 +00:00
parent 1db48ad420
commit 9a1f6b2f0c
7 changed files with 142 additions and 170 deletions

View File

@ -1,61 +1,62 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>${TITLE}</title>
<link rel="stylesheet" type="text/css" href="html/quotes.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="html/quotes-ie.css" />
<![endif]-->
<script type="text/javascript">
function vote(kid,type) {
var img = new Image();
img.src = "?action="+escape(type)
+unescape("%26")+"kid="+escape(kid)
+unescape("%26")+"rnd="+Math.random();
hideElementById("hate"+kid);
hideElementById("love"+kid);
var ratingElem = document.getElementById("rating"+kid);
if (ratingElem) {
var html = ratingElem.innerHTML;
var rating = parseInt(html)+( (type=="love")?1:-1 );
ratingElem.innerHTML = rating;
}
}
function hideElementById(id) {
var elem = document.getElementById(id);
if (elem) {
elem.style.display = "none";
}
}
</script>
</head>
<body>
<div class="container">
<span style="font-weight: bold;">Kwotes.org - The publicly moderated chat quote database</span>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<ul class="tab-list">
<li class="tab"><a href="?">Home</a></li>
<li class="tab"><a href="?action=add">Add</a></li>
<li class="tab"><a href="?action=list&amp;o=date">Latest</a></li>
<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50">Top 100</a></li>
<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50&amp;so=reverse">Bottom 100</a></li>
<li class="tab"><a href="?action=search">Search</a></li>
</ul>
<form action="${SCRIPT_NAME}" method="get">
<div class="direct-form">
<span>Kwote #</span>
<input type="hidden" name="action" value="show" />
<input type="text" name="id" />
</div>
</form>
<title>${TITLE}</title>
<link rel="stylesheet" type="text/css" href="html/kwotes.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="html/kwotes-ie.css" />
<![endif]-->
<script type="text/javascript">
function vote( kid, type )
{
var img = new Image();
img.src = "?action="+escape(type)
+unescape("%26")+"kid="+escape(kid)
+unescape("%26")+"rnd="+Math.random();
hideElementById("hate"+kid);
hideElementById("love"+kid);
var ratingElem = document.getElementById("rating"+kid);
if (ratingElem)
{
var html = ratingElem.innerHTML;
var rating = parseInt(html)+( (type=="love")?1:-1 );
ratingElem.innerHTML = rating;
}
}
function hideElementById( id )
{
var elem = document.getElementById(id);
if (elem) {
elem.style.display = "none";
}
}
</script>
</head>
<body>
<div class="container">
<div style="margin-bottom: 2px;">
<form action="${SCRIPT_NAME}" method="get">
<input type="hidden" name="action" value="show" />
<span class="id-search">Kwote #&nbsp;<input type="text" size="5" /></span>
</form>
<span class="title">Kwotes - For happy goodness!</span>
</div>
<ul class="tab-menu">
<li class="tab"><a href="?">Home</a></li>
<li class="tab"><a href="?action=add">Add</a></li>
<li class="tab"><a href="?action=list&amp;o=date">Latest</a></li>
<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50">Top 100</a></li>
<li class="tab"><a href="?action=list&amp;o=rating&amp;s=0&amp;m=20&amp;mr=50&amp;so=reverse">Bottom 100</a></li>
<li class="tab"><a href="?action=search">Search</a></li>
</ul>
<div class="body-container">