Initial commit

Anooj7 · Aug 16, 2014 · 669a4c3 · 669a4c3
1 parent ac8b4b9
commit 669a4c3
Show file tree

Hide file tree

Showing 558 changed files with 72,456 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+config.codekit
+forum
+apps/todo7
+apps/weather7
+apps/Framework7-Contacts7-MVC
+examples/split-view
+examples/split-view-panel
+examples/tab-bar
+plugins/3dpanels
diff --git a/README.md b/README.md
@@ -1,2 +1,5 @@
 Framework7-Website
 ==================
+Framework7's website to use these docs offline
+
+http://www.idangero.us/framework7/
diff --git a/apps/index.html b/apps/index.html
@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Ready To Use Demo Apps</title>
+    <meta property="og:image" content="http://idangero.us/framework7/i/f7-banner.jpg">
+    <link rel="stylesheet" href="../css/normalize.css">
+    <link rel="stylesheet" href="../css/main.css">
+    <link rel="stylesheet" href="../css/highlight.css">
+    <link rel="shortcut icon" href="../favicon.png">
+    <script src="../js/vendor/modernizr-2.7.1.min.js"></script>
+  </head>
+  <body>
+    <header class="inner-header">
+      <div class="center"><a href="../" class="logo"></a>
+        <div class="title-links">
+          <div class="title">Framework7</div>
+          <div class="links-row">
+            <div class="links-label">Project:</div>
+            <div class="links"><a href="https://github.com/nolimits4web/Framework7" target="_blank">Download</a><a href="../plugins/">Plugins</a><a href="../contribute/">Contribute</a><a href="../donate/">Donate</a><a href="https://github.com/nolimits4web/Framework7/blob/master/CHANGELOG.md" target="_blank">Changelog</a>
+            </div>
+          </div>
+          <div class="links-row">
+            <div class="links-label">Learn:</div>
+            <div class="links"><a href="../get-started/">Get Started  </a><a href="../docs/">Docs</a><a href="../tutorials/">Tutorials</a><a href="../forum/">Forum</a>
+            </div>
+          </div>
+          <div class="links-row">
+            <div class="links-label">Apps:</div>
+            <div class="links"><a href="../examples/">Examples</a><a href="../apps/" class="active">Demo Apps</a><a href="../showcase/">Showcase</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <div class="share-line">
+      <div class="center">
+        <div class="share">
+          <!-- AddThis Button BEGIN -->
+          <div class="addthis_toolbox addthis_default_style ">
+          <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
+          <a class="addthis_button_tweet"></a>
+          <a class="addthis_button_twitter_follow_native" tw:screen_name="idangerous"></a>
+          <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
+          <a class="addthis_counter addthis_pill_style"></a>
+          </div>
+          <!-- AddThis Button END -->
+        </div>
+        <div class="github-buttons">
+          <div class="flattr-button"><a target="_blank" href="https://flattr.com/submit/auto?              user_id=nolimits4web&amp;url=http://www.idangero.us/framework7/&amp;title=Framework7&amp;              description=Full Featured HTML Framework For Building iOS Apps&amp;language=en_GB&amp;              tags=api,programming,mobile,framework&amp;category=software"><img src="https://api.flattr.com/button/flattr-badge-large.png"></a></div><iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=nolimits4web&repo=framework7&type=watch&count=true" width="100" height="20"></iframe>
+          <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=nolimits4web&repo=framework7&type=fork&count=true" width="100" height="20"></iframe>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+    </div>
+    <div class="content center">
+      <h1>Ready To Use Demo Apps</h1>
+      <p>On this page you may find ready to use open source apps made with Framework7.</p>
+      <div class="example">
+        <div class="device device-left device-v">
+          <iframe width="320" height="568" scrolling="no" frameborder="0" src="http://dearb.me/hi/build/"></iframe>
+        </div>
+        <div class="info">
+          <h2>hiApp</h2>
+          <div class="example-author">by <a href="http://dearb.me/" target="_blank">Belin Chung</a></div>
+          <p>HiApp is a demo app to show how to use Framework 7 to build a hybrid app. HiApp is also a part of <a href="http://m.hiliaox.com" target="_blank">Hiliao</a>, which is a real working web app.</p>
+          <h4>hiApp Features:</h4>
+          <ul class="app-features">
+            <li><a href="http://requirejs.org/" target="_blank">RequireJS</a> - for file-separated MVC structure </li>
+            <li><a href="https://github.com/janl/mustache.js" target="_blank">Mustache.js</a> as a client side template engine</li>
+          </ul>
+          <p>Open hiApp in new window and pin it to your home screen:</p>
+          <p class="buttons"><a href="http://dearb.me/hi/build/" target="_blank" class="button">Open app in new window</a><a href="https://github.com/BelinChung/HiApp" target="_blank" class="button">Source code</a></p>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+      <div class="example">
+        <div class="device device-left device-v">
+          <iframe width="320" height="568" scrolling="no" frameborder="0" src="./Framework7-Contacts7-MVC/"></iframe>
+        </div>
+        <div class="info">
+          <h2>Contacts7-MVC</h2>
+          <div class="example-author">by <a href="https://github.com/philipshurpik" target="_blank">Philip Shurpik</a></div>
+          <p>Contacts7 shows you example of using beautiful Framework7 in MVC way for building data-driven contacts application. With PhoneGap you can easily convert it to native iOS 7 app.</p>
+          <h4>Contacts7 Features:</h4>
+          <ul class="app-features">
+            <li>App uses <a href="http://requirejs.org/" target="_blank">RequireJS</a> to bring handy file-separated MVC structure </li>
+            <li><a href="http://handlebarsjs.com/" target="_blank">Handlebars.js</a> as a client side template engine</li>
+            <li>Contacts list is sorted by name and by groups dynamically using <a href="http://lodash.com/" target="_blank">Lo-Dash</a></li>
+            <li>Local Storage - all contacts data is stored in Local Storage.</li>
+            <li>Full Screen. Contacts7 is a full screen app (on iOS 7)</li>
+          </ul>
+          <p>Open Contacts7 in new window and pin it to your home screen:</p>
+          <p class="buttons"><a href="./Framework7-Contacts7-MVC/" target="_blank" class="button">Open app in new window</a><a href="https://github.com/philipshurpik/Framework7-Contacts7-MVC" target="_blank" class="button">Source code</a></p>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+      <div class="example">
+        <div class="device device-left device-v">
+          <iframe width="320" height="568" scrolling="no" frameborder="0" src="./weather7/"></iframe>
+        </div>
+        <div class="info">
+          <h2>Weather7</h2>
+          <p>Weather7 is the simple weather webapp that demonstrates how easy to create fully functioning iOS 7 app with Framework7. With PhoneGap you can easily convert it to native iOS 7 app.</p>
+          <h4>Weather7 Features:</h4>
+          <ul class="app-features">
+            <li><strong>Local Storage</strong>. All your personal weather data is stored in Local Storage, so you don't need to add weather locations each time you launch app.</li>
+            <li><strong>Manifest Cache</strong>. Due to Manifest Cache you can still access app without internet connection. You need internet connection only when you need to update weather data.</li>
+            <li><strong>YQL</strong> - fast and easy way to get the required data. Here we use YQL to search locations and get weather data for selected ones.</li>
+            <li><strong>Full Screen</strong>. Weather7 is a full screen app (on iOS 7). Just add it to your home screen to make sure. And the fun part is that with Framework7 you can easily control background color of status bar - click on "+" icon to open search popup and look at status bar.</li>
+          </ul>
+          <p>So Weather7 is a real fully functioning iOS 7 app. Just open it in new window and pin it to your home screen:</p>
+          <p class="buttons"><a href="./weather7/" target="_blank" class="button">Open app in new window</a><a href="https://github.com/nolimits4web/Framework7/tree/master/apps/weather7" target="_blank" class="button">Source code</a></p>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+      <div class="example">
+        <div class="device device-left device-v">
+          <iframe width="320" height="568" scrolling="no" frameborder="0" src="./todo7/"></iframe>
+        </div>
+        <div class="info">
+          <h2>ToDo7</h2>
+          <p>ToDo7 is the incredibly simple "to do" webapp with simple tasks management. ToDo7 demonstrates that you can create fully functioning iOS app with minimal efforts in a few hours. Using PhoneGap you can convert it to native iOS app.</p>
+          <h4>ToDo7 Features:</h4>
+          <ul class="app-features">
+            <li><strong>Local Storage</strong>. All your "to do" tasks are stored in Local Storage, so you don't need to add them each time you launch app.</li>
+            <li><strong>Manifest Cache</strong>. Due to Manifest Cache you can still access app without internet connection. </li>
+            <li><strong>Full Screen</strong>. ToDo7 is also a full screen app (on iOS 7). </li>
+          </ul>
+          <p>So just open it in new window and pin it to your home screen:</p>
+          <p class="buttons"><a href="./todo7/" target="_blank" class="button">Open app in new window</a><a href="https://github.com/nolimits4web/Framework7/tree/master/apps/todo7" target="_blank" class="button">Source code</a></p>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+    </div>
+    <div class="share-line">
+      <div class="center">
+        <div class="share">
+          <!-- AddThis Button BEGIN -->
+          <div class="addthis_toolbox addthis_default_style ">
+          <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
+          <a class="addthis_button_tweet"></a>
+          <a class="addthis_button_twitter_follow_native" tw:screen_name="idangerous"></a>
+          <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
+          <a class="addthis_counter addthis_pill_style"></a>
+          </div>
+          <!-- AddThis Button END -->
+        </div>
+        <div class="github-buttons">
+          <div class="flattr-button"><a target="_blank" href="https://flattr.com/submit/auto?              user_id=nolimits4web&amp;url=http://www.idangero.us/framework7/&amp;title=Framework7&amp;              description=Full Featured HTML Framework For Building iOS Apps&amp;language=en_GB&amp;              tags=api,programming,mobile,framework&amp;category=software"><img src="https://api.flattr.com/button/flattr-badge-large.png"></a></div><iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=nolimits4web&repo=framework7&type=watch&count=true" width="100" height="20"></iframe>
+          <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=nolimits4web&repo=framework7&type=fork&count=true" width="100" height="20"></iframe>
+        </div>
+        <div class="clearfix"></div>
+      </div>
+    </div>
+    <footer>
+      <div class="center">
+        <div class="links"><a href="../">Framework7</a><a href="../contribute/">Contribute</a><a href="../get-started/">Get Started</a><a href="../docs/">Docs</a><a href="../tutorials/">Tutorials</a><a href="../forum/">Forum</a><a href="../examples/">Examples</a><a href="../apps/">Demo Apps</a><a href="../showcase/">Showcase</a></div>
+        <div class="copy">2014 © Framework7 by iDangero.us</div>
+      </div>
+    </footer>
+    <script src="../js/vendor/jquery-1.11.0.min.js"></script>
+    <script src="../js/plugins.js"></script>
+    <script src="../js/main.js"></script>
+    <script>var addthis_config = {"data_track_addressbar":true};</script>
+    <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52c9b0605d63191c"></script>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-13289120-8', 'idangero.us');
+      ga('send', 'pageview');      
+    </script>
+  </body>
+</html>
diff --git a/apps/index.jade b/apps/index.jade
@@ -0,0 +1,79 @@
+extends ../jade/_internal-template
+
+block vars
+  - var activeLink = 'apps';
+  - var title = 'Ready To Use Demo Apps';
+
+block content
+  h1 Ready To Use Demo Apps
+  p On this page you may find ready to use open source apps made with Framework7.
+
+  .example
+    .device.device-left.device-v
+      iframe(width="320", height="568", scrolling="no", frameborder="0", src="http://dearb.me/hi/build/")
+    .info
+      h2 hiApp
+      .example-author by <a href="http://dearb.me/" target="_blank">Belin Chung</a>
+      p HiApp is a demo app to show how to use Framework 7 to build a hybrid app. HiApp is also a part of <a href="http://m.hiliaox.com" target="_blank">Hiliao</a>, which is a real working web app.
+      h4 hiApp Features:
+      ul.app-features
+        li <a href="http://requirejs.org/" target="_blank">RequireJS</a> - for file-separated MVC structure 
+        li <a href="https://github.com/janl/mustache.js" target="_blank">Mustache.js</a> as a client side template engine
+      p Open hiApp in new window and pin it to your home screen:
+      p.buttons 
+        a(href="http://dearb.me/hi/build/", target="_blank").button Open app in new window
+        a(href="https://github.com/BelinChung/HiApp", target="_blank").button Source code
+    .clearfix
+
+  .example
+    .device.device-left.device-v
+      iframe(width="320", height="568", scrolling="no", frameborder="0", src="./Framework7-Contacts7-MVC/")
+    .info
+      h2 Contacts7-MVC
+      .example-author by <a href="https://github.com/philipshurpik" target="_blank">Philip Shurpik</a>
+      p Contacts7 shows you example of using beautiful Framework7 in MVC way for building data-driven contacts application. With PhoneGap you can easily convert it to native iOS 7 app.
+      h4 Contacts7 Features:
+      ul.app-features
+        li App uses <a href="http://requirejs.org/" target="_blank">RequireJS</a> to bring handy file-separated MVC structure 
+        li <a href="http://handlebarsjs.com/" target="_blank">Handlebars.js</a> as a client side template engine
+        li Contacts list is sorted by name and by groups dynamically using <a href="http://lodash.com/" target="_blank">Lo-Dash</a>
+        li Local Storage - all contacts data is stored in Local Storage.
+        li Full Screen. Contacts7 is a full screen app (on iOS 7)
+      p Open Contacts7 in new window and pin it to your home screen:
+      p.buttons 
+        a(href="./Framework7-Contacts7-MVC/", target="_blank").button Open app in new window
+        a(href="https://github.com/philipshurpik/Framework7-Contacts7-MVC", target="_blank").button Source code
+    .clearfix
+  .example
+    .device.device-left.device-v
+      iframe(width="320", height="568", scrolling="no", frameborder="0", src="./weather7/")
+    .info
+      h2 Weather7
+      p Weather7 is the simple weather webapp that demonstrates how easy to create fully functioning iOS 7 app with Framework7. With PhoneGap you can easily convert it to native iOS 7 app.
+      h4 Weather7 Features:
+      ul.app-features
+        li <strong>Local Storage</strong>. All your personal weather data is stored in Local Storage, so you don't need to add weather locations each time you launch app.
+        li <strong>Manifest Cache</strong>. Due to Manifest Cache you can still access app without internet connection. You need internet connection only when you need to update weather data.
+        li <strong>YQL</strong> - fast and easy way to get the required data. Here we use YQL to search locations and get weather data for selected ones.
+        li <strong>Full Screen</strong>. Weather7 is a full screen app (on iOS 7). Just add it to your home screen to make sure. And the fun part is that with Framework7 you can easily control background color of status bar - click on "+" icon to open search popup and look at status bar.
+      p So Weather7 is a real fully functioning iOS 7 app. Just open it in new window and pin it to your home screen:
+      p.buttons 
+        a(href="./weather7/", target="_blank").button Open app in new window
+        a(href="https://github.com/nolimits4web/Framework7/tree/master/apps/weather7", target="_blank").button Source code
+    .clearfix
+  .example
+    .device.device-left.device-v
+      iframe(width="320", height="568", scrolling="no", frameborder="0", src="./todo7/")
+    .info
+      h2 ToDo7
+      p ToDo7 is the incredibly simple "to do" webapp with simple tasks management. ToDo7 demonstrates that you can create fully functioning iOS app with minimal efforts in a few hours. Using PhoneGap you can convert it to native iOS app.
+      h4 ToDo7 Features:
+      ul.app-features
+        li <strong>Local Storage</strong>. All your "to do" tasks are stored in Local Storage, so you don't need to add them each time you launch app.
+        li <strong>Manifest Cache</strong>. Due to Manifest Cache you can still access app without internet connection. 
+        li <strong>Full Screen</strong>. ToDo7 is also a full screen app (on iOS 7). 
+      p So just open it in new window and pin it to your home screen:
+      p.buttons 
+        a(href="./todo7/", target="_blank").button Open app in new window
+        a(href="https://github.com/nolimits4web/Framework7/tree/master/apps/todo7", target="_blank").button Source code
+    .clearfix