Todo.txt Touch site update

* Updated icon/favicon
* Removed menu sidebar
* Updated header and description
* Added John Rowley design credit
* Added Android app section to front page
* Updated link to contributors
* Updated Copyright (2011)

css/basic.css

@@ -1,127 +1,122 @@
-code, pre {
+body {
-			background-color:#eee;
+	font-size: 13px;
-}
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
-
+	line-height:17px;
-
+}
-a {
+
-	color : #00008B;
+code, pre {
-}
+			background-color:#eee;
-
+}
-a:hover {
+
-	background-color:#eee;
+
-}
+a {
-
+	color : #00008B;
-a.logo:hover {
+}
-background-color:#fff;
+
-}
+a:hover {
-
+	background-color:#eee;
-a:visited {
+}
-	color : Purple;
+
-}
+a.logo:hover {
-
+background-color:#fff;
-
+}
-body {
+
-	font-size: 13px;
+a:visited {
-	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	color : Purple;
-	line-height:17px;
+}
-}
+
-
+.logo { margin-right:5px;}
-h1 {
+
-	font-size: 20px;
+h1 {
-	margin: 2px 0 15px 0;
+	font-size: 20px;
-}
+	margin: 2px 0 15px 0;
-
+}
-
+
-h1 a { display:none; }
+
-
+h1 a { display:none; }
-h2 {
+
-	text-align: right;
+h2 {
-	font-size: 16px;
+	text-align: left;
-	border-bottom: 1px solid #ccc;
+	font-size: 20px;
-	margin: 0;
+	border-bottom: 1px solid #ccc;
-font-family:Georgia;
+	margin: 0;
-padding-bottom:2px;
+font-family:Courier;
-padding-top:7px;
+padding-bottom:2px;
-}
+padding-top:7px;
-
+}
-h3 {
+
-	font-size: 14px;
+h3 {
-	margin: 5px 2px -10px 8px;
+	font-size: 14px;
-font-family:Georgia;
+	margin: 5px 2px -10px 8px;
-padding-bottom:3px;
+font-family:Georgia;
-
+padding-bottom:3px;
-}
+
-
+}
-h3.news {
+
-color:#999;
+h3.news {
-text-align:right;
+color:#999;
-}
+text-align:right;
-
+}
-hr {
+
-	border: 1px solid Silver;
+hr {
-}
+	border: 1px solid Silver;
-
+}
-img {
+
-	border: 0;
+img {
-}
+	border: 0;
-
+}
-table {
+
-	margin-bottom: 10px;
+table {
-}
+	margin-bottom: 10px;
-
+}
-p {
+
-	margin: 10px 0 10px 8px;
+p {
-}
+	margin: 10px 0 10px 8px;
-
+}
-ul {
+
-	margin-left: 26px;
+ul {
-	padding-left : 0px;
+	margin-left: 26px;
-}
+	padding-left : 0px;
-
+}
-li { 
+
-	 margin-bottom:20px 
+li { 
-}
+	 margin-bottom:20px 
-
+}
-.screen {
+
-	margin: 10px 5px 5px 5px;
+.screen {
-}
+	margin: 10px 5px 5px 5px;
-
+}
-.warning {
+
-	border: 2px solid #CD5C5C;
+.warning {
-	padding: 3px;
+	border: 2px solid #CD5C5C;
-	margin: 10px 0 10px 8px;
+	padding: 3px;
-}
+	margin: 10px 0 10px 8px;
-
+}
-#content {
+
-	margin: 0 0 0 160px;
+#flags {
-	padding: 5px;
+	margin: 5px 0 5px 0;
-	border-left: 1px solid #ccc;
+	float: right;
-}
+}
-
+
-#flags {
+#footer {
-	margin: 5px 0 5px 0;
+	border-top: 1px solid #ccc;
-	float: right;
+	margin-top: 40px;
-}
+}
-
+
-#footer {
+#page {
-	border-top: 1px solid #ccc;
+	margin: 10px auto 5px auto;
-	margin-top: 40px;
+	width: 750px;
-}
+}
-
+
-#menu {
+#menu {
-	float: left;
+	float: left;
-	width: 150px;	
+	width: 256px;	
-	text-align: right;
+	text-align: right;
-	padding: 0 10px 0 0;
+	padding: 0 10px 0 0;
-	font-size: 14px;
+	font-size: 14px;
-}
+}
-
+
-#page {
+#content {
-	margin: 10px auto 5px auto;
+	margin: 0 0 0 0px;
-	width: 750px;
+	padding: 5px;
-}
+}
-
-#wo {
-	display: none;
-}
-

css/lightbox.css

@@ -1,104 +1,104 @@
-#lightbox{
+#lightbox{
-	position: absolute;
+	position: absolute;
-	top: 40px;
+	top: 40px;
-	left: 0;
+	left: 0;
-	width: 100%;
+	width: 100%;
-	z-index: 100;
+	z-index: 100;
-	text-align: center;
+	text-align: center;
-	line-height: 0;
+	line-height: 0;
-	}
+	}
-
+
-#lightbox a img{ border: none; }
+#lightbox a img{ border: none; }
-
+
-#outerImageContainer{
+#outerImageContainer{
-	position: relative;
+	position: relative;
-	background-color: #fff;
+	background-color: #fff;
-	width: 250px;
+	width: 250px;
-	height: 250px;
+	height: 250px;
-	margin: 0 auto;
+	margin: 0 auto;
-	}
+	}
-
+
-#imageContainer{
+#imageContainer{
-	padding: 10px;
+	padding: 10px;
-	}
+	}
-
+
-#loading{
+#loading{
-	position: absolute;
+	position: absolute;
-	top: 40%;
+	top: 40%;
-	left: 0%;
+	left: 0%;
-	height: 25%;
+	height: 25%;
-	width: 100%;
+	width: 100%;
-	text-align: center;
+	text-align: center;
-	line-height: 0;
+	line-height: 0;
-	}
+	}
-#hoverNav{
+#hoverNav{
-	position: absolute;
+	position: absolute;
-	top: 0;
+	top: 0;
-	left: 0;
+	left: 0;
-	height: 100%;
+	height: 100%;
-	width: 100%;
+	width: 100%;
-	z-index: 10;
+	z-index: 10;
-	}
+	}
-#imageContainer>#hoverNav{ left: 0;}
+#imageContainer>#hoverNav{ left: 0;}
-#hoverNav a{ outline: none;}
+#hoverNav a{ outline: none;}
-
+
-#prevLink, #nextLink{
+#prevLink, #nextLink{
-	width: 49%;
+	width: 49%;
-	height: 100%;
+	height: 100%;
-	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
+	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
-	display: block;
+	display: block;
-	}
+	}
-#prevLink { left: 0; float: left;}
+#prevLink { left: 0; float: left;}
-#nextLink { right: 0; float: right;}
+#nextLink { right: 0; float: right;}
-#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
+#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
-#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
-
+
-
+
-#imageDataContainer{
+#imageDataContainer{
-	font: 10px Verdana, Helvetica, sans-serif;
+	font: 10px Verdana, Helvetica, sans-serif;
-	background-color: #fff;
+	background-color: #fff;
-	margin: 0 auto;
+	margin: 0 auto;
-	line-height: 1.4em;
+	line-height: 1.4em;
-	}
+	}
-
+
-#imageData{
+#imageData{
-	padding:0 10px;
+	padding:0 10px;
-	}
+	}
-#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
-#imageData #caption{ font-weight: bold;	}
+#imageData #caption{ font-weight: bold;	}
-#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
-#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
+#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
-		
+		
-#overlay{
+#overlay{
-	position: absolute;
+	position: absolute;
-	top: 0;
+	top: 0;
-	left: 0;
+	left: 0;
-	z-index: 90;
+	z-index: 90;
-	width: 100%;
+	width: 100%;
-	height: 500px;
+	height: 500px;
-	background-color: #000;
+	background-color: #000;
-	filter:alpha(opacity=60);
+	filter:alpha(opacity=60);
-	-moz-opacity: 0.6;
+	-moz-opacity: 0.6;
-	opacity: 0.6;
+	opacity: 0.6;
-	}
+	}
-	
+	
-
+
-.clearfix:after {
+.clearfix:after {
-	content: "."; 
+	content: "."; 
-	display: block; 
+	display: block; 
-	height: 0; 
+	height: 0; 
-	clear: both; 
+	clear: both; 
-	visibility: hidden;
+	visibility: hidden;
-	}
+	}
-
+
-* html>body .clearfix {
+* html>body .clearfix {
-	display: inline-block; 
+	display: inline-block; 
-	width: 100%;
+	width: 100%;
-	}
+	}
-
+
-* html .clearfix {
+* html .clearfix {
-	/* Hides from IE-mac \*/
+	/* Hides from IE-mac \*/
-	height: 1%;
+	height: 1%;
-	/* End hide from IE-mac */
+	/* End hide from IE-mac */
-	}	
+	}	
 	

index.html

@@ -8,7 +8,7 @@
   <meta name="keywords" content="Todo.txt, To do list" />
   <meta name="robots" content="all,follow" />
   <meta name="author" content="Gina Trapani" />
-  <link rel="shortcut icon" href="favicon.ico" />
+  <link rel="shortcut icon" href="favicon.png" />
 <script type="text/javascript" src="js/prototype.js"></script>
 
 <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
@@ -16,7 +16,7 @@
 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 <link type="text/css" rel="stylesheet" href="css/basic.css" title="Basic style" />
 
-  <title>Todo.txt Command Line Interface - Task tracking for CLI lovers</title>
+  <title>Todo.txt: Future-proof task tracking in a file you control</title>
 
 
 
@@ -25,29 +25,18 @@
 
 <div id="page">
 
-  <div id="menu">
+<div id="content">
-	<a href="http://ginatrapani.github.com/todo.txt-cli/" class="logo"><img src="images/todotxt_logo.png" alt="" alt="Todo.txt" /></a>
-  <h1><a href="http://ginatrapani.github.com/todo.txt-cli/" title="Task tracking for command line lovers">Todo.txt CLI</a></h1>
 
-<br /><br />
+<h2 id="intro">Todo.txt Text-based Task Manager</h2>
-<b>Quick Links:</b><br />
-	<a href="http://github.com/ginatrapani/todo.txt-cli/downloads">Downloads</a><br />
-	<a href="http://wiki.github.com/ginatrapani/todo.txt-cli">Documentation</a><br />
-	<a href="http://groups.yahoo.com/group/todotxt/" title="Mailing List">Mailing List</a>
 
+<a href="/" class="logo"><img src="images/todotxt_logo_2011.png" alt="" alt="Todo.txt" align="left" style="margin-right:15px;margin-bottom:15px;margin-top:15px"/></a>
+<p>Future-proof your todo list and store it in a text file YOU control. Countless apps and sites store your tasks in their own proprietary database and file format. But you can open a todo.txt file with every text editor under the sun, regardless of operating system or vendor.  That's why a todo.txt file is the discerning nerd's task manager of choice.</p>
+<p>If you've got a file called <code>todo.txt</code> on your computer right now, you're in the right place. You don't have to launch a full-blown text editor every single time you add or update an item on your to-do list. Use the Todo.txt CLI and the Todo.txt Touch mobile app listed here instead.</p>
+<p>These Todo.txt helper tools make it easy to add, update and prioritize tasks, tag them with project names and contexts, search, filter, and most importantly, mark your todo's done. </p>
 
-  </div>
+<br clear="all"/>
-  <div id="content">
+<h2 id="screencast">Todo.txt CLI (Command Line Interface)</h2>
-
+<p>With a simple but powerful shell script called <code>todo.sh</code>, you can interact with <code>todo.txt</code> at the command line for quick and easy, Unix-y access.</p>
-<div id="wo">A plain text task manager</div>
-
-<h2 id="intro">The Todo.txt Command Line Interface (CLI)</h2>
-
-<p>If you've got a file called <code>todo.txt</code> on your computer right now, you're in the right place. Countless software applications and web sites can manage your to-do list with all sorts of bells and whistles. But if you don't want to depend on someone else's data format or someone else's server, a plain text file is the way to go.</p>
-<p>Problem is, you don't want to launch a full-blown text editor every time you need to add an item to your to-do list, or mark one that's already there as complete. With a simple but powerful shell script called <code>todo.sh</code>, you can interact with <code>todo.txt</code> at the command line for quick and easy, Unix-y access.</p>
-
-<h2 id="screencast">How It Works</h2>
-
 <p>Here's a screencast of <code>todo.sh</code> in action.</p>
 
 <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="498" id="csSWF">
@@ -82,27 +71,36 @@
             </object></p>
 
 
-<h2 id="support">Quick Links</h2>
+<p>To get productive with Todo.txt CLI, use these links:</p>
-
-To get productive with Todo.txt CLI, use these links:
 
 <ul>
-	<li><b><a href="http://github.com/ginatrapani/todo.txt-cli/downloads">Downloads</a></b>--download the latest stable version of Todo.txt CLI</li>
+	<li><b><a href="http://github.com/ginatrapani/todo.txt-cli/downloads">Downloads</a></b>&mdash;download the latest stable version of Todo.txt CLI</li>
-	<li><b><a href="http://wiki.github.com/ginatrapani/todo.txt-cli">Documentation</a></b>--find out how to use Todo.txt CLI</li>
+	<li><b><a href="http://wiki.github.com/ginatrapani/todo.txt-cli">Documentation</a></b>&mdash;find out how to use Todo.txt CLI</li>
-	<li><b><a href="http://groups.yahoo.com/group/todotxt/" title="Mailing List">Mailing List</a></b>--get support or make feature requests</li>
+	<li><b><a href="http://groups.yahoo.com/group/todotxt/" title="Mailing List">Mailing List</a></b>&mdash;get support or make feature requests</li>
 </ul>
 
+<h2 id="support">Todo.txt Touch for Android</h2>
 
-<h2 id="author">Author</h2>
+<img src="http://chart.apis.google.com/chart?cht=qr&chs=135x135&chl=market://details?id=com.todotxt.todotxttouch" align="right"><p>Typing commands on your mobile phone isn't easy or fun, and neither is syncing files from your phone back to your computer. Currently coupled with <a href="http://dropbox.com">Dropbox</a> (and eventually, other cloud sources) Todo.txt Touch helps you manage your todo.txt on the go and automatically syncs the file to all your devices.</p>
+<p>To use Todo.txt Touch, you'll need a free <a href="http://dropbox.com">Dropbox</a> account. Search for Todo.txt in the Android Market, or scan the barcode on the right to install Todo.txt Touch on your Android device.</p>
+<p>See some screenshots of Todo.txt Touch in action:</p>
+<br clear="all" />
+<img src="images/todotxttouch_splash.png" style="border:solid black 1px;margin:5px"> <img src="images/todotxttouch-tasklistwithmenu.png" style="border:solid black 1px;margin:5px"><br />
+<img src="images/todotxttouch-addtask.png" style="border:solid black 1px;margin:5px"><img src="images/todotxttouch-filterbyproject.png" style="border:solid black 1px;margin:5px">
 
-<p>Unless otherwise noted, all the todo.txt scripts published herein are authored by <a href="http://ginatrapani.org/" title="Gina Trapani:  The Official Site">Gina Trapani</a> and <a href="http://github.com/ginatrapani/todo.txt-cli/network">other contributors</a> and licensed under the <a href="http://www.gnu.org/copyleft/gpl.html">GNU General Public License</a>.</p>
+<p>Like Todo.txt CLI, Todo.txt Touch is open source. Browse and submit a patch to the app's <a href="https://github.com/ginatrapani/todo.txt-touch">source code on GitHub</a>. See a list of <a href="https://github.com/ginatrapani/todo.txt-touch/issues">upcoming features</a> in the project issue tracker. <a href="http://groups.yahoo.com/group/todotxt/">Get in touch with the Todo.txt community</a> if you're interested in helping to port Todo.txt Touch to iOS or another mobile platform.</p>
-<p>Scripts and text originally published as an ongoing series at <a href="http://lifehacker.com/tag/todo.txt/">Lifehacker.com</a>.  Special thanks to all the Lifehacker readers who <a href="http://lifehacker.com/software/top/geek-to-live--readerwritten-todotxt-manager-173018.php">contributed to Todo.sh</a> by fixing code, adding features, reporting bugs and making suggestions.</p>
+
+<h2 id="author">Authors</h2>
+
+<p>Unless otherwise noted, all the todo.txt tools published herein are authored by <a href="http://ginatrapani.org/" title="Gina Trapani:  The Official Site">Gina Trapani</a> and Todo.txt <a href="https://github.com/ginatrapani/todo.txt-cli/contributors">community</a> <a href="https://github.com/ginatrapani/todo.txt-touch/contributors">members</a> and licensed under the <a href="http://www.gnu.org/copyleft/gpl.html">GNU General Public License</a>.</p>
+<p>The Todo.txt project icon design is by <a href="http://twitter.com/eJohnR">John Rowley</a>.</p>
+<p>The Todo.txt CLI scripts were originally published as an ongoing series at <a href="http://lifehacker.com/tag/todo.txt/">Lifehacker.com</a>.  Special thanks to all the Lifehacker readers who <a href="http://lifehacker.com/software/top/geek-to-live--readerwritten-todotxt-manager-173018.php">contributed to Todo.sh</a> by fixing code, adding features, reporting bugs and making suggestions.</p>
 
 <p>All software comes as is with no warranty.  Do back up your todo.txt before you read another word.  Questions, support and help is available in the <a href="http://groups.yahoo.com/group/todotxt/">Todo.txt Mailing list</a>.</p>
 
-<div id="footer"><p>Copyright &copy; 2009
+<div id="footer"><p>Copyright &copy; 2009-2011
 <a href="http://ginatrapani.org/" title="Gina Trapani:  The Official Site">Gina Trapani</a>.<br /><br />
-Design by <a href="http://www.jasnapaka.com/" title="Pavel Cvrcek: Homepage">Pavel Cvrcek</a>, author of the excellent <a href="http://mozbackup.jasnapaka.com">MozBackup</a>, used with permission.</p></div>
+</p></div>
 
 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
 </script>