flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-31 20:10:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated todo...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-01-25 03:25:04 +04:00
parent 6834882ef3
commit 393381d6c4
3 changed files with 82 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
TODO.otl
View File

@ -1,5 +1,59 @@
[_] 35% Priority work [_] 35% Priority work
[_] 50% general todo [_] 50% general todo
try a slightly different layout...
|
| +-page--------------+
| |+-content---+ |
| || | |
| || |<---->|
| || | |
| |+-----------+ |
| +-------------------+
|
|
| Thumbnail view
| +------------+------+
| +------------+\ - - + \ \
| \ \\ \ \ \
| \ \\ \ \ \
| \ \+------------+------+
| +------------+------+
| ^
| +--- margin-right: -X
|
| Full page view
|
| +-screen------------+ +----
| \ +------------+---\--+\
| --\-+\ \ \ \\
| \ \\ \ \ \\
| +-------------------+ \+----
| \+------------+------+
| ----+
|
| NOTE: this is not a good idea if not all the pages have the
| same BG...
|
|
| Here is another approach:
|
| Thumbnail view
| +-page--------------+
| |+-content---+ |
| || | |
| || | |
| |+-----------+ |
| +-------------------+
|
| Full page view
| +-page--------------+
| | +-content---+ |
| | | | |
| | | | |
| | +-----------+ |
| +-------------------+
|
|
[_] make layer default state configurable... [_] make layer default state configurable...
| e.g. setting "shown"/"hidden" classes in HTML and adding | e.g. setting "shown"/"hidden" classes in HTML and adding
| something like a page reset that will restore the default state, | something like a page reset that will restore the default state,

2
index.html
View File

@ -73,6 +73,7 @@ $(document).ready(function(){
return true return true
}, },
excludedElements: '.noSwipe',
fingers: $.fn.swipe.fingers.ALL fingers: $.fn.swipe.fingers.ALL
}) })
@ -200,7 +201,6 @@ $(document).ready(function(){
<div class="page"> <div class="page">
<div class="content"> <div class="content">
<a name="page-3-anchor"></a> <a name="page-3-anchor"></a>
Page
<img src="img.jpg" height="100%"/> <img src="img.jpg" height="100%"/>
</div> </div>
</div> </div>

27
magazine.css
View File

@ -271,6 +271,33 @@ body {
} }
/* templates */
.caption {
display: block;
position: absolute;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
padding: 15px;
color: white;
background: black;
opacity: 0.5;
-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;
}
.caption.hidden {
opacity: 0;
height: 0px;
}
.caption.shown {
opacity: 0.8;
}
/* keep this at the end... */ /* keep this at the end... */