Skip to content

Commit

Permalink
Info changed
Browse files Browse the repository at this point in the history
  • Loading branch information
devalexqt committed Dec 10, 2014
1 parent f0ff7a0 commit 5815e41
Show file tree
Hide file tree
Showing 16 changed files with 105 additions and 76 deletions.
Binary file added js-page-manager.zip
Binary file not shown.
36 changes: 36 additions & 0 deletions www/css/font.less
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../font/SourceSansPro-Light-300.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../font/SourceSansPro-Regular-400.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../font/SourceSansPro-Semibold-600.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../font/SourceSansPro-Bold-700.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 300;
src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(../font/SourceSansPro-LightIt-300.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(../font/SourceSansPro-It-400.woff) format('woff');
}
2 changes: 1 addition & 1 deletion www/css/page-manager.less
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
background: black;
color: rgb(236, 240, 241);
font-size: 16px;
font-weight: 400;
font-weight: 300;
cursor: default;
overflow: hidden;

Expand Down
14 changes: 3 additions & 11 deletions www/css/style.less
Original file line number Diff line number Diff line change
@@ -1,19 +1,11 @@
//less
@import (less) "css/font.less";
@import (less) "css/page-manager.less";
//colors
@color-green2: rgb(57,202,108);
@color-metal:rgba(117, 149, 164,1.0);//background
@color-metal-line:rgba(117, 149, 164,0.5);

//fonts

// @font-face {
// font-family: 'Source Sans Pro';
// font-style: normal;
// font-weight: 300;
// src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("../font/Source Sans Pro.woff") format('woff');
// }

@font:"Source Sans Pro", sans-serif;
//menu
@menu-width:200px;
Expand Down Expand Up @@ -64,7 +56,7 @@ body{
padding: 0;
margin: 0;
font-family:@font;
font-weight: 500;
font-weight: 300;
overflow: hidden;
-webkit-user-select: none; /* Chrome all / Safari all ; NOT SELECTABLE TEXT!!!*/
-moz-user-select: none; /* Firefox all */
Expand Down Expand Up @@ -93,7 +85,7 @@ body{
color: @page-header-text-color;
line-height: @page-header-height;
font-size: 20px;
font-weight: 500;
font-weight: 400;
}
.page-header-button{
width: 40px;
Expand Down
Binary file added www/font/SourceSansPro-Bold-700.woff
Binary file not shown.
Binary file added www/font/SourceSansPro-It-400.woff
Binary file not shown.
File renamed without changes.
Binary file added www/font/SourceSansPro-LightIt-300.woff
Binary file not shown.
Binary file added www/font/SourceSansPro-Regular-400.woff
Binary file not shown.
Binary file added www/font/SourceSansPro-Semibold-600.woff
Binary file not shown.
12 changes: 12 additions & 0 deletions www/fragments/remote-debuger.swig
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{#
Enable remote debuger for mobile deviloping.
weinre --boundHost 192.168.1.111
#}
<script type="text/javascript">
window.onerror=function(msg, url, line, col, error){
console.log("Error: " + msg + "\nurl: " + url + "\nline: " + line + extra)
alert("Error: " + msg + "\nurl: " + url + "\nline: " + line + extra)
}
</script>
<script src="http://192.168.1.111:8080/target/target-script-min.js#anonymous"></script>

76 changes: 12 additions & 64 deletions www/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,79 +5,27 @@
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=mdpi" />

<!--
Enable remote debuger
<script type="text/javascript">
window.onerror=function(msg, url, line, col, error){
console.log("Error: " + msg + "\nurl: " + url + "\nline: " + line + extra)
alert("Error: " + msg + "\nurl: " + url + "\nline: " + line + extra)
}
</script>
<script src="http://192.168.1.111:8080/target/target-script-min.js#anonymous"></script>
-->

<!-- <link rel="stylesheet" type="text/css" href="css/page-manager.css" />
--> <link rel="stylesheet" type="text/css" href="css/style.css" />


<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:500,300' rel='stylesheet' type='text/css'>

{#
{% include "./fragments/remote-debuger.swig" %}
#}

<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:500,300' rel='stylesheet' type='text/css'>
-->
<!-- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic' rel='stylesheet' type='text/css'> -->
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/page-manager.js"></script>


</head>

<body onload="initPage()">

<div id="page-display-id"></div><!--all pages will be displayed here-->
<div id="page-stack-id"><!--hidden pages container-stack-->

<div class="page" id="page-main-id">
<div class="page-header">
<div class="page-header-button header-button-menu" onclick="PageManager.showMenu()"></div>
<div class="page-header-title">Main Page</div>
</div><!--page-header-->
<div class="page-content">
<p><b>Main Page</b></p>
PageManager it's Javascript page system management in browser. Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
PageManager it's Javascript page system management in browser. Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
</div><!--page-content-->>
</div><!--page-main-->

<div class="page" id="page-about-id">
<div class="page-header">
<div class="page-header-button header-button-back" onclick="PageManager.hideMenu()"></div>
<div class="page-header-title">About</div>
</div><!--page-header-->
<div class="page-content">
Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
<p/>
<input type="button" onclick="PageManager.showPage('page-purchase-id',null)" value="SHOW PURCHASE"></input>
</div><!--page-content-->>
</div><!--page-about-->

<div class="page" id="page-purchase-id">
<div class="page-header">
<div class="page-header-button header-button-back" onclick="PageManager.hideMenu()"></div>
<div class="page-header-title">Purchase</div>
</div><!--page-header-->
<div class="page-content">
This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
</div><!--page-content-->>
</div><!--page-purchase-->

<!--MENU-->
<div class="page" id="main-menu-id" data-animation="default_menu" onclick="PageManager.hideMenu()">
<div class="menu-container">
<div class="menu-header">Same Menu Header</div><!--menu-header-->
<div class="menu-list">
<div class="menu-list-item menu-list-item-buy" onclick="PageManager.hideMenu(function(){PageManager.showPage('page-purchase-id')});">Purchase full version</div>
<div class="menu-list-item menu-list-item-about" onclick="PageManager.hideMenu(function(){PageManager.showPage('page-about-id')});">About</div>
</div><!--menu-list-->
</div><!--menu-container-->
</div><!--main-menu-id-->
{% include "./pages/main.html" %}
{% include "./pages/about.html" %}
{% include "./pages/purchase.html" %}
{% include "./pages/main-menu.html" %}
</div><!--page-stack-->


Expand Down
11 changes: 11 additions & 0 deletions www/pages/about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="page" id="page-about-id">
<div class="page-header">
<div class="page-header-button header-button-back" onclick="PageManager.hideMenu()"></div>
<div class="page-header-title">About</div>
</div><!--page-header-->
<div class="page-content">
Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
<p/>
<input type="button" onclick="PageManager.showPage('page-purchase-id',null)" value="SHOW PURCHASE"></input>
</div><!--page-content-->>
</div><!--page-about-->
10 changes: 10 additions & 0 deletions www/pages/main-menu.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<!--MENU-->
<div class="page" id="main-menu-id" data-animation="default_menu" onclick="PageManager.hideMenu()">
<div class="menu-container">
<div class="menu-header">Same Menu Header</div><!--menu-header-->
<div class="menu-list">
<div class="menu-list-item menu-list-item-buy" onclick="PageManager.hideMenu(function(){PageManager.showPage('page-purchase-id')});">Purchase full version</div>
<div class="menu-list-item menu-list-item-about" onclick="PageManager.hideMenu(function(){PageManager.showPage('page-about-id')});">About</div>
</div><!--menu-list-->
</div><!--menu-container-->
</div><!--main-menu-id-->
11 changes: 11 additions & 0 deletions www/pages/main.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<div class="page" id="page-main-id">
<div class="page-header">
<div class="page-header-button header-button-menu" onclick="PageManager.showMenu()"></div>
<div class="page-header-title">Main Page</div>
</div><!--page-header-->
<div class="page-content">
<p><b>Main Page</b></p>
PageManager it's Javascript page system management in browser. Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
PageManager it's Javascript page system management in browser. Simple but powerful script wath work in all modern desktop and mobile browser and allow to create page management in webview. This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
</div><!--page-content-->>
</div><!--page-main-->
9 changes: 9 additions & 0 deletions www/pages/purchase.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<div class="page" id="page-purchase-id">
<div class="page-header">
<div class="page-header-button header-button-back" onclick="PageManager.hideMenu()"></div>
<div class="page-header-title">Purchase</div>
</div><!--page-header-->
<div class="page-content">
This script will be ideal for mobile application that using HTML5 code. With PageManager You can create amazing mobile application just in seconds!
</div><!--page-content-->>
</div><!--page-purchase-->

0 comments on commit 5815e41

Please sign in to comment.