From 3bfc10993cf1c17ab44231749301290543e81f83 Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Wed, 23 Jan 2013 17:59:53 +0400 Subject: [PATCH] added more docs and minor tweeks... Signed-off-by: Alex A. Naanou --- index.html | 68 ++++++++++++++++++++++++++++++---------------------- magazine.css | 1 + 2 files changed, 41 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index a8c1b28..5982d39 100755 --- a/index.html +++ b/index.html @@ -128,37 +128,49 @@ $(document).ready(function(){

Magazine Cover

-

Navigation via #URLs

-

The basics

- Page #1
- Named page
-

- Anchor on page #3
- BUG: currently navigation via existing anchors - will break the layout, so use the name attribute - on any other tags (see example). - -

+
+

Finger controls

+
    +
  • Single finger swipe left/right – prev/next page. +
  • Two finger swipe left/right – prev/next article. +
  • Single finger swipe up/down – toggle thumbnail view. +
  • Pinch in/out – go in/out of thumbnail view. +
+

Navigation via #URLs

+

The basics

+ Page #1
+ Named page
+

+ Anchor on page #3
+ BUG: currently navigation via existing anchors + will break the layout, so use the name attribute + on any other tags (see example). + +

+
-

Special anchors

-

These show up in the page URL

- Magazine cover
- Last page
- Thumbnail view
- Toggle a hidden layer
- +
+

Special anchors

+

These show up in the page URL

+ Magazine cover
+ Last page
+ Thumbnail view
+ Toggle a hidden layer
+ -

Relative special anchors

-

These will get replaced by corresponding page numbers in the URL

- Next page
- Previous page
- Next article
- Previous article
+

Relative special anchors

+

These will get replaced by corresponding page numbers in the URL

+ Next page
+ Previous page
+ Next article
+ Previous article
+
- diff --git a/magazine.css b/magazine.css index 42c1dec..a85a036 100755 --- a/magazine.css +++ b/magazine.css @@ -43,6 +43,7 @@ body { text-align: left; position: relative; overflow: visible; + white-space: normal; /* these set the "safe" marks for page content */ width: 800px;