adding docs

rodydavis · May 12, 2019 · a2b0673 · a2b0673
1 parent 1bfd76b
commit a2b0673
Show file tree

Hide file tree

Showing 10 changed files with 145 additions and 0 deletions.
diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,107 @@
+<html>
+
+<head>
+   <meta charset="utf-8" />
+   <link rel="icon" type="image/x-icon" href="./favicon.ico" />
+   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+   <title>The Pocket Piano</title>
+   <meta name="viewport" content="width=device-width, initial-scale=1" />
+   <link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
+      rel="stylesheet" type="text/css" />
+   <meta name="description" content="The Pocket Piano is a fully featured piano optimized for all screen sizes." />
+   <meta name="keywords" content="The Pocket Piano,Pocket,Sized,Piano,Full,Sized,Features" />
+   <meta name="og:locale" property="og:locale" content="en_US" />
+   <meta name="og:type" property="og:type" content="website" />
+   <meta name="og:site_name" property="og:site_name" content="The Pocket Piano" />
+   <meta name="og:title" property="og:title" content="The Pocket Piano" />
+   <meta name="og:description" property="og:description" content="Pocket Sized Piano, Full Sized Features" />
+   <meta name="og:image" property="og:image"
+      content="https://s3-us-west-2.amazonaws.com/skygear-cloud-asset/appsite/9ce86fb7-718a-4e11-adf6-86b0e538df14-1.png" />
+   <meta name="og:image:type" property="og:image:type" content="image/png" />
+   <meta name="og:image:width" property="og:image:width" content="1024" />
+   <meta name="og:image:height" property="og:image:height" content="1024" />
+   <link rel="stylesheet" href="static/templates/template4/css/main.min.css" />
+</head>
+
+<body>
+   <div>
+      <div class="dark">
+         <div class="blurred-cover"
+            style="background-color:rgb(249,4,4);background-image:none;filter:none;-webkit-filter:none;"></div>
+      </div>
+      <main id="main">
+         <section id="hero">
+            <div class="hero-container">
+               <div class="row">
+                  <div class="col-sm-6 col-xs-12 text-center"><img class="appsite-icon"
+                        src="https://s3-us-west-2.amazonaws.com/skygear-cloud-asset/appsite/9ce86fb7-718a-4e11-adf6-86b0e538df14-1.png" />
+                  </div>
+                  <div class="col-sm-6 col-xs-12">
+                     <div class="app-content">
+                        <div>
+                           <div class="app-name">The Pocket Piano</div>
+                           <div class="app-tagline">Pocket Sized Piano, Full Sized Features</div>
+                           <div class="app-links"><a class="app-link" id="appleLink"
+                                 href="https://itunes.apple.com/hk/app/the-pocket-piano/id1453992672?mt=8&amp;uo=4"><img
+                                    class="app-icon" src="static/templates/template4/images/badgeappstore.png" /></a><a
+                                 class="app-link" id="googleLink"
+                                 href="https://play.google.com/store/apps/details?id=com.appleeducate.flutter_piano"><img
+                                    class="app-icon" src="static/templates/template4/images/badgegoogleplay.png" /></a>
+                           </div>
+                        </div>
+                     </div>
+                     <footer class="footer">
+                        <div class="container">
+                           <div class="row"><strong style="color:white;padding-right:22px;">The Pocket Piano</strong><a
+                                 class="footer-link" style="color:white;" href="mailto:rody.davis.jr@gmail.com">Contact
+                                 Us</a></div>
+                        </div>
+                     </footer>
+                  </div>
+               </div>
+            </div>
+         </section>
+         <section id="content">
+            <div class="container-fluid app-container">
+               <div class="row fill">
+                  <div class="col-sm-6 col-xs-12">
+                     <div class="phone-container">
+                        <div class="phone-wrapper"><img src="static/templates/template4/images/phoneframe.png"
+                              class="phone-frame" />
+                           <div id="carousel" class="carousel fade" data-ride="carousel">
+                              <div class="carousel-inner">
+                                 <div class="item active"><img
+                                       src="https://s3-us-west-2.amazonaws.com/skygear-cloud-asset/appsite/084adc6d-73c8-410b-8a40-e6480e671348-screenshot.png"
+                                       alt="084adc6d-73c8-410b-8a40-e6480e671348-screenshot.png" /></div>
+                              </div>
+                           </div>
+                        </div>
+                     </div>
+                  </div>
+                  <div class="col-sm-6 col-xs-12">
+                     <div class="content-container">
+                        <div class="content-container-wrapper">
+                           <div class="app-description">
+                              <p>The Pocket Piano is a fully featured piano optimized for all screen sizes.</p>
+                              <p>Features:<br /> - Adjustable key width<br /> - Custom key labels<br /> - Support for
+                                 semantics for assistive screen readers<br /> - Saved settings for every app
+                                 launch<br /> - Loud high quality piano<br /> - iPad support for 2 rows of keys<br /> -
+                                 Octave section to jump to any section<br /> - Disable Scroll<br /> - Haptic Feedback on
+                                 key press</p>
+                              <p>Award winning app for the 2019 Flutter Create Contest!</p>
+                           </div>
+                        </div>
+                     </div>
+                  </div>
+               </div>
+            </div>
+         </section>
+      </main>
+   </div>
+   <div>
+      <script src="static/templates/template4/js/main.min.js"></script>
+   </div>
+   <script src="static/templates/analytics/analytics.js"></script>
+</body>
+
+</html>
diff --git a/docs/static/templates/template4/css/main.min.css b/docs/static/templates/template4/css/main.min.css
diff --git a/docs/static/templates/template4/images/badgeappstore.png b/docs/static/templates/template4/images/badgeappstore.png
diff --git a/docs/static/templates/template4/images/badgegoogleplay.png b/docs/static/templates/template4/images/badgegoogleplay.png
diff --git a/docs/static/templates/template4/images/phoneframe.png b/docs/static/templates/template4/images/phoneframe.png
diff --git a/docs/static/templates/template4/images/screenshot1.jpg b/docs/static/templates/template4/images/screenshot1.jpg
diff --git a/docs/static/templates/template4/images/screenshot2.jpg b/docs/static/templates/template4/images/screenshot2.jpg
diff --git a/docs/static/templates/template4/images/spendable.png b/docs/static/templates/template4/images/spendable.png
diff --git a/docs/static/templates/template4/js/main.min.js b/docs/static/templates/template4/js/main.min.js