flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-12-22 19:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

now all navigation in the system is done via #URLs...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-29 19:55:26 +04:00
parent bb1de0f5f4
commit 3929789acc
2 changed files with 35 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -97,14 +97,6 @@ $(document).ready(function(){
//fingers: $.fn.swipe.fingers.THREE //fingers: $.fn.swipe.fingers.THREE
}) })
// XXX do we need these here??
$('.button.cover').swipe({click: goToMagazineCover})
$('.button.toggle-bookmark').swipe({click: function(){toggleBookmark()}})
// XXX for some reason these are not animated...
$('.button.prev-bookmark').swipe({click: prevBookmark})
$('.button.next-bookmark').swipe({click: nextBookmark})
loadState() loadState()
setupNavigator() setupNavigator()
@ -137,10 +129,11 @@ $(document).ready(function(){
<div class="top-toolbar"> <div class="top-toolbar">
<div class="left-set"> <div class="left-set">
<div class="button cover title">PortableMag</div> <div class="button cover title"><a href="#home">PortableMag</a></div>
</div> </div>
<div class="right-set"> <div class="right-set">
<div class="button prev-bookmark"> <div class="button prev-bookmark">
<a href="#prevBookmark">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
@ -148,8 +141,10 @@ $(document).ready(function(){
<path transform="rotate(-180 18.9697 20.1122)" id="svg_13" stroke="#ffffff" d="m20.467497,20.112247l-8.773763,-14.254913l5.778195,0l8.773788,14.254913l-8.773788,14.25491l-5.778195,0l8.773763,-14.25491z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/> <path transform="rotate(-180 18.9697 20.1122)" id="svg_13" stroke="#ffffff" d="m20.467497,20.112247l-8.773763,-14.254913l5.778195,0l8.773788,14.254913l-8.773788,14.25491l-5.778195,0l8.773763,-14.25491z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/>
</g> </g>
</svg> </svg>
</a>
</div> </div>
<div class="button toggle-bookmark"> <div class="button toggle-bookmark">
<a href="#bookmark">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
@ -158,8 +153,10 @@ $(document).ready(function(){
<path stroke="#ffffff" id="svg_4" d="m21.762226,3.651895l8.416584,0l0,14.510554l-4.124887,-2.792193l-4.291697,2.792193l0,-14.510554l0,0z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#ff0000"/> <path stroke="#ffffff" id="svg_4" d="m21.762226,3.651895l8.416584,0l0,14.510554l-4.124887,-2.792193l-4.291697,2.792193l0,-14.510554l0,0z" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" fill="#ff0000"/>
</g> </g>
</svg> </svg>
</a>
</div> </div>
<div class="button next-bookmark"> <div class="button next-bookmark">
<a href="#nextBookmark">
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ --> <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<g> <g>
@ -167,17 +164,19 @@ $(document).ready(function(){
<path stroke="#ffffff" id="svg_11" d="m23.175751,20.132858l-8.773797,-14.254913l5.77823,0l8.773788,14.254913l-8.773788,14.254913l-5.77823,0l8.773797,-14.254913z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/> <path stroke="#ffffff" id="svg_11" d="m23.175751,20.132858l-8.773797,-14.254913l5.77823,0l8.773788,14.254913l-8.773788,14.254913l-5.77823,0l8.773797,-14.254913z" fill-opacity="0" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#afafaf"/>
</g> </g>
</svg> </svg>
</a>
</div> </div>
</div> </div>
</div> </div>
<div class="bottom-toolbar"> <div class="bottom-toolbar">
<!-- this is just an example--> <!-- this is just an example-->
<div class="controls"> <div class="controls">
<a href="#home">Cover</a> | <a href="#home">Cover</a>
<a href="#prevArticle">Previous article</a> | <a href="#prevBookmark">&lt; Bookmark</a>
<a href="#prev">Previous page</a> | <a href="#prevArticle">&lt; Article</a>
<a href="#next">Next page</a> | <a href="#prev" alt="Previous page (Left)">&lt; Pa</a><a href="#next" alt="Next page (Right)">ge &gt;</a>
<a href="#nextArticle">Next article</a> | <a href="#nextArticle">Article &gt;</a>
<a href="#nextBookmark">Bookmark &gt;</a>
<a href="#end">End</a> <a href="#end">End</a>
</div> </div>
<!-- position indicator --> <!-- position indicator -->

1
magazine.css
View File

@ -274,7 +274,6 @@ body {
} }
.top-toolbar .controls, .bottom-toolbar .controls { .top-toolbar .controls, .bottom-toolbar .controls {
margin-top: 10px; margin-top: 10px;
font-size: small;
} }
.top-toolbar { .top-toolbar {
top: 0px; top: 0px;