From fd9d9c85231e3b9fc1a40324e37ad874fbf7c9bf Mon Sep 17 00:00:00 2001 From: "Alex A. Naanou" Date: Thu, 31 Jan 2013 22:11:10 +0400 Subject: [PATCH] minor data swap... Signed-off-by: Alex A. Naanou --- lister.html | 444 +++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 437 insertions(+), 7 deletions(-) diff --git a/lister.html b/lister.html index 2aed82a..ae7fea7 100755 --- a/lister.html +++ b/lister.html @@ -42,6 +42,8 @@ $(document).ready(function(){ toggleEditorMode('off') }) + $('button').attr('disabled', true) + }) @@ -51,7 +53,9 @@ $(document).ready(function(){
-
+ + +
+ +
+
+ + + + + + + + + + + + PortableMag Anatomy + + Layer 1 + PortableMag Anatomy + + + + + + + Magazine cover + + Article Cover + + Page + + Page + + Next Article + Magazine + Article + + + + + + Page + + Page Content + (safe area) + + + + + + + + This area might get clipped + + + + + + + + +
+
+
+
+

The Page content has a fixed size...

+
+
+
+
+ + +

Using the content block...

+

+ The content block can contain any HTML. +

+

+ The contents will allways fit the screen, the aspect ratio + of the content block is fixed regardless of the viewer. +

+

+ Contents will not get clipped as long as they are within the block. +

+

+ NOTE: by default the overflow is visible (see next page), so be carefull. +

+
+
+
+
+ +
+

You can still use the full page area...

+

+ Though anything outside the content block can and will get clipped, + depending on viewer aspect ratio... +

+

+ You can see this by resizing the page in browser or rotating the device. +

+
+
+
+

Page Templates

+ home
+
+
+ +
+
+

Two column

+
+ Column 1 +
+
+ Column 2 +
+
+
+
+
+ Page +
+
+
+
+ Page +
+
+
+
+ Page +
+
+
+
+ Page +
+
+
+
+
+
+

Article Cover

+ home
+
+
+ +
+
+ Page +
+
+
+
+ Page
+ home
+
+
+
+
+
+
+

Configuration demo

+ +

+ NOTE: this is not an actual configuration page, just a live demo + of some of the available configuration option effects. +

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Pages in ribbon: + + + + +
+ Fit page to view: + + +
+ Animate window resize: + + +
+ Drag in full page view: + + +
+ Toggle viewer animation (affects transition to and from full page view): + + +
+ Enable different size pages (still flaky): + + +
+ Reset stored data: + + +
+ +
+ +
+ + + + + + + + +
+ Fingers supported: + +
+ Browser info: + +
+ + +
+ go back, or return to magazine cover...
+
+ + + + + + + +