some updates

Author: housseindjirdeh

_config.yml

@@ -16,7 +16,7 @@
 title: GitPoint
 email: [email protected]
 description: > # this means to ignore newlines until "baseurl:"
-  GitHub for iOS
+  GitHub in your pocket. GitPoint is a feature-rich unofficial GitHub iOS client that is 100% free.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://gitpoint.co" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: "@hdjirdeh"

_includes/head.html

@@ -5,11 +5,35 @@
 
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+  <meta name="theme-color" content="#eef2f5">
+
+  <!-- Schema.org markup for Google+ -->
+  <meta itemprop="name" content="{{ site.title }}">
+  <meta itemprop="description" content="{{ site.description }}">
+  <meta itemprop="image" content="{{ site.url }}/assets/images/market.png">
+
+  <!-- Twitter Card data -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="{{ site.twitter_username }}">
+  <meta name="twitter:title" content="{{ site.title }}">
+  <meta name="twitter:description" content="{{ site.description }}">
+  <meta name="twitter:creator" content="{{ site.twitter_username }}">
+  <!-- Twitter summary card with large image must be at least 280x150px -->
+  <meta name="twitter:image" content="{{ site.url }}/assets/images/market.png">
+  <meta name="twitter:image:alt" content="{{ site.description }}">
+
+  <!-- Open Graph data -->
+  <meta property="og:title" content="{{ site.title }}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="{{ site.url }}" />
+  <meta property="og:image" content="{{ site.url }}/assets/images/market.png" />
+  <meta property="og:description" content="{{ site.description }}" />
+  <meta property="fb:admins" content="1518546144" />
 
   <link rel="stylesheet" href="{{ "/assets/styles/main.css" | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ " /feed.xml
     " | relative_url }}"> {% if jekyll.environment == 'production' and site.google_analytics %} {% include google-analytics.html %} {% endif %}
   <link rel="manifest" href="/assets/manifest.json">
-  <link rel="icon" href="{{ "/assets/favicon.ico" | relative_url }}">
+  <link rel="icon" href="{{ " /assets/favicon.ico " | relative_url }}">
 </head>

_layouts/home.html

@@ -1,20 +1,50 @@
 ---
 layout: default
 ---
-<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="f6 f4-ns silver lh-copy mw7 mb5">
-    View repository and user information, control your notifications and even manage your issues and pull requests. GitPoint is the most feature-rich unofficial GitHub iOS client that is 100% free.
-  </p>
 
-  <div class="flex h-100 items-center">
-    <img class="mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
+<div class="dn db-ns">
+  <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="f6 f4-ns gray lh-copy mw7 mb5">
+      View repository and user information, control your notifications and even manage your issues and pull requests. GitPoint is the most feature-rich unofficial GitHub iOS client that is 100% free.
+    </p>
+
+    <div class="flex h-100 items-center">
+      <img class="mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
+    </div>
   </div>
 </div>
 
+<div class="db dn-ns">
+  <article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-secondary">
+    <div class="flex flex-column flex-row-l justify-center center">
+
+      <div class="flex h-inherit items-center w-third-l mr7-l tc tl-l">
+        <div class="flex flex-column">
+          <h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
+            What is GitPoint?
+          </h2>
+
+          <p class="f6 f4-ns gray lh-copy mw7 mb5">
+            View repository and user information, control your notifications and even manage your issues and pull requests. GitPoint
+            is the most feature-rich unofficial GitHub iOS client that is 100% free.
+          </p>
+        </div>
+      </div>
+
+      <div class="fl-l">
+        <div class="flex h-100 items-center justify-center">
+          <img class="grow mw5" src="/assets/images/profile-screen-side.png" alt="GitPoint Profile Screen">
+        </div>
+      </div>
+
+    </div>
+  </article>
+</div>
+
 <article class="h6-l bt b--black-10 dark-gray lh-copy-ns ph2 ph5-m pv4 pv5-ns avenir bg-primary">
   <div class="flex flex-column flex-row-l justify-center center">
 
@@ -24,7 +54,7 @@ <h2 class="f3 f2-m f2-l fw6 dark-gray mb2">
           Control your notifications
         </h2>
 
-        <p class="f6 f4-ns silver lh-copy mw7 mb5">
+        <p class="f6 f4-ns gray lh-copy mw7 mb5">
           View and control all of your unread and participating notifications.
         </p>
       </div>
@@ -77,7 +107,7 @@ <h2 class="f3 f2-m f2-l fw6 tc dark-gray mb2">
     Complete issue and pull request
   </h2>
 
-  <p class="f6 f4-ns silver lh-copy mw7 mb5">
+  <p class="f6 f4-ns gray lh-copy mw7 mb5">
     Communicate on issue/pull request conversations, apply labels, assignees and more. With GitPoint, you can even review and merge pull requests with a design you're already familiar with.
   </p>