torben/kwotes
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

updated UI

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
html/content-addform-thanks.html
View File

@@ -1,2 +1,2 @@
Thank you for adding your kwote, here's a link to it: <a href="?action=show&amp;id=${KWOTE_ID}">#${KWOTE_ID}</a>
Thank you for using Kwotes!<br />
Your quote may be accessed here:&nbsp;<a href="?action=show&amp;id=${KWOTE_ID}">#${KWOTE_ID}</a>.

15
html/content-addform.html
View File

@@ -1,7 +1,8 @@
<div class="search-container">
<form action="${SCRIPT_NAME}" method="POST">
<input type="hidden" name="action" value="doadd" />
<textarea rows="15" cols="60" name="content"></textarea><br />
<input type="submit" value="Submit" />
</form>
</div>
<form action="${SCRIPT_NAME}" method="POST">
<input type="hidden" name="action" value="doadd" />
<div style="margin: 5px;">
<textarea cols="80" rows="20" name="content"></textarea><br />
<input type="submit" value="Submit Quote" />
</div>
</form>

53
html/content-default.html
View File

@@ -1,40 +1,13 @@
<div>
<h3>Welcome</h3>
We need to add some content here, soon! Anyway, this is kwotes. It's
a chat quote database system, with a twist. This chat quote database
is publicly moderated... so ALL of your submissions are accepted, and
it's up to the general public to determine wether or not it's funny...
no stupid moderators who wouldn't know funny if it grabed them by the
asshole and ripped them apart. Anyway, this system has some advantages
over existing systems, here are a few:
<ul>
<li>
You can vote for a quote without it going to a new page and
you losing your place in your current view.
</li>
<li>
The system is publicly moderated so that all submissions are
accepted, submissions that are less than zero for more than
a certain period of time are removed from the system (maybe...)
</li>
<li>
Users may only submit 4 quotes per hour.
</li>
<li>
The system is opensource, you can download the source code
using the link at the bottom of the page. Work is being
done to setup a CVS repository and such.
</li>
<li>
Slim sleek design... all browsers like us :)
</li>
</ul>
We're thinking about creating an egdrop script for auto submiting
quotes to the system, we'll see how that goes :)
</div>
<p> Welcome to Kwotes, a chat quote database system with a twist.
The quotes are publicly moderated, so it's up to YOU to maintain the quality.
All quotes are accepted and if their ranking falls too low for too long, they are deleted.
</p>
This system has advantages over existing systems. Here are a few:
<ul>
<li>You can vote for a quote without it going to a new page--causing you to lose your place in the process.</li>
<li>The system is publicly moderated, so all submissions are accepted. The users determine what is funny!</li>
<li>Users may only submit a limited number of quotes per hour.</li>
<li>A Simple, standards-compliant design that works in all modern browsers(sorry NS4/IE3 users!)</li>
<li>The system is open source. You can download the source code using the link at the bottom of the page.</li>
</ul>

60
html/content-search.html
View File

@@ -1,28 +1,32 @@
<form action="${SCRIPT_NAME}" method="get">
<div class="search-container">
<input type="hidden" name="action" value="list" />
<input type="hidden" name="s" value="0" />
<span>Search:&nbsp;</span><input type="text" name="ss" />&nbsp;<input type="submit" value="Search" />
&nbsp;&nbsp;
Kwotes per page:
<select name="m">
<option value="5">5</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
</select>
&nbsp;&nbsp;
Sort by:
<select name="o">
<option value="date">Date</option>
<option value="rating">Rating</option>
</select>
</div>
</form>
<form action="${SCRIPT_NAME}" method="get">
<input type="hidden" name="action" value="list" />
<input type="hidden" name="s" value="0" />
<div style="margin-left: auto; margin-right: auto; width: 400px;">
<div>
<span style="margin-right: 10px;">Search Text:</span>
<input type="text" size="15" name="ss" /> <input type="submit" value="Search" />
</div>
<span style="margin-right: 10px;">
Sort by:
<select name="o">
<option value="date">Date</option>
<option value="rating">Rating</option>
</select>
</span>
<span>
Per page:
<select name="m">
<option value="5">5</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="100">100</option>
<option value="200">200</option>
</select>
</span>
</div>
</form>

35
html/content-show-kwote.html
View File

@@ -1,19 +1,16 @@
<div class="quote">
<div class="quote-header">
<span><a href="?action=show&amp;id=${KWOTE_ID}">#${KWOTE_ID}</a></span>
<span class="vote-controls">
<a href="?action=hate&amp;kid=${KWOTE_ID}"
onclick="vote(${KWOTE_ID},'hate'); return false;"
id="hate${KWOTE_ID}"
>-</a>
&nbsp;<span id="rating${KWOTE_ID}">${KWOTE_RATING}</span>&nbsp;
<a href="?action=love&amp;kid=${KWOTE_ID}"
onclick="vote(${KWOTE_ID},'love'); return false"
id="love${KWOTE_ID}"
>+</a>
</span>
</div>
<div class="quote-content">
${KWOTE_TEXT}
</div>
</div>
<div class="kwote">
<span class="kwote-id"><a href="?action=show&amp;id=${KWOTE_ID}">#${KWOTE_ID}</a></span>
<span class="vote-controls">
<a href="?action=hate&amp;kid=${KWOTE_ID}"
onclick="vote(${KWOTE_ID},'hate'); return false;"
id="hate${KWOTE_ID}">-</a>
<span id="rating${KWOTE_ID}">${KWOTE_RATING}</span>
<a href="?action=love&amp;kid=${KWOTE_ID}"
onclick="vote(${KWOTE_ID},'love'); return false"
id="love${KWOTE_ID}">+</a>
</span>
<div class="kwote-content">
${KWOTE_TEXT}
</div>
</div>

30
html/footer.html
View File

@@ -1,19 +1,15 @@
</div>
<div class="footer">
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a>
&nbsp;-&nbsp;
<a href="http://sourceforge.net/projects/kwotes/">download the source</a>
&nbsp;-&nbsp;
${KWOTE_COUNT} live kwotes, ${KWOTE_BACKUP_COUNT} deleted kwotes
&nbsp;-&nbsp;
<a href="http://sourceforge.net">
<div class="footer">
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.1</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a>
<a href="http://sourceforge.net/projects/kwotes/">Project Page</a>
<a href="http://sourceforge.net">
<img src="http://sourceforge.net/sflogo.php?group_id=121598&amp;type=1"
width="88"
height="31"
class="sf-logo"
alt="SourceForge.net Logo" /></a>
</div>
width="88" height="31" alt="SourceForge.net!" />
</a>
<span style="float: right;">${KWOTE_COUNT} Live Kwotes, ${KWOTE_BACKUP_COUNT} Deleted Kwotes</span>
</div>
</body>
</html>
</div>
</body>
</html>

115
html/header.html
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">