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

resize test...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-22 20:40:18 +04:00
parent 3f2e4c8ff8
commit 189cfe4666
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index2.html
View File

@ -125,6 +125,21 @@ $(document).ready(function(){
.on('swipeRight', handleSwipeRight) .on('swipeRight', handleSwipeRight)
.on('screenReleased', handleScrollRelease) .on('screenReleased', handleScrollRelease)
// try a way of cheating...
var w = $('.viewer').width()
var h = $('.viewer').height()
$('.content').each(function(_, e){
var e = $(e)
var ew = e.width()
var eh = e.height()
var ratio = ew/eh
e.height(h)
e.width(ratio * h)
})
$('.magazine').css({
'margin-top': -h/2,
height: h,
})
// XXX stub... // XXX stub...
setTransitionEasing($('.magazine'), 'ease-out') setTransitionEasing($('.magazine'), 'ease-out')
@ -151,7 +166,7 @@ $(document).ready(function(){
<!--h1 style="color:gray;font-size:125px;margin-bottom:-35px; margin-top: 160px">PortableMag</h1> <!--h1 style="color:gray;font-size:125px;margin-bottom:-35px; margin-top: 160px">PortableMag</h1>
<h1 style="color:silver; font-size: 20px; margin-left:10px">A suit for publishing portable periodic magazines on mobile platforms.</h1--> <h1 style="color:silver; font-size: 20px; margin-left:10px">A suit for publishing portable periodic magazines on mobile platforms.</h1-->
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg"> <svg width="100%" height="100%" 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>
<title>PortableMag cover</title> <title>PortableMag cover</title>
@ -178,8 +193,8 @@ $(document).ready(function(){
<div class="article"> <div class="article">
<div class="cover page"> <div class="cover page">
<div class="content"> <div class="content" style="">
<h1 name="basics" style="color:gray;font-size:100px;">The Basics...</h1> <h1 name="basics" style="color:gray;font-size:12em;margin-bottom: 0em;">The Basics...</h1>
<big> <big>
<h2>Main features</h2> <h2>Main features</h2>
<ul> <ul>