initial commit

Author: housseindjirdeh

.DS_Store

@@ -50,7 +50,7 @@ DEPENDENCIES
   minima (~> 2.0)
 
 RUBY VERSION
-   ruby 2.3.1p112
+   ruby 2.3.3p222
 
 BUNDLED WITH
    1.14.6

Gemfile.lock

@@ -1,16 +1,18 @@
-<a href="https://github.com/tastejs/hacker-news-pwas" class="github-corner" aria-label="View source on Github">
-  {% include github-corner.svg %}
-</a>
-
-<section class="flex-ns vh-100 items-center bg-near-white">
-  <div class="mw6 ph5">
-    <img src="https://hnpwa.com/assets/images/angular2hn-mobile.png"> 
+<article class="vh-100 vh-75-l dt w-100 bg-header bg-primary avenir flex flex-column items-center justify-center">
+  <div class="dtc v-mid tc ph3 ph4-l">
+    <div class="link header-logo br-100 pa4 ba bg-dark-gray h4 w4 dib flex items-center justify-center" href="/">
+      <img class="w4" src="/assets/images/logo-white.png" alt="GitPoint">
+    </div>
   </div>
-  <div class="tc tl-ns ph3 avenir">
-    <h1 class="f3 f1-l fw4 mb3 mt4 mt0-ns">GitPoint</h1>
-    <h2 class="f5 f3-l fw3 mb4 mb5-l lh-title">GitHub for iOS.</h2>
+
+  <div class="flex flex-column items-center justify-center pv1 tc ph4 avenir">    
+    <h1 class="pt3 mb0 f3 f2-m f2-l fw6 tc dark-gray">GitPoint</h1>
+
+    <p class="f5 f3-ns mid-gray lh-copy mt2 mb4 mw6">
+      GitHub in your pocket
+    </p>
     <a href="https://www.amazon.com/Apple-iPhone-Warranty-Unlocked-Cellphone/dp/B015E8UTIU/ref=sr_1_2?ie=UTF8&qid=1481330742&sr=8-2&keywords=iphone+6s" class="dib grow">
       {% include icon-app-store.svg %}
     </a>
   </div>
-</section>
+</article>

_includes/header.html

@@ -1,17 +1,14 @@
 ---
 layout: default
 ---
-<div class="flex flex-column items-center justify-center pv5 tc ph4 avenir">
-  <h2 class="f3 f2-ns fw5 mb4 dark-gray">
-    GitHub in your pocket
+<div class="flex flex-column items-center justify-center pv5 tc ph4 avenir bg-secondary">
+  <h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
+    What is GitPoint?
   </h2>
 
-  <p class="f5 f4-ns mid-gray lh-copy mw8">
-    Built with React Native, GitPoint is an open source GitHub client with a minimally beautiful UI.
-  </p>
-
-  <p class="f5 f4-ns mid-gray lh-copy mw8">
-    With a suite of features, GitPoint is the most complete free iOS client and the easiest way to use
+  <p class="f6 f4-ns silver lh-copy mw7">
+    GitPoint is an open source GitHub client with a minimally beautiful UI. 
+    Built with React Native, it is the most complete (100% free) iOS client and is the easiest way to use
     GitHub on your device.
   </p>
 </div>

_layouts/home.html

@@ -38,4 +38,39 @@
       animation: octocat-wave 560ms ease-in-out;
     }
   }
+}
+
+.header-logo {
+  box-shadow: 0 8px 16px 0 rgba(83,88,120,.2);
+  animation: bounce 2.5s infinite alternate;
+  -webkit-animation: bounce 2.5s infinite alternate;
+}
+
+.bg-header {
+  box-shadow: 0 5px 8px 0 rgba(72,89,102,.06);
+}
+
+.bg-primary {
+  background-image: linear-gradient(-180deg,#F2F5F8 0,#FAFBFC 99%);
+}
+
+.bg-secondary {
+  background-color: #eef2f5''
+}
+
+@keyframes bounce {
+  from {
+    transform: translateY(0px);
+  }
+  to {
+    transform: translateY(-15px);
+  }
+}
+@-webkit-keyframes bounce {
+  from {
+    transform: translateY(0px);
+  }
+  to {
+    transform: translateY(-15px);
+  }
 }