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;">
<input type="hidden" name="action" value="doadd" />
<textarea cols="80" rows="20" name="content"></textarea><br />
<input type="submit" value="Submit Quote" />
<textarea cols="80" rows="20" name="content" style="width: 100%;"></textarea>
<br />
<span style="float: right;">
<input type="submit" value="Submit Quote" />
</span>
<div style="clear: both;"></div>
</div>
</form>
</form>

View File

@ -1,15 +1,18 @@
<p>
 <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.
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.
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>
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>
<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>
<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 at our <a href="http://sourceforge.net/projects/kwotes/">project page</a>.
</li>
</ul>

View File

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

View File

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

View File

@ -1,16 +1,19 @@
<div class="kwote-even">
<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}"
 <div class="kwoteeven">
<a href="?action=show&amp;id=${KWOTE_ID}" class="kwoteid">#${KWOTE_ID}</a>
<span class="votecontrols">
<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}"
<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">
<p>
${KWOTE_TEXT_HTML}
</div>
</div>
</p>
</div>

View File

@ -1,16 +1,19 @@
<div class="kwote-odd">
<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}"
 <div class="kwoteodd">
<a href="?action=show&amp;id=${KWOTE_ID}" class="kwoteid">#${KWOTE_ID}</a>
<span class="votecontrols">
<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}"
<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">
<p>
${KWOTE_TEXT_HTML}
</div>
</div>
</p>
</div>

View File

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

View File

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

View File

@ -1,6 +1,5 @@
<div class="kwote-navigation">
<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>
<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; Previous</a>
&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>
</div>

View File

@ -1,4 +1,3 @@
<div class="kwote-navigation">
<div class="kwotenavigation">
<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>

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>
</div>

View File

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