Adds navigation, synopsis, and favicons

Changes:
1. Added navigation bar
2. Added `installation.md`
3. Added `why.md`
4. Added favicons

Closes #66, closes #67, closes #68

_config.yml

@@ -12,7 +12,12 @@ description: > # this means to ignore newlines until "baseurl:"
   A bash-tool to store your private data inside a git repository.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "http://sobolevn.github.io" # the base hostname & protocol for your site
+
+# Github links:
 github_username: sobolevn
+github_changelog: "https://github.com/sobolevn/git-secret/blob/master/CHANGELOG.md"
+github_plugins: "https://github.com/sobolevn/git-secret/wiki/Third-party-plugins"
+github_using: "https://github.com/sobolevn/git-secret/wiki/Who-uses"
 
 # Seo settings:
 gems:

_includes/favicons.html

@@ -0,0 +1,33 @@
+<link rel="apple-touch-icon" sizes="57x57"
+    href="/images/favicons/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60"
+    href="/images/favicons/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72"
+    href="/images/favicons/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76"
+    href="/images/favicons/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114"
+    href="/images/favicons/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120"
+    href="/images/favicons/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144"
+    href="/images/favicons/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152"
+    href="/images/favicons/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180"
+    href="/images/favicons/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192"
+    href="/images/favicons/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32"
+    href="/images/favicons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96"
+    href="/images/favicons/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16"
+    href="/images/favicons/favicon-16x16.png">
+
+<link rel="manifest" href="/images/favicons/manifest.json">
+
+<meta name="msapplication-TileColor" content="#ffffff">
+<meta name="msapplication-TileImage"
+    content="/images/favicons/ms-icon-144x144.png">
+<meta name="theme-color" content="#ffffff">

_includes/footer.html

@@ -7,7 +7,7 @@
     <div class="footer-col-wrapper">
       <div class="footer-col footer-col-1">
         <ul class="contact-list">
-          <li>wemake.services</li>
+          <li><a href="http://wemake.services">wemake.services</a></li>
           <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
         </ul>
       </div>

_includes/head.html

@@ -7,8 +7,12 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
-  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="canonical"
+    href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}"
+    href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
+
+  {% include favicons.html %}
 
   {% seo %}
 </head>

_includes/header.html

@@ -4,7 +4,7 @@
 
     <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
 
-    <nav class="site-nav">
+    <div class="site-nav">
       <a href="#" class="menu-icon">
         <svg viewBox="0 0 18 15">
           <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
@@ -21,8 +21,16 @@
            Download
          </a>
       </div>
-    </nav>
+    </div>
 
   </div>
 
+  <nav class="site-navigation">
+    <a href="/installation">Installation</a>
+    <a href="/tutorials">Tutorials</a>
+    <a href="{{ site.github_plugins }}">External plugins</a>
+    <a href="{{ site.github_using }}">Projects using it</a>
+    <a href="{{ site.github_changelog }}">Changelog</a>
+  </nav>
+
 </header>

_includes/icon-github.html

@@ -1 +1,4 @@
-<a href="https://github.com/{{ include.username }}"><span class="icon icon--github">{% include icon-github.svg %}</span><span class="username">{{ include.username }}</span></a>
+<a href="https://github.com/{{ include.username }}">
+    <span class="icon icon--github">{% include icon-github.svg %}</span>
+    <span class="username">{{ include.username }}</span>
+</a>

_includes/icon-twitter.html

@@ -1 +1,4 @@
-<a href="https://twitter.com/{{ include.username }}"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span><span class="username">{{ include.username }}</span></a>
+<a href="https://twitter.com/{{ include.username }}">
+    <span class="icon icon--twitter">{% include icon-twitter.svg %}</span>
+    <span class="username">{{ include.username }}</span>
+</a>

_includes/why.md

@@ -0,0 +1,16 @@
+
+## Intro
+
+There's a known problem in server configuration and deploying, when you have to store your private data such as: database passwords, application secret-keys, OAuth secret keys and so on, outside of the git repository. Even if this repository is private, it is a security risk to just publish them into the world wide web. What are the drawbacks of storing them separately?
+
+1. These files are not version controlled. Filenames change, locations change, passwords change from time to time, some new information appears, other is removed. And you can not tell for sure which version of the configuration file was used with each commit.
+2. When building the automated deployment system there will be one extra step: download and place these secret-configuration files where they need to be. So you have to maintain an extra secure server, where everything is stored.
+
+### How does `git-secret` solve these problems?
+
+1. `git-secret` encrypts files and stores them inside the `git` repository, so you will have all the changes for every commit.
+2. `git-secret` doesn't require any other deploy operations rather than `git secret reveal`, so it will automatically decrypt all the required files.
+
+### What is `git-secret`?
+
+`git-secret` is a bash tool to store your private data inside a `git` repo. How's that? Basically, it just encrypts, using `gpg`, the tracked files with the public keys of all the users that you trust. So everyone of them can decrypt these files using only their personal secret key. Why deal with all this private-public keys stuff? Well, to make it easier for everyone to manage access rights. There are no passwords that change. When someone is out - just delete his public key, reencrypt the files, and he won't be able to decrypt secrets anymore.

_layouts/post.html

@@ -4,8 +4,23 @@ layout: default
 <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
 
   <header class="post-header">
-    <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
-    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+    <h1 class="post-title" itemprop="name headline">
+        {{ page.title }}
+    </h1>
+
+    <p class="post-meta">
+        <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+            {{ page.date | date: "%b %-d, %Y" }}
+        </time>
+
+        {% if page.author %}
+            • <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+                <span itemprop="name">
+                    {{ page.author }}
+                </span>
+            </span>
+        {% endif %}
+    </p>
   </header>
 
   <div class="post-content" itemprop="articleBody">

_sass/_layout.scss

@@ -25,6 +25,7 @@
 }
 
 .site-nav {
+    @extend %clearfix;
     float: right;
     line-height: 56px;
 
@@ -245,13 +246,28 @@
     }
 }
 
+
 /**
- * Homepage
+ * Navigation
  */
+.site-navigation {
+    @extend .wrapper;
+
+    display: flex;
+    justify-content: space-between;
 
+    a {
+        color: $purple-color-dark;
+    }
+}
+
+
+/**
+ * Homepage
+ */
  .home {
-   .home-logo-image {
-     margin-top: 50px;
-     margin-bottom: 70px;
-   }
+    .home-logo-image {
+        margin-top: 50px;
+        margin-bottom: 70px;
+    }
  }

images/favicons/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

images/favicons/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

index.html

@@ -5,9 +5,18 @@ layout: default
 <div class="home">
 
   <img src="{{ "/images/git-secret-big.png" | prepend: site.baseurl }}"
-       alt="git-secret" title="git-secret"
+       alt="git-secret"
+       title="git-secret"
        class="home-logo-image" />
 
+  <h1>Synopsis</h1>
+
+  {% capture markdown_file %}
+    {% include why.md %}
+  {% endcapture %}
+
+  {{ markdown_file | markdownify }}
+
   {% for post in site.categories.usage %}
     {{ post.content }}
   {% endfor %}
@@ -18,12 +27,17 @@ layout: default
     {% for post in site.categories.command %}
       <li>
         <h2>
-          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
+            {{ post.title }}
+          </a>
         </h2>
       </li>
     {% endfor %}
   </ul>
 
-  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+  <p class="rss-subscribe">
+    subscribe
+    <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a>
+  </p>
 
 </div>

installation.md

@@ -0,0 +1,77 @@
+---
+layout: default
+---
+
+# Installation
+
+## Dependencies
+
+`git-secret` relies on two dependencies: `git` and `gpg`. Download and install them before using this project. `git-secret` is tested to work with:
+
+    git version 2.7.0
+    gpg (GnuPG) 1.4.20
+
+## Supported platforms
+
+`git-secret` works with `Mac OS X` >= 10.9, `Ubuntu` >= 14.04, `Debian` >= 8.3, and `Fedora`.
+You can check the full list [here](https://travis-ci.org/sobolevn/git-secret).
+You can add your platform to this list, if all the tests pass for you.
+`Cygwin` support [is planned](https://github.com/sobolevn/git-secret/issues/40).
+
+## Installation process
+
+There are several ways to install `git-secret`:
+
+---
+
+### Homebrew
+
+`brew install git-secret`
+
+---
+
+### `deb` package
+
+You can find the `deb` repository [here](https://bintray.com/sobolevn/deb/git-secret).
+Pre-requirements: make sure you have installed `apt-transport-https`
+
+```bash
+echo "deb https://dl.bintray.com/sobolevn/deb git-secret main" | sudo tee -a /etc/apt/sources.list
+wget -qO - https://api.bintray.com/users/sobolevn/keys/gpg/public.key | sudo apt-key add -
+sudo apt-get update && sudo apt-get install git-secret
+```
+
+---
+
+### `rpm` package
+
+You can find the `rpm` repository [here](https://bintray.com/sobolevn/rpm/git-secret).
+
+```bash
+wget https://bintray.com/sobolevn/rpm/rpm -O bintray-sobolevn-rpm.repo
+sudo mv bintray-sobolevn-rpm.repo /etc/yum.repos.d/
+sudo yum install git-secret
+```
+
+---
+
+### Manual
+
+```bash
+git clone https://github.com/sobolevn/git-secret.git git-secret
+cd git-secret && make build
+PREFIX="/usr/local" make install
+```
+
+Note that you can install to any prefix in your `PATH`
+
+---
+
+## `antigen` plugin
+
+*Deprecated*
+
+1. Add line `antigen bundle sobolevn/git-secret` to your `~/.zshrc`
+2. Run `source ~/.zshrc` or reopen the terminal
+
+---