diff --git a/TODO.otl b/TODO.otl index 44d2807..e993892 100755 --- a/TODO.otl +++ b/TODO.otl @@ -5,7 +5,27 @@ | touchdown point. [_] BUG: no drag threshold on excludedElements (TouchSwipe) | stalled... - [_] 75% general todo + [_] 74% general todo + [_] 57% add the following icons to buttons.svg + [X] magazine create + [_] magazine remove + [X] article create + [_] article remove + [X] article shift left + [X] article shift right + [X] page create + [_] page remove + [X] page shift left + [X] page shift right + [_] save + [X] bookmark + [X] < left + [X] > right + [_] (<) left + [_] (>) right + [X] (i) info + [_] (+) new + [_] (x) remove [_] add global credits and copyright page... | list and link all the used software and authors... [_] add default empty state to viewer, magazine and article... diff --git a/lister.css b/lister.css index c408dec..163b235 100755 --- a/lister.css +++ b/lister.css @@ -87,8 +87,22 @@ body { border-left: dashed red 1px; } + + /************************************************** general layout ***/ +.viewer { + position: relative; + background: silver; + + padding-top: 50px; + padding-bottom: 50px; +} + +.magazine { + position: relative; +} + /* magazine article, this can contain a cover and a number of pages */ .article { position: relative; @@ -124,6 +138,25 @@ body { +/******************************************************** toolbars ***/ + +.left-toolbar { + position: fixed; + top: 30px; + left: 30px; + width: 40px; + height: auto; + background: black; + color: white; + + padding: 10px; + + z-index: 9999; + + opacity: 0.7; +} + + /******************************************************* templates ***/ /* XXX split these into seporate files... */ .caption { diff --git a/lister.html b/lister.html index 20d24b2..05c2aa2 100755 --- a/lister.html +++ b/lister.html @@ -44,6 +44,8 @@ $(document).ready(function(){ $('button').attr('disabled', true) + $('#new_mag').click(function(){createBaseMagazine(prompt('Enter a name for the new magazine:'))}) + }) @@ -51,6 +53,138 @@ $(document).ready(function(){
+ +
+ + + + New Magazine + + + + + + + + + + M + + + + +
+ + + + New Article + + + + + + + + + + A + + + + + + + + Shift Article Left + + + + + + + + + A + + + + + + + + Shift Article Right + + + + + + A + + + + +
+ + + + New Page + + + + + + + + + + P + + + + + + + + Shift Page Left + + + + + + + + + P + + + + + + + + Shift Page Right + + + + + + P + + + + +
+ + + + Info + + + i + + + + +
+ +