diff --git a/editor.html b/editor.html deleted file mode 100755 index b8774c4..0000000 --- a/editor.html +++ /dev/null @@ -1,325 +0,0 @@ - - - - -PortableMag - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - -
- -
-

loading...

-
-
- - - - -
-
-
- PortableMag (editor) -
-
-
-
- - - - Previous bookmark (S-Left) - - - - -
-
- - - - Toggle bookmark (B) - - - - - -
-
- - - - Next bookmark (S-Right) - - - - -
-
- - - - Info - - - i - - - - -
-
-
-
- -
- Cover - < Bookmark - < Article - < Page > - Article > - Bookmark > - End -
- -
-
-
-
-
-
0/0
-
- -
-
-
-
-
- - - - - - PortableMag cover - - - - - - - Mag - Portable - - A suit for publishing portable periodic magazines on mobile platforms. - - - - -
-
- - - -
-
-
-

Templates...

- - Magazine title: [MAGAZINE NAME]
- -
[ARTICLE INDEX]
- -
[PAGE NUMBER]
-
-
-
-
-

Two column

-
- Column 1 -
-
- Column 2 -
- -
[PAGE NUMBER]
-
-
-
-
-
-
-
- - - - - diff --git a/index-old.html b/index-old.html deleted file mode 100755 index 32b2090..0000000 --- a/index-old.html +++ /dev/null @@ -1,151 +0,0 @@ - - -layout template - - - - - - - - -
-
-
-
-
-

Page A

-

- The basic actions here are:
-
swipe right – show next page. -
swipe left – show previous page. -
swipe up – show page index. -
swipe down – hide page index. -

-
-
-
-

Page B

-
- -
-
-

Page C

- - - -
-
-

Page D

-
-
- -
-
-
-
- Article A Title -
-
-
-
-
- Article B Title -
-
-
-
-
- Article C Title -
-
-
-
-
- Article D Title -
-
-
-
-
-
- - - diff --git a/layout.css b/layout.css deleted file mode 100755 index d136a9c..0000000 --- a/layout.css +++ /dev/null @@ -1,158 +0,0 @@ -.warning { - font-weight: bold; - font-size: 24px; - color: yellow; - padding-top: 25px; -} - -.animated, -.splash, -.content, -.section, -.button, -.article, -.view { - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - -ms-transition: all 0.2s ease; - transition: all 0.2s ease; -} - - -body { - text-align: center; - margin: 0px; - padding: 0px; - - font-family: Arial; - color: #a7a9ac; -} - -.current.button, .current.article { - color: gray; - font-weight: bold; -} - -.container { - position: relative; - width: 100%; - display: inline-block; -} - -.header, .content, .footer { - position: relative; - width: 100%; - height: auto; -} - - -.section-buttons, .previews { - width: 100%; - font-size: 0px; - white-space: nowrap; - left: 0px; -} - -.section-buttons { - bottom: 0px; - position: absolute; -} - -.button, .article { - display: inline-block; - position: relative; - width: 20%; - cursor: hand; -} - -.button { - height: 35px; - font-size: 20px; - width: 25%; -} - -.viewer { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; -} - -.previews { - display: none; - - position: absolute; - height: auto; - bottom: 0px; - - background-color: white; - opacity: 0.8; -} - -.article { - height: auto; - font-size: 18px; - text-align: left; - - margin: 2.5%; - margin-top: 5%; - margin-bottom: 7%; -} - -.article:first-child { - margin-left: 0px; -} - -.article:last-child { - margin-right: 0px; -} - -.article .preview { - position: relative; - width: 100%; - height: 100px; - background-color: #d1d2d4; -} - -.article .text { - padding: 5px; - padding-top: 10px; -} - -.section { - display: none; - min-height: 400px; - padding: 2.5%; - padding-top: 10px; - padding-bottom: 15px; - opacity: 0; -} - -.section.current { - display: block; - opacity: 1; -} - -.section.main { - padding: 0px; -} - -.view { - position: absolute; - width: 100%; - height: 100%; - left:-100%; - /*opacity: 0;*/ - - background-color: #d1d2d4; -} - -.view.current ~ .view { - left:100%; -} - -.view.current { - left: 0px; - opacity: 1; -} diff --git a/layout.html b/layout.html index 66bc23a..67379ef 100755 --- a/layout.html +++ b/layout.html @@ -140,7 +140,8 @@ $(document).ready(function(){ } } - }, function(k){console.log(k)})) + }, + function(k){console.log(k)})) // expand the templates... runMagazineTemplates()