updated UI
This commit is contained in:
115
html/header.html
115
html/header.html
@ -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&o=date">Latest</a></li>
|
||||
<li class="tab"><a href="?action=list&o=rating&s=0&m=20&mr=50">Top 100</a></li>
|
||||
<li class="tab"><a href="?action=list&o=rating&s=0&m=20&mr=50&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 # <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&o=date">Latest</a></li>
|
||||
<li class="tab"><a href="?action=list&o=rating&s=0&m=20&mr=50">Top 100</a></li>
|
||||
<li class="tab"><a href="?action=list&o=rating&s=0&m=20&mr=50&so=reverse">Bottom 100</a></li>
|
||||
<li class="tab"><a href="?action=search">Search</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="body-container">
|
||||
|
Reference in New Issue
Block a user