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)
This commit is contained in:
Gina Trapani
2011-01-23 20:36:49 -08:00
parent 8dfd0f956d
commit 7a662d5cda
10 changed files with 256 additions and 263 deletions

View File

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

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

View File

@@ -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">
<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>
<div id="content">
<br /><br />
<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>
<h2 id="intro">Todo.txt Text-based Task Manager</h2>
<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>
<div id="content">
<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>
<br clear="all"/>
<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>
<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>
To get productive with Todo.txt CLI, use these links:
<p>To get productive with Todo.txt CLI, use these links:</p>
<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://wiki.github.com/ginatrapani/todo.txt-cli">Documentation</a></b>--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://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>&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>&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>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>
<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>
<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>