Skip to content
Browse files

more tweaking and notes

  • Loading branch information...
1 parent 2736d14 commit 8d03403ad0f002e6e51eb9d675f1ccc4b345e3da @alexkingorg committed Jan 28, 2011
Showing with 41 additions and 29 deletions.
  1. +41 −29 index.html
View
70 index.html
@@ -1,26 +1,3 @@
-<!--
-
-Copyright 2011 Alex King, All rights reserved.
-
-TODO:
-
-- styling
- - desktop
- - mobile
-- ability to delete rows (cmd+delete to delete row as well as link)
-- show row numbers
-- auto-scroll rows up
-- html storage to save page locally
-- allow re-ordering of rows?
-
-TEST:
-
-- iPhone
-- Android
-- BlackBerry (6)
-
--->
-
<!DOCTYPE html>
<html>
<head>
@@ -30,13 +7,17 @@
<style type="text/css">
body {
background: #fff;
+ display: block;
font: 14px Helvetica, "Lucida Grande", sans-serif;
+ height: 100%;
max-width: 800px;
margin: auto;
padding: 0;
}
.equations {
+ background: #fff;
margin: 30px 10px;
+ min-height: 80%;
}
.equation {
font-size: 20px;
@@ -69,24 +50,33 @@
width: 30%;
}
.buttons {
- margin: 0 10px;
+ margin: 0 10px 60px;
+ }
+ .legal {
+ bottom: 5px;
+ color: #bbb;
+ display: none;
+ font-size: 11px;
+ margin: 0 10px 10px;
}
</style>
</head>
<body>
<div class="equations">
-<div class="equation">
- <input type="text" class="math">
- <span class="equals">=</span>
- <input type="text" class="result">
-</div>
+ <div class="equation">
+ <input type="text" class="math">
+ <span class="equals">=</span>
+ <input type="text" class="result">
+ </div>
</div>
<p class="buttons"><a href="#" class="new-eq">New</a></p>
+<p class="legal">Copyright &copy; 2011 Alex King. All rights reserved.</p>
+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.caret.min.js"></script>
<script type="text/javascript">
@@ -149,6 +139,7 @@
var $eqs = $('.equation');
$('.equation:first').clone().find(':input').val('').end().appendTo('.equations');
$('.equations').trigger('renumber').find('.equation:last :input:first').focus();
+ $('html, body').animate({scrollTop: $('body').height()}, 800);
return false;
});
$('.equations').bind('renumber', function() {
@@ -176,5 +167,26 @@
});
</script>
+<!--
+
+Copyright 2011 Alex King, All rights reserved.
+
+TODO:
+
+- ability to delete rows (cmd+delete to delete row)
+- ctrl n for new row
+- clear button?
+- pulse effect on a row number when it is inserted by key
+- html storage to save page locally
+- allow re-ordering of rows?
+
+TEST:
+
+- iPhone
+- Android
+- BlackBerry (6)
+
+-->
+
</body>
</html>

0 comments on commit 8d03403

Please sign in to comment.
Something went wrong with that request. Please try again.