I fucked up, here's the good default template

This commit is contained in:
briandilley 2005-08-15 23:42:16 +00:00
parent 44a3f200a1
commit fe100378f6
12 changed files with 177 additions and 157 deletions

View File

@ -1,7 +1,13 @@
<form action="${SCRIPT_NAME}" method="post">  <form action="${SCRIPT_NAME}" method="post">
<div style="margin: 5px;"> <div style="margin: 5px;">
<input type="hidden" name="action" value="doadd" /> <input type="hidden" name="action" value="doadd" />
<textarea cols="80" rows="20" name="content"></textarea><br /> <textarea cols="80" rows="20" name="content" style="width: 100%;"></textarea>
<br />
<span style="float: right;">
<input type="submit" value="Submit Quote" /> <input type="submit" value="Submit Quote" />
</span>
<div style="clear: both;"></div>
</div> </div>
</form> </form>

View File

@ -1,15 +1,18 @@
<p>  <p>
Welcome to Kwotes, a chat quote database system with a twist. 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. The quotes are publicly moderated, so it's up to <strong>you</strong> to maintain the quality.
All quotes are accepted and if their ranking falls too low for too long, they are deleted. All quotes are accepted and if their ranking falls too low for too long, they are deleted.
To better your kwote browsing experience, visit the <a href="?action=search">search</a> page. To better your kwote browsing experience, visit the <a href="?action=search">search page</a>.
</p> </p>
This system has advantages over existing systems. Here are a few: <p>This system has several advantages over existing systems. Here are a few:</p>
<ul> <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>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>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>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>A Simple, standards-compliant design that works in all modern browsers(sorry NS4/IE4 users!)</li>
<li>The system is open source. You can download the source code using the link at the bottom of the page.</li> <li>
The system is open source. You can download the source code at our <a href="http://sourceforge.net/projects/kwotes/">project page</a>.
</li>
</ul> </ul>

View File

@ -1,4 +1,4 @@
<div class="footer">  <div id="footer">
<span style="float: left;"> <span style="float: left;">
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.1</a> <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://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a>
@ -6,13 +6,12 @@
<a href="Changelog">Changelog</a> <a href="Changelog">Changelog</a>
<a href="javascript:showTemplate('xml');">xml</a> <a href="javascript:showTemplate('xml');">xml</a>
</span> </span>
<span style="float: right;">
${KWOTE_COUNT} Live Kwotes, ${KWOTE_BACKUP_COUNT} Deleted Kwotes <span style="float: right;">${KWOTE_COUNT} Live Kwotes, ${KWOTE_BACKUP_COUNT} Deleted Kwotes</span>
</span>
<span style="float: right; clear: right;"> <span style="float: right; clear: right;">
<a href="http://sourceforge.net"> <a href="http://sourceforge.net">
<img src="http://sourceforge.net/sflogo.php?group_id=121598&amp;type=1" <img src="http://sourceforge.net/sflogo.php?group_id=121598&amp;type=1" alt="SourceForge.net!" />
width="88" height="31" alt="SourceForge.net!" />
</a> </a>
</span> </span>
</div> </div>

View File

@ -3,7 +3,6 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${TITLE}</title> <title>${TITLE}</title>
<link rel="stylesheet" type="text/css" href="${TEMPLATE_DIR}/kwotes.css" /> <link rel="stylesheet" type="text/css" href="${TEMPLATE_DIR}/kwotes.css" />
@ -49,18 +48,17 @@
</head> </head>
<body> <body>
<div class="container"> <div id="container">
<div style="margin-bottom: 2px;"> <form id="searchbox" action="${SCRIPT_NAME}" method="get">
<form action="${SCRIPT_NAME}" method="get">
<div> <div>
<input type="hidden" name="action" value="show" /> <input type="hidden" name="action" value="show" />
<span class="id-search">Kwote #&nbsp;<input type="text" size="5" name="id" id="id" /></span> Kwote #&nbsp;<input type="text" size="5" name="kwoteid" id="kwoteid" />
</div> </div>
</form> </form>
<span class="title">${SITE_NAME} - ${TAG_LINE}</span>
</div>
<ul class="tab-menu"> <h1 id="title">${SITE_NAME} - ${TAG_LINE}</h1>
<ul class="tabmenu">
<li class="tab"><a href="?">Home</a></li> <li class="tab"><a href="?">Home</a></li>
<li class="tab"><a href="?action=add">Add</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=date">Latest</a></li>
@ -69,4 +67,3 @@
<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=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> <li class="tab"><a href="?action=search">Search</a></li>
</ul> </ul>

View File

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

View File

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

View File

@ -11,17 +11,7 @@ body
.kwoteeven, .kwoteodd .kwoteeven, .kwoteodd
{ {
margin: 0px 0px 0px 0px; margin-bottom: 10px;
}
.kwotenavigation
{
margin: 0px 0px 0px 0px;
}
.kwotenavigation a
{
margin: 0px 0px 0px 0px;
} }
.kwoteeven p, .kwoteodd p .kwoteeven p, .kwoteodd p

View File

@ -114,9 +114,8 @@ img
padding-left: 5px; padding-left: 5px;
} }
a.kwoteid .kwoteid:link
{ {
position: relative;
float: left; float: left;
font-size: 0.9em; font-size: 0.9em;
padding-left: 5px; padding-left: 5px;
@ -124,12 +123,7 @@ a.kwoteid
text-decoration: none; text-decoration: none;
} }
a.kwoteid:visited .kwoteid:hover
{
color: #000;
}
a.kwoteid:hover
{ {
color: #f00; color: #f00;
text-decoration: underline; text-decoration: underline;
@ -137,7 +131,6 @@ a.kwoteid:hover
.votecontrols .votecontrols
{ {
position: relative;
float: right; float: right;
font-size: 0.9em; font-size: 0.9em;
padding: 0px; padding: 0px;

View File

@ -1,6 +1,5 @@
<div class="kwote-navigation"> <div class="kwotenavigation">
<a href="?action=list&amp;o=${ORDER}&amp;s=${LAST_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}&amp;minr=${MIN_RATING}&amp;maxr=${MAX_RATING}">&lt; <a href="?action=list&amp;o=${ORDER}&amp;s=${LAST_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}&amp;minr=${MIN_RATING}&amp;maxr=${MAX_RATING}">&lt; Previous</a>
Previous</a>
&nbsp; | &nbsp; &nbsp; | &nbsp;
<a href="?action=list&amp;o=${ORDER}&amp;s=${NEXT_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">Next &gt;</a> <a href="?action=list&amp;o=${ORDER}&amp;s=${NEXT_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">Next &gt;</a>
</div> </div>

View File

@ -1,4 +1,3 @@
<div class="kwotenavigation">
<div class="kwote-navigation">
<a href="?action=list&amp;o=${ORDER}&amp;s=${NEXT_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">Next &gt;</a> <a href="?action=list&amp;o=${ORDER}&amp;s=${NEXT_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">Next &gt;</a>
</div> </div>

View File

@ -1,4 +1,4 @@
<div class="kwote-navigation"> <div class="kwotenavigation">
<a href="?action=list&amp;o=${ORDER}&amp;s=${LAST_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">&lt; Previous</a> <a href="?action=list&amp;o=${ORDER}&amp;s=${LAST_INDEX}&amp;m=${MAX_RETURN}&amp;mr=${MAX_RECORDS}&amp;ss=${SEARCH_STRING}">&lt; Previous</a>
</div> </div>

View File

@ -1,87 +1,115 @@
<form action="${SCRIPT_NAME}" method="get"> <form action="${SCRIPT_NAME}" method="get">
<div style="margin-left: auto; margin-right: auto; width: 450px;"> <div style="margin-top: 5px; margin-bottom: 5px;">
<input type="hidden" name="action" value="list" /> <input type="hidden" name="action" value="list" />
<input type="hidden" name="s" value="0" /> <input type="hidden" name="s" value="0" />
<div class="search-container"> <p>All fields are optional.</p>
All fields are optional. Choosing a random sort order disables paging.
Search keywords can be seperated using a coma.
</div>
<div class="search-container"> <fieldset>
<span class="search-label">Search text:</span> <legend>Search Criteria</legend>
<span class="search-option"><input type="text" size="20" name="ss" /></span>
</div>
<div class="search-container"> <p>
<span class="search-label">Sort by:</span> <label>
<span class="search-option"> Keywords: <input type="text" size="20" name="ss" />
<select name="o"> </label>
<option value="date">Date</option> <br />
<option value="rating">Rating</option> <span class="note">Note: Search keywords can be seperated using a comma.</span>
<option value="random">Random</option> </p>
</select>
</span>
</div>
<div class="search-container"> <p>
<span class="search-label">Sort direction:</span> <label>
<span class="search-option"> With Rating From: <input type="text" size="5" name="minr" />
<select name="so"> </label>
<option value="forward">Descending</option> <label>
<option value="reverse">Ascending</option> to <input type="text" size="5" name="maxr" />
</select> </label>
</span> </p>
</div> </fieldset>
<div class="search-container"> <fieldset>
<span class="search-label">Per page:</span> <legend>Paging/Sorting Options</legend>
<span class="search-option">
<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>
<div class="search-container"> <table>
<span class="search-label">Max results:</span> <tr>
<span class="search-option"> <td style="vertical-align: top;">Sort by:</td>
<select name="mr">
<option value="9999999999">No max</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
</select>
</span>
</div>
<div class="search-container"> <td style="vertical-align: top;">
<span class="search-label">Minimum rating:</span> <label>
<span class="search-option"> <input type="radio" value="date" name="o" checked="checked" /> Date
<input type="text" size="5" name="minr" /> </label>
</span> <br />
</div> <label>
<input type="radio" value="rating" name="o" /> Rating
</label>
<br />
<label>
<input type="radio" value="random" name="o" /> Random
</label>
<br />
</td>
<div class="search-container"> <td style="vertical-align: top;">
<span class="search-label">Maximum rating:</span> <label>
<span class="search-option"> <input type="radio" value="forward" name="so" checked="checked" /> Descending
<input type="text" size="5" name="maxr" /> </label>
</span> <br />
</div> <label>
<input type="radio" value="reverse" name="so" /> Ascending
</label>
<br />
</td>
</tr>
<tr>
<td colspan="3">
<span class="note">Note: Choosing a random sort order disables paging.</span>
</td>
</tr>
</table>
<div class="search-container"> <p>
Results Per Page:<br />
<label>
<input type="radio" value="10" name="m" checked="checked" /> 10
</label>
<label>
<input type="radio" value="25" name="m" /> 25
</label>
<label>
<input type="radio" value="50" name="m" /> 50
</label>
<label>
<input type="radio" value="100" name="m" /> 100
</label>
<label>
<input type="radio" value="9999999999" name="m" /> Show All
</label>
</p>
<p>
Maximum results:<br />
<label>
<input type="radio" value="100" name="mr" checked="checked" /> 100
</label>
<label>
<input type="radio" value="250" name="mr" /> 250
</label>
<label>
<input type="radio" value="500" name="mr" /> 500
</label>
<label>
<input type="radio" value="1000" name="mr" /> 1000
</label>
<label>
<input type="radio" value="9999999999" name="mr" /> Show All
</label>
</p>
</fieldset>
<span style="float: right;">
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</div> </span>
<div style="clear: both;"></div>
</div> </div>
</form> </form>