rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="description" content="Literature Videos" />
<meta name="language" content="en" />
<title>yourdomain.com</title>
<link rel="stylesheet" href="base_style.css" /> </head>
<body>
<h1 id="top_logo"><a href="index.php"><img src="images/litclipie.png" class="center" alt="LitClip" /></a></h1><form class="search" action="sredir.php">Search: <input type="text" name="term" size="20" maxlength="100" /><br />Videos: <input type="radio" value="videos" name="type" checked="checked" /> News: <input type="radio" value="news" name="type" /> </form><div id="menu"><ul class="mainul"><li><img src="images/house.png" alt="" /><a href="http://71.65.3.1/fun/index.php">Home</a></li><li><img src="images/chat.png" alt="" /><a href="http://71.65.3.1/fun/news.php">News</a></li><li><img src="images/video.png" alt="" /><a href="http://71.65.3.1/fun/videos.php">Videos</a></li><li><img src="images/favorite.png" alt="" /><a href="http://71.65.3.1/fun/index.php">Popular</a></li><li><img src="images/kate.png" alt="" /><a href="http://71.65.3.1/fun/index.php">Blog</a></li><li><img src="images/about.png" alt="" /><a href="http://71.65.3.1/fun/faq.php">FAQ</a></li><li><img src="images/help.png" alt="" /><a href="http://71.65.3.1/fun/about.php">About</a></li></ul></div><div id="firstwrap"><div id="secondwrap"><div id="sidepanel">
<div class="sideheader"></div>
<div class="sidecontent">
<script src="include/togglediv_ie.js" type="text/javascript" ></script>
<ul>
<li>
<h2 class="center">Quick Links</h2>
<hr />
<ul><li><a href="http://71.65.3.1/fun/index.php">Home</a></li><li><a href="http://71.65.3.1/fun/index.php">Videos</a></li><li><a href="http://71.65.3.1/fun/news.php">News</a></li><li><a href="javascript:togglePane('logpane')">Log In</a></li></ul></li></ul> <div id="logpane" class="login" style="display:none"> <form action="index.php" method="post">
Username:<input type="text" name="user" size="10" /><br />
Password:<input type="password" name="pass" size="10" /><br />
<input type="submit" value="Login" />
</form></div><ul><li>
<div class="center">
<a href="javascript:toggleDiv('side0')">Recent</a>
</div>
<hr />
<div id="side0" class="newsitem">
<br /><div id="recpage1">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Test2" class="imgprev" />
<br />Test2 (05:54)</a></li><li><a href="index.php"><img src="images/thumb2.png" alt="Jason Test" class="imgprev" />
<br />Jason Test (05:24)</a></li><li><a href="javascript:swapPane('recpage2','recpage1')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="recpage2" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb1.png" alt="Corey Flynn" class="imgprev" />
<br />Corey Flynn (00:20)</a></li><li><a href="http://www.microsoft"><img src="images/thumb1.png" alt="Bill Gates" class="imgprev" />
<br />Bill Gates (11:06)</a></li><li><a href="javascript:swapPane('recpage1','recpage2')" class="warning"><img src="images/back.gif" alt="Prev__" /></a><a href="javascript:swapPane('recpage3','recpage2')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="recpage3" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Morgan Flynn" class="imgprev" />
<br />Morgan Flynn (00:10)</a></li><li><a href="javascript:swapPane('recpage2','recpage3')" class="warning"><img src="images/back.gif" alt="Prev__" /></a></li></ul></div></div>
</li><li>
<div class="center">
<a href="javascript:toggleDiv('side1')">Top</a>
</div>
<hr />
<div id="side1" class="newsitem">
<br /><div id="toppage1">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Food People" class="imgprev" />
<br />Food People (02:01)</a></li><li><a href="index.php"><img src="images/thumb1.png" alt="Short One" class="imgprev" />
<br />Short One (00:13)</a></li><li><a href="javascript:swapPane('toppage2','toppage1')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="toppage2" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb3.png" alt="Short12 One" class="imgprev" />
<br />Short12 One (22:23)</a></li><li><a href="index.php"><img src="images/thumb2.png" alt="Long One" class="imgprev" />
<br />Long One (20:13)</a></li><li><a href="javascript:swapPane('toppage1','toppage2')" class="warning"><img src="images/back.gif" alt="Prev__" /></a><a href="javascript:swapPane('toppage3','toppage2')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="toppage3" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb1.png" alt="People Food" class="imgprev" />
<br />People Food (03:41)</a></li><li><a href="javascript:swapPane('toppage2','toppage3')" class="warning"><img src="images/back.gif" alt="Prev__" /></a></li></ul></div></div>
</li><li>
<div class="center">
<a href="javascript:toggleDiv('side2')">Fiction</a>
</div>
<hr />
<div id="side2" class="newsitem">
<br /><div id="fictpage1">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Test2" class="imgprev" />
<br />Test2 (05:54)</a></li><li><a href="index.php"><img src="images/thumb1.png" alt="SJFlynn" class="imgprev" />
<br />SJFlynn (03:45)</a></li><li><a href="javascript:swapPane('fictpage2','fictpage1')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="fictpage2" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb1.png" alt="Soylent Blue" class="imgprev" />
<br />Soylent Blue (00:43)</a></li><li><a href="index.php"><img src="images/thumb1.png" alt="Soylent Green" class="imgprev" />
<br />Soylent Green (03:55)</a></li><li><a href="javascript:swapPane('fictpage1','fictpage2')" class="warning"><img src="images/back.gif" alt="Prev__" /></a><a href="javascript:swapPane('fictpage3','fictpage2')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="fictpage3" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb1.png" alt="SJFlynn" class="imgprev" />
<br />SJFlynn (03:45)</a></li><li><a href="javascript:swapPane('fictpage2','fictpage3')" class="warning"><img src="images/back.gif" alt="Prev__" /></a></li></ul></div></div>
</li><li>
<div class="center">
<a href="javascript:toggleDiv('side3')">Non-Fiction</a>
</div>
<hr />
<div id="side3" class="newsitem">
<br /><div id="nfictpage1">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Jason Test" class="imgprev" />
<br />Jason Test (05:24)</a></li><li><a href="http://www.microsoft"><img src="images/thumb1.png" alt="Bill Gates" class="imgprev" />
<br />Bill Gates (11:06)</a></li><li><a href="javascript:swapPane('nfictpage2','nfictpage1')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="nfictpage2" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Slashie Movie" class="imgprev" />
<br />Slashie Movie (00:25)</a></li><li><a href="index.php"><img src="images/thumb1.png" alt="Awhaaaat?" class="imgprev" />
<br />Awhaaaat? (04:13)</a></li><li><a href="javascript:swapPane('nfictpage1','nfictpage2')" class="warning"><img src="images/back.gif" alt="Prev__" /></a><a href="javascript:swapPane('nfictpage3','nfictpage2')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="nfictpage3" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Morgan Flynn" class="imgprev" />
<br />Morgan Flynn (00:10)</a></li><li><a href="javascript:swapPane('nfictpage2','nfictpage3')" class="warning"><img src="images/back.gif" alt="Prev__" /></a></li></ul></div></div>
</li><li>
<div class="center">
<a href="javascript:toggleDiv('side4')">Poetry</a>
</div>
<hr />
<div id="side4" class="newsitem">
<br /><div id="poetpage1">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb2.png" alt="Purple Cow" class="imgprev" />
<br />Purple Cow (04:11)</a></li><li><a href="index.php"><img src="images/thumb1.png" alt="Fry's Dog" class="imgprev" />
<br />Fry's Dog (06:05)</a></li><li><a href="javascript:swapPane('poetpage2','poetpage1')" class="warning"><img src="images/forward.gif" alt="__Next" /></a></li></ul></div><div id="poetpage2" style="display:none">
<ul class="sideprev"><li><a href="index.php"><img src="images/thumb1.png" alt="Corey Flynn" class="imgprev" />
<br />Corey Flynn (00:20)</a></li><li><a href="javascript:swapPane('poetpage1','poetpage2')" class="warning"><img src="images/back.gif" alt="Prev__" /></a></li></ul></div></div>
</li></ul></div>
<div class="sidefooter">
</div>
</div>
<div id="content">
<h1>Welcome to LitClip: The Video Literary Journal</h1>
<hr /><br />
<h3>What is LitClip?</h3> <!-- Static, not going anywhere -->
<p>We publish video readings of fiction, creative nonfiction, poetry and book excerpts using Flash video technology. Our mission is to enable authors to promote themselves and their works as easily as they could at their local book store. We welcome submissions of both original and previously published works from established and emerging writers. LitClip is published continuously and submissions are accepted year round. We publish a broad range styles and hope to introduce readers to authors as well as their intriguing stories and poems.</p>
<br/>
<!--<ul>
<li>Menubar now extendable through includes (rewrite)</li>
<li>Menubar now shows videos at random</li>
<li>Menubar grabs EXACTLY 5 videos per category provided there are 5 to show</li>
<li>Menubar hooked into mysql database</li>
<li>Search now sorts on most recent first</li>
<li>About page bar moved to match normal bar, re-use same code</li>
<li>Connection code abstracted a little more</li>
<li>Page now viable at 800x600, dont want to alienate 16% of the user base</li>
<li>SQL Injection Protection in place all over</li>
<li>Disabled sql.php until its updated again</li>
<li>Added formatting to search results</li>
<li>Made search not error out if it is directly linked</li>
<li>A little work on the news page</li>
<li>Categorical search working, but hardcoded currently</li>
<li>Added pages to search feature</li>
<li>News upload page works now to make a news page =P</li>
<li>Logins work</li>
</ul>
<br />
<h3>Things left to fix/do</h3>
<ul>
<li>Initiate playing with database
<ul>
<li><s>SQL INJECTION PROTECT</s> CHECK</li>
<li>Minimum search characters (4?)</li>
<li>Put categories into mysql so I can easily enumerate things, its sloppy right now</li>
</ul>
</li>
<li>Talk to dreamhost about specifics on database access, multiusers?</li>
<li>Design simple non-WYSIWYG backeng for shannon to work with for filling out tables</li>
<li>Greyed out image rollover effect</li>
<li>Too many functions sitting around, functions.php time</li>
<li>Move database connections into generic function</li>
<li>Enable page support for news page</li>
<li>Enable simple editor for news page</li>
</ul>
<br />
<h3>Things I need feedback on</h3>
<ul>
<li>Nothing</li>
</ul>-->
</div>
</div>
</div>
<div id="footer">
Copyright © 2007 Jason Smith & Shannon Flynn
</div>
</body>
</html>