Fix app store buttons on small screen; Shorten Text Editor header; Shorten intro text; Add Google Profiles authorship tag; Give Twitter button more horizontal room

This commit is contained in:
Gina Trapani
2012-04-03 08:18:28 -07:00
parent c2c8cce495
commit eba40f37a3
2 changed files with 20 additions and 16 deletions

View File

@@ -100,10 +100,11 @@ margin-top:-50px;
box-shadow: inset 0 15px 10px rgba(0,0,0,0.6); box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 0 15px 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
-moz-box-shadow:inset 0 15px 10px rgba(0,0,0,0.6); -moz-box-shadow:inset 0 15px 10px rgba(0,0,0,0.6);
color:#999;
} }
.footer a { .footer a {
color:white; color:#eee;
font-weight:normal; font-weight:normal;
} }
@@ -111,9 +112,10 @@ margin-top:-50px;
.footer.footer-btm { .footer.footer-btm {
background:#151515; background:#151515;
border-top: 1px solid #222; border-top: 1px solid #222;
color:#555; color:#999;
} }
/* Responsive */
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;

View File

@@ -23,11 +23,13 @@
<a href="" title="Todo.txt"><img src="images/todotxt_logo_2011.png" alt="Todo.txt" width="100" style="float:left;margin-right:10px"/></a> <a href="" title="Todo.txt"><img src="images/todotxt_logo_2011.png" alt="Todo.txt" width="100" style="float:left;margin-right:10px"/></a>
<h1><a href="">Todo.txt</a></h1> <h1><a href="">Todo.txt</a></h1>
<h2>If you want to get it done, first write it down.</h2> <h2>If you want to get it done, first write it down.</h2>
<br style="clear:both">
</div> </div>
<div class="span4"> <div class="span2">
<p><a href="http://itunes.apple.com/us/app/todo.txt-touch/id491342186?ls=1&mt=8" title="Available on the App Store"><img src="images/app-store-available.png" alt="Available on the App Store"></a> <a href="http://itunes.apple.com/us/app/todo.txt-touch/id491342186?ls=1&mt=8" title="Available on the App Store"><img src="images/app-store-available.png" alt="Available on the App Store" style="margin-bottom:5px" width="170"></a>
<a href="https://play.google.com/store/apps/details?id=com.todotxt.todotxttouch&hl=en" title="Android app on Google Play"><img src="images/app-store-google-available.png" alt="Android app on Google Play"></a> </div>
</p> <div class="span2">
<a href="https://play.google.com/store/apps/details?id=com.todotxt.todotxttouch&hl=en" title="Android app on Google Play"><img src="images/app-store-google-available.png" alt="Android app on Google Play" style="margin-bottom:5px" width="170"></a>
</div> </div>
</div> </div>
</div> </div>
@@ -38,15 +40,15 @@
<div class="span12"> <div class="span12">
<span class="hidden-phone"><img src="images/todotxt-apps_lrg.png" alt="Todo.txt apps" width="768" style="float:right;margin-bottom:5px"/></span> <span class="hidden-phone"><img src="images/todotxt-apps_lrg.png" alt="Todo.txt apps" width="768" style="float:right;margin-bottom:5px"/></span>
<h3>If you have a file called todo.txt on your computer right now, you're in the right place.</h3> <h3>If you have a file called todo.txt on your computer right now, you're in the right place.</h3>
<p>So many power users try dozens of complicated todo list software applications, only to go right back to their trusty todo.txt file. It's simple, straightforward, and readable by every text editor ever made.</p> <p>So many power users try dozens of complicated todo list software applications, only to go right back to their trusty todo.txt file.</p>
<p>But it's not as easy as it should be to open todo.txt, make a change, and save it—especially on your touchscreen device and at the command line. Todo.txt apps solve that problem.</p> <p>But it's not easy to open todo.txt, make a change, and save it—especially on your touchscreen device and at the command line. Todo.txt apps solve that problem.</p>
<h3>Simplicity is todo.txt's core value.</h3> <h3>Simplicity is todo.txt's core value.</h3>
<p>You're not going to find many checkboxes, drop-downs, reminders, or date pickers here.</p> <p>You're not going to find many checkboxes, drop-downs, reminders, or date pickers here.</p>
<p>Todo.txt apps are minimal, todo.txt-focused editors which help you manage your plain text todo list with as few keystrokes and taps possible.</p></div> <p>Todo.txt apps are minimal, todo.txt-focused editors which help you manage your tasks with as few keystrokes and taps possible.</p></div>
</div> </div>
</div> </div>
@@ -55,8 +57,8 @@
<div class="span4"> <div class="span4">
<h2>On Your Phone and Tablet</h2> <h2>On Your Phone and Tablet</h2>
<span class="hidden-phone"><p><img src="images/mobileappsheader.png" alt="Todo.txt mobile apps" /></p></span> <span class="hidden-phone"><p><img src="images/mobileappsheader.png" alt="Todo.txt mobile apps" /></p></span>
<p>Your todo.txt file isn't useful if it's not always at your fingertips. The Todo.txt mobile apps make it easy to view and update your todo list on the go.</p> <p>Your todo.txt file isn't useful if it's not always at your fingertips. The Todo.txt mobile apps make it easy to view and update your tasks on the go.</p>
<p>Currently connected to <a href="http://dropbox.com">Dropbox</a>, Todo.txt Touch helps you manage your todo.txt on your touchscreen mobile device and automatically syncs your changes to all your devices.</p> <p>Currently connected to <a href="http://dropbox.com">Dropbox</a>, Todo.txt Touch helps you manage your todo.txt on your touchscreen mobile device and automatically syncs your changes to all your computers.</p>
<h4>iPhone, iPod touch, and iPad users:</h4> <h4>iPhone, iPod touch, and iPad users:</h4>
<p>Get <a href="http://itunes.apple.com/us/app/todo.txt-touch/id491342186?ls=1&mt=8">Todo.txt Touch in the App Store</a>.</p> <p>Get <a href="http://itunes.apple.com/us/app/todo.txt-touch/id491342186?ls=1&mt=8">Todo.txt Touch in the App Store</a>.</p>
<h4>Android users:</h4> <h4>Android users:</h4>
@@ -78,10 +80,10 @@
</p> </p>
</div> </div>
<div class="span4"> <div class="span4">
<h2>Useful in Every Text Editor Ever Made</h2> <h2>In Any Text Editor</h2>
<p>Countless productivity 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.</p> <p>Countless productivity apps and sites store your tasks in their own proprietary database and file format. But you can work with your todo.txt file in every text editor ever made, regardless of operating system or vendor.</p>
<p>A todo.txt file future-proofs your task list and stores it in a text file YOU control. It isn't dependent on any software or platform to be useful.</p> <p>A todo.txt file future-proofs your task list and stores it in a text file YOU control. It isn't dependent on any software or platform to be useful.</p>
<p>The todo.txt format is <a href="https://github.com/ginatrapani/todo.txt-cli/wiki/The-Todo.txt-Format">a simple set of rules</a> that make todo.txt both human and machine-readable. The todo.txt format supports priorities, creation and completion dates, projects and contexts. That's all you need to be productive.</p> <p>The todo.txt format is <a href="https://github.com/ginatrapani/todo.txt-cli/wiki/The-Todo.txt-Format">a simple set of rules</a> that make todo.txt both human and machine-readable. The format supports priorities, creation and completion dates, projects and contexts. That's all you need to be productive.</p>
<p><a href="todo.txt">See an example Todo.txt file</a>.</p> <p><a href="todo.txt">See an example Todo.txt file</a>.</p>
<h3>Community-built, Community-supported</h3> <h3>Community-built, Community-supported</h3>
<p>These apps are built and maintained by Todo.txt users just like you. We believe in the power of portable file formats, data ownership, and getting things done in plain text.</p> <p>These apps are built and maintained by Todo.txt users just like you. We believe in the power of portable file formats, data ownership, and getting things done in plain text.</p>
@@ -127,7 +129,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="span3 offset9"> <div class="span4 offset8" align="right">
<a href="https://twitter.com/todotxtapps" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @todotxtapps</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <a href="https://twitter.com/todotxtapps" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @todotxtapps</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div> </div>
</div> </div>
@@ -151,7 +153,7 @@
<div class="fill"> <div class="fill">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<p>Copyright &copy; 2006-2012 <a href="http://ginatrapani.org/" title="Gina Trapani">Gina Trapani</a>.</p> <p>Copyright &copy; 2006-2012, <a href="http://ginatrapani.org/" title="Gina Trapani">Gina Trapani</a>.<a style="visibility:hidden;" href="https://plus.google.com/113612142759476883204?rel=author">Gina Trapani</a></p>
</div> </div>
</div> </div>
</div> </div>