updated UI
This commit is contained in:
briandilley
parent
1db48ad420
commit
9a1f6b2f0c
@ -1,2 +1,2 @@
|
||||
|
||||
Thank you for adding your kwote, here's a link to it: <a href="?action=show&id=${KWOTE_ID}">#${KWOTE_ID}</a>
|
||||
Thank you for using Kwotes!<br />
|
||||
Your quote may be accessed here: <a href="?action=show&id=${KWOTE_ID}">#${KWOTE_ID}</a>.
|
||||
@ -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>
|
||||
@ -1,40 +1,13 @@
|
||||
<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>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
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>
|
||||
@ -1,28 +1,32 @@
|
||||
<form action="${SCRIPT_NAME}" method="get">
|
||||
<input type="hidden" name="action" value="list" />
|
||||
<input type="hidden" name="s" value="0" />
|
||||
|
||||
<form action="${SCRIPT_NAME}" method="get">
|
||||
<div class="search-container">
|
||||
<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>Search: </span><input type="text" name="ss" /> <input type="submit" value="Search" />
|
||||
|
||||
<span style="margin-right: 10px;">
|
||||
Sort by:
|
||||
<select name="o">
|
||||
<option value="date">Date</option>
|
||||
<option value="rating">Rating</option>
|
||||
</select>
|
||||
</span>
|
||||
|
||||
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>
|
||||
|
||||
|
||||
Sort by:
|
||||
<select name="o">
|
||||
<option value="date">Date</option>
|
||||
<option value="rating">Rating</option>
|
||||
</select>
|
||||
</div>
|
||||
</form>
|
||||
<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>
|
||||
@ -1,19 +1,16 @@
|
||||
<div class="quote">
|
||||
<div class="quote-header">
|
||||
<span><a href="?action=show&id=${KWOTE_ID}">#${KWOTE_ID}</a></span>
|
||||
<span class="vote-controls">
|
||||
<a href="?action=hate&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&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&id=${KWOTE_ID}">#${KWOTE_ID}</a></span>
|
||||
<span class="vote-controls">
|
||||
<a href="?action=hate&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&kid=${KWOTE_ID}"
|
||||
onclick="vote(${KWOTE_ID},'love'); return false"
|
||||
id="love${KWOTE_ID}">+</a>
|
||||
</span>
|
||||
|
||||
<div class="kwote-content">
|
||||
${KWOTE_TEXT}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,19 +1,15 @@
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a>
|
||||
-
|
||||
<a href="http://sourceforge.net/projects/kwotes/">download the source</a>
|
||||
-
|
||||
${KWOTE_COUNT} live kwotes, ${KWOTE_BACKUP_COUNT} deleted kwotes
|
||||
-
|
||||
<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&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>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</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]-->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<script type="text/javascript">
|
||||
<title>${TITLE}</title>
|
||||
|
||||
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);
|
||||
<link rel="stylesheet" type="text/css" href="html/kwotes.css" />
|
||||
|
||||
var ratingElem = document.getElementById("rating"+kid);
|
||||
if (ratingElem) {
|
||||
var html = ratingElem.innerHTML;
|
||||
var rating = parseInt(html)+( (type=="love")?1:-1 );
|
||||
ratingElem.innerHTML = rating;
|
||||
}
|
||||
}
|
||||
<!--[if IE]>
|
||||
<link rel="stylesheet" type="text/css" href="html/kwotes-ie.css" />
|
||||
<![endif]-->
|
||||
|
||||
function hideElementById(id) {
|
||||
var elem = document.getElementById(id);
|
||||
if (elem) {
|
||||
elem.style.display = "none";
|
||||
}
|
||||
}
|
||||
<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);
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<span style="font-weight: bold;">Kwotes.org - The publicly moderated chat quote database</span>
|
||||
var ratingElem = document.getElementById("rating"+kid);
|
||||
if (ratingElem)
|
||||
{
|
||||
var html = ratingElem.innerHTML;
|
||||
var rating = parseInt(html)+( (type=="love")?1:-1 );
|
||||
ratingElem.innerHTML = rating;
|
||||
}
|
||||
}
|
||||
|
||||
<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>
|
||||
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">
|
||||
<div class="direct-form">
|
||||
<span>Kwote #</span>
|
||||
<input type="hidden" name="action" value="show" />
|
||||
<input type="text" name="id" />
|
||||
</div>
|
||||
<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">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user