Initial template

.eslintignore

@@ -0,0 +1,3 @@
+node_modules/
+public/
+themes/navy/source/js/vendor/

.eslintrc

@@ -0,0 +1,10 @@
+{
+  "extends": "hexo",
+  "root": true,
+  "rules": {
+    "strict": "off"
+  },
+  "env": {
+    "browser": true
+  }
+}

.gitignore

@@ -0,0 +1,8 @@
+.DS_Store
+.idea/
+node_modules/
+*.log
+db.json
+.deploy*/
+package-lock.json
+public/

Jenkinsfile

@@ -0,0 +1,60 @@
+pipeline {
+  agent { label 'linux' }
+
+  options {
+    disableConcurrentBuilds()
+    /* manage how many builds we keep */
+    buildDiscarder(logRotator(
+      numToKeepStr: '20',
+      daysToKeepStr: '30',
+    ))
+  }
+
+  environment {
+    GIT_USER = 'status-im-auto'
+    GIT_MAIL = 'auto@status.im'
+  }
+
+  stages {
+    stage('Git Prep') {
+      steps {
+        sh "git config user.name ${env.GIT_USER}"
+        sh "git config user.email ${env.GIT_MAIL}"
+      }
+    }
+
+    stage('Install Deps') {
+      steps {
+        sh 'npm install'
+      }
+    }
+
+    stage('Build') {
+      steps {
+        sh 'npm run clean'
+        sh 'npm run build'
+      }
+    }
+
+    stage('Publish Prod') {
+      when { expression { env.GIT_BRANCH ==~ /.*master/ } }
+      steps { script {
+        sshagent(credentials: ['status-im-auto-ssh']) {
+          sh 'npm run deploy'
+        }
+      } }
+    }
+
+    stage('Publish Devel') {
+      when { expression { env.GIT_BRANCH ==~ /.*develop/ } }
+      steps { script {
+        sshagent(credentials: ['jenkins-ssh']) {
+          sh '''
+            scp -o StrictHostKeyChecking=no -r public/. \
+            jenkins@node-01.do-ams3.proxy.misc.statusim.net:/var/www/dev-docs/
+          '''
+        }
+      } }
+    }
+  }
+}

_config.dev.yml

@@ -0,0 +1,33 @@
+title: Nimbus
+subtitle: "Light clients for everyone!"
+description: "Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware."
+author: Nimbus
+language: en
+timezone: UTC
+
+url: https://dev-people-ops.status.im/
+root: /
+permalink: news/:year/:month/:day/:title/
+archive_dir: news
+code_dir: downloads/code
+new_post_name: :year-:month-:day-:title.md # File name of new posts
+post_asset_folder: true
+per_page: 0
+
+theme: navy
+deploy:
+  type: git
+  branch: gh-pages
+  name: status-im-auto
+  repo: git@github.com:status-im/people-ops.status.im.git
+
+theme_config:
+    favicon: img/logo-32.png
+
+highlight:
+  enable: true
+  line_number: false
+
+disqus_shortname: hexojs
+twitter: ethstatus
+github: staus-im

_config.prod.yml

@@ -0,0 +1,33 @@
+title: Nimbus
+subtitle: "Light clients for everyone!"
+description: "Nimbus is a research project and a client implementation for Ethereum 2.0 designed to perform well on embedded systems and personal mobile devices, including older smartphones with resource-restricted hardware."
+author: Nimbus
+language: en
+timezone: UTC
+
+url: https://people-ops.status.im/
+root: /
+permalink: news/:year/:month/:day/:title/
+archive_dir: news
+code_dir: downloads/code
+new_post_name: :year-:month-:day-:title.md # File name of new posts
+post_asset_folder: true
+per_page: 0
+
+theme: navy
+deploy:
+  type: git
+  branch: gh-pages
+  name: status-im-auto
+  repo: git@github.com:status-im/people-ops.status.im.git
+
+theme_config:
+    favicon: img/logo-32.png
+
+highlight:
+  enable: true
+  line_number: false
+
+disqus_shortname: hexojs
+twitter: ethstatus
+github: staus-im

package.json

@@ -0,0 +1,34 @@
+{
+  "name": "hexo-site",
+  "version": "0.0.0",
+  "private": true,
+  "hexo": {
+    "version": "3.7.1"
+  },
+  "scripts": {
+    "clean": "rm -rf public/*",
+    "build": "hexo generate",
+    "eslint": "eslint .",
+    "deploy": "hexo deploy"
+  },
+  "dependencies": {
+    "cheerio": "^0.20.0",
+    "hexo": "^3.7.1",
+    "hexo-deployer-git": "^0.3.1",
+    "hexo-generator-archive": "^0.1.4",
+    "hexo-generator-feed": "^1.1.0",
+    "hexo-generator-sitemap": "^1.1.2",
+    "hexo-renderer-jade": "^0.4.1",
+    "hexo-renderer-marked": "^0.2.10",
+    "hexo-renderer-stylus": "^0.3.1",
+    "hexo-server": "^0.2.0",
+    "lodash": "^4.5.1",
+    "lunr": "^2.1.2"
+  },
+  "devDependencies": {
+    "del": "^3.0.0",
+    "eslint": "^4.3.0",
+    "eslint-config-hexo": "^2.0.0",
+    "rename": "^1.0.4"
+  }
+}

scaffolds/page.md

@@ -0,0 +1,2 @@
+title: {{ title }}
+---

scaffolds/post.md

@@ -0,0 +1,2 @@
+title: {{ title }}
+---

scripts/helpers.js

@@ -0,0 +1,161 @@
+/* global hexo */
+
+'use strict';
+
+var pathFn = require('path');
+var _ = require('lodash');
+var cheerio = require('cheerio');
+var lunr = require('lunr');
+
+var localizedPath = ['docs', 'api'];
+
+function startsWith(str, start) {
+  return str.substring(0, start.length) === start;
+}
+
+hexo.extend.helper.register('page_nav', function() {
+  var type = this.page.canonical_path.split('/')[0];
+  var sidebar = this.site.data.sidebar[type];
+  var path = pathFn.basename(this.path);
+  var list = {};
+  var prefix = 'sidebar.' + type + '.';
+
+  for (var i in sidebar) {
+    for (var j in sidebar[i]) {
+      list[sidebar[i][j]] = j;
+    }
+  }
+
+  var keys = Object.keys(list);
+  var index = keys.indexOf(path);
+  var result = '';
+
+  if (index > 0) {
+    result += '<a href="' + keys[index - 1] + '" class="article-footer-prev" title="' + this.__(prefix + list[keys[index - 1]]) + '">'
+      + '<i class="fa fa-chevron-left"></i><span>' + this.__('page.prev') + '</span></a>';
+  }
+
+  if (index < keys.length - 1) {
+    result += '<a href="' + keys[index + 1] + '" class="article-footer-next" title="' + this.__(prefix + list[keys[index + 1]]) + '">'
+      + '<span>' + this.__('page.next') + '</span><i class="fa fa-chevron-right"></i></a>';
+  }
+
+  return result;
+});
+
+hexo.extend.helper.register('doc_sidebar', function(className) {
+  var type = this.page.canonical_path.split('/')[0];
+  var sidebar = this.site.data.sidebar[type];
+  var path = pathFn.basename(this.path);
+  var result = '';
+  var self = this;
+  var prefix = 'sidebar.' + type + '.';
+
+  _.each(sidebar, function(menu, title) {
+    result += '<strong class="' + className + '-title">' + self.__(prefix + title) + '</strong>';
+
+    _.each(menu, function(link, text) {
+      var itemClass = className + '-link';
+      if (link === path) itemClass += ' current';
+
+      result += '<a href="' + link + '" class="' + itemClass + '">' + self.__(prefix + text) + '</a>';
+    });
+  });
+
+  return result;
+});
+
+hexo.extend.helper.register('header_menu', function(className) {
+  var menu = this.site.data.menu;
+  var result = '';
+  var self = this;
+  var lang = this.page.lang;
+  var isEnglish = lang === 'en';
+
+  _.each(menu, function(path, title) {
+    if (!isEnglish && ~localizedPath.indexOf(title)) path = lang + path;
+
+    result += '<a href="' + self.url_for(path) + '" class="' + className + '-link">' + self.__('menu.' + title) + '</a>';
+  });
+
+  return result;
+});
+
+hexo.extend.helper.register('canonical_url', function(lang) {
+  var path = this.page.canonical_path;
+  if (lang && lang !== 'en') path = lang + '/' + path;
+
+  return this.config.url + '/' + path;
+});
+
+hexo.extend.helper.register('url_for_lang', function(path) {
+  var lang = this.page.lang;
+  var url = this.url_for(path);
+
+  if (lang !== 'en' && url[0] === '/') url = '/' + lang + url;
+
+  return url;
+});
+
+hexo.extend.helper.register('raw_link', function(path) {
+  return 'https://github.com/status-im/people-ops.status.im/edit/develop/source/' + path;
+});
+
+hexo.extend.helper.register('page_anchor', function(str) {
+  var $ = cheerio.load(str, {decodeEntities: false});
+  var headings = $('h1, h2, h3, h4, h5, h6');
+
+  if (!headings.length) return str;
+
+  headings.each(function() {
+    var id = $(this).attr('id');
+
+    $(this)
+      .addClass('article-heading')
+      .append('<a class="article-anchor" href="#' + id + '" aria-hidden="true"></a>');
+  });
+
+  return $.html();
+});
+
+hexo.extend.helper.register('lunr_index', function(data) {
+  var index = lunr(function() {
+    this.field('name', {boost: 10});
+    this.field('tags', {boost: 50});
+    this.field('description');
+    this.ref('id');
+
+    _.sortBy(data, 'name').forEach((item, i) => {
+      this.add(_.assign({ id: i }, item));
+    });
+  });
+
+  return JSON.stringify(index);
+});
+
+hexo.extend.helper.register('canonical_path_for_nav', function() {
+  var path = this.page.canonical_path;
+
+  if (startsWith(path, 'docs/') || startsWith(path, 'api/')) {
+    return path;
+  }
+  return '';
+
+});
+
+hexo.extend.helper.register('lang_name', function(lang) {
+  var data = this.site.data.languages[lang];
+  return data.name || data;
+});
+
+hexo.extend.helper.register('disqus_lang', function() {
+  var lang = this.page.lang;
+  var data = this.site.data.languages[lang];
+
+  return data.disqus_lang || lang;
+});
+
+hexo.extend.helper.register('hexo_version', function() {
+  return this.env.version;
+});
+

scripts/tags.js

@@ -0,0 +1,19 @@
+/* global hexo */
+
+'use strict';
+
+hexo.extend.tag.register('note', function(args, content) {
+  var className = args.shift();
+  var header = '';
+  var result = '';
+
+  if (args.length) {
+    header += '<strong class="note-title">' + args.join(' ') + '</strong>';
+  }
+
+  result += '<blockquote class="note ' + className + '">' + header;
+  result += hexo.render.renderSync({text: content, engine: 'markdown'});
+  result += '</blockquote>';
+
+  return result;
+}, true);

source/CNAME

@@ -0,0 +1 @@
+nimbus.status.im

source/_data/languages.yml

@@ -0,0 +1 @@
+en: English

source/_data/menu.yml

@@ -0,0 +1,6 @@
+docs: /docs/
+tutorials: /tutorials/
+plugins: /plugins/
+chat: /chat/
+blog: /news/
+wip: /wip/

source/_data/sidebar.yml

@@ -0,0 +1,4 @@
+docs:
+  Incubate:
+    introduction: index.html
+    

source/_data/tutorials.yml

@@ -0,0 +1,9 @@
+- name: How to apply for Incubate
+  description: Get some of that good decentralised luvin
+  link: /tutorials/apply_for_incubate.html
+  tags:
+    - applications
+    - startups
+    - web3
+    - decentralized
+    - open source

source/_posts/2018-10-04-incubate.md

@@ -0,0 +1,4 @@
+title: Status Incubate
+---
+
+# Status Incubate Begins!

source/browserconfig.xml

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

source/docs/contribute.md

@@ -0,0 +1,4 @@
+---
+id: contribute
+title: Contributing To Status
+---

source/docs/index.md

@@ -0,0 +1,6 @@
+---
+id: index
+title: Welcome to People Ops at Status!
+---
+
+Docs to go here.

source/docs/life_status.md

@@ -0,0 +1,4 @@
+---
+id: life_status
+title: Life at Status
+---

source/docs/working_here.md

@@ -0,0 +1,4 @@
+---
+id: working_here
+title: What It's Like To Work At Status
+---

source/extensions/index.md

@@ -0,0 +1,6 @@
+layout: plugins
+title: Extensions
+data: plugins
+partial: plugin
+comments: false
+---

source/index.md

@@ -0,0 +1,3 @@
+title: Nimbus
+layout: index
+---

source/robots.txt

@@ -0,0 +1 @@
+User-agent: *

source/tutorials/index.md

@@ -0,0 +1,7 @@
+layout: tutorials
+title: Tutorials
+data: tutorials
+partial: tutorial
+comments: false
+---
+

themes/navy/languages/en.yml

@@ -0,0 +1,23 @@
+menu:
+  docs: Docs
+  plugins: Plugins
+  themes: Themes
+  search: Search
+  blog: Blog
+  tutorials: Tutorials
+
+index:
+  get_started: Get started
+
+page:
+  contents: Contents
+  back_to_top: Back to Top
+  improve: Improve this doc
+  prev: Prev
+  next: Next
+  last_updated: "Last updated: %s"
+
+sidebar:
+  docs:
+    Incubate: Incubate
+    introduction: What Is Status Incubate?

themes/navy/layout/archive.swig

@@ -0,0 +1,19 @@
+{% set page.title = 'News' %}
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      {% for post in page.posts %}
+        {% if loop.index == 1 %}
+          {{ partial('partial/post', {post: post}) }}
+        {% else %}
+          <article class="article post archive-post" itemscope itemtype="http://schema.org/Article">
+            <a class="archive-post-link" href="{{ url_for(post.path) }}">
+              <strong class="archive-post-title" itemprop="name">{{ post.title }}</strong>
+              <span class="archive-post-date">{{ time_tag(post.date) }}</span>
+            </a>
+          </article>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</div>

themes/navy/layout/chat.swig

@@ -0,0 +1,7 @@
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      {{ page.content }}
+    </div>
+  </div>
+</div>

themes/navy/layout/index.swig

@@ -0,0 +1,135 @@
+<div class="home-cover">
+     {{ partial('partial/header') }}
+    <div class="intro">
+        <h1>Status People-Ops</h1>
+        <p>Where are the loving happens.</p>
+        <div class="intro-buttons">
+            <a class="button button--main" href="#">GET INVOLVED</a>
+        </div>
+    </div>
+</div>
+<div class="home-wrap">
+    <div class="section-header section-header--main">
+        <h2 id="top-header">Build a Better Web Together</h2>
+        <p>We catalyze early-stage startups looking to reinvent the Web. By offering funding, office space, professional services, as well as technical mentorship to our incubatees, our mission is to find the most ambitious projects in the Web3 ecosystem
+        </p> 
+        <div class="work-items">
+            <div class="work-item">
+                <div class="work-item-inner">
+                    <h2>Technical Mentorship</h2>
+                    <p>Having spent the last few years building the protocols we'll all need for web3, we can provide unique access to experienced engineers to advise you on best practices nd help improve your code.
+                    </p>
+                    <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.svg" /></a>
+                </div>
+                <img class="work-item-image" src="../img/graphic-research.svg" />
+            </div>
+            <div class="work-item">
+                <img class="work-item-image work-item-image-right" src="../img/graphic-licensing.svg" />
+                <div class="work-item-inner">
+                    <h2>Business Development</h2>
+                    <p>With some of the leading business minds behind Incubate, we can provide you with unique insights and leverage our market position to help seed your web3 business dreams
+                    </p>
+                    <a href="https://github.com/status-im/nimbus">Get In Touch! <img src="../img/arrow_orange.svg" /></a>
+                </div>
+            </div>
+            <div class="work-item">
+                <div class="work-item-inner">
+                    <h2>Communications and Community Support</h2>
+                    <p>We’ve learnt some valuable lessons over the last few years when it comes to building community and producing the right kind of communications when buidling web3 products adn services and can pass all that experience onto your fledgling startup.
+                    </p>
+                    <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.svg" /></a>
+                </div>
+                <img class="work-item-image" src="../img/graphic-network.svg" />
+            </div>
+            <div class="work-item">
+                <img class="work-item-image work-item-image-right" src="../img/graphic-platform-support.svg" />
+                <div class="work-item-inner">
+                    <h2>Legal and Regulatory Support</h2>
+                    <p>Experience, assisstance and all the rest...
+                    </p>
+                    <a href="https://github.com/status-im/nimbus">See docs <img src="../img/arrow_orange.svg" /></a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="sections">
+        <div class="inner-header">
+            <h2>Contribute</h2>
+            <p>Status People-Ops is an open source initiative in which anyone can get involved. There are a number of ways to contribute:</p>
+        </div>
+        <div class="contribute-wrap">
+            <div class="contribute">
+                <h3>Join the Team</h3>
+                <p>We are always looking for passionate and talented individuals to join our team.
+                <p>
+                    <a href="https://status.im/open-positions.html">See list of open roles</a>
+                    <span><a href="https://status.im/open-positions.html"><img src="../img/arrow_ogn.png" /></a></span>
+            </div>
+            <div class="contribute">
+                <h3>Work on Bounties</h3>
+                <p>As an open source project, anyone anywhere can get involved and contribute code.
+                <p>
+                    <a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created">See open bounties</a>
+                    <span><a href="https://gitcoin.co/explorer?keywords=nimbus&order_by=-web3_created"><img src="../img/arrow_ogn.png" /></a></span>
+            </div>
+            <div class="contribute">
+                <h3>Join the Conversation</h3>
+                <p>We are an open community and happy to answer your questions and help you learn more about Nimbus.
+                <p>
+                    <a href="https://get.status.im/chat/public/nimbus">Join us in Status</a>
+                    <span><a href="https://get.status.im/chat/public/nimbus"><img src="../img/arrow_ogn.png" /></a></span>
+            </div>
+        </div>
+        <div class="inner-header">
+            <h2>Core Contributors</h2>
+            <p>We’re a diverse group of business specialists, smart contract programmers, and product managers with a passion for web3 technologies.</p>
+        </div>
+        <div class="contribute-wrap">
+            <div class="contribute">
+                <img class="contributor" src="../img/ellipse.png" />
+                <h3>Stefania</h3>
+                <p>Operative</p>
+                <p><a href="https://github.com/">See LinkedIn profile</a>
+                    <span><a href="https://linkedin.com/"><img src="../img/arrow_ogn.png" /></a></span>
+                </p>
+            </div>
+            <div class="contribute">
+                <img class="contributor" src="../img/ellipse.png" />
+                <h3>Ceri</h3>
+                <p>Operative</p>
+                <p><a href="https://github.com/">See LinkedIn profile</a>
+                    <span><a href="https://linkedin.com/"><img src="../img/arrow_ogn.png" /></a></span>
+                </p>
+            </div>
+            <div class="contribute">
+                <img class="contributor" src="../img/ellipse.png" />
+                <h3>Jonathan</h3>
+                <p>Operative</p>
+                <p><a href="https://github.com/">See Github profile</a>
+                    <span><a href="https://github.com/"><img src="../img/arrow_ogn.png" /></a></span>
+                </p>
+            </div>
+        </div>
+        <div class="inner-header">
+            <h2>Read our Blog</h2>
+            <p>Check out the latest Nimbus news and blog posts:</p>
+        </div>
+        <div class="contribute-wrap">
+            <div class="contribute blog">
+                <h3></h3>
+                <p></p>
+                <a href="#">Read More <img src="../img/arrow_ogn.png" /></a>
+            </div>
+            <div class="contribute blog">
+                <h3></h3>
+                <p></p>
+                <a href="#">Read More <img src="../img/arrow_ogn.png" /></a>
+            </div>
+            <div class="contribute blog">
+                <h3></h3>
+                <p></p>
+                <a href="#">Read More <img src="../img/arrow_ogn.png" /></a>
+            </div>
+        </div>
+    </div>
+</div>

themes/navy/layout/layout.swig

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang }}">
+{{ partial('partial/head') }}
+<body>
+  <div id="container">
+    {% if page.source != 'index.md' %}
+      {{ partial('partial/header') }}
+    {% endif %}
+    {{ body }}
+    {{ partial('partial/footer') }}
+  </div>
+  <div id="mobile-nav-dimmer"></div>
+  {{ partial('partial/mobile_nav') }}
+  {{ partial('partial/after_footer') }}
+</body>
+</html>

themes/navy/layout/page.swig

@@ -0,0 +1,28 @@
+<div class="page-intro wrapper">
+  <header class="article-header">
+    <h1 class="article-title" itemprop="name">{{ page.title }}</h1>
+    <a href="{{ raw_link(page.source) }}" class="article-edit-link" title="{{ __('page.improve') }}">Edit on Github</a>
+  </header>
+</div>
+<div id="content-wrap">
+  <div id="content" class="wrapper">
+    <div id="content-inner">
+      {{ partial('partial/sidebar') }}
+      <article class="article-container" itemscope itemtype="http://schema.org/Article">
+        <div class="article-inner">
+          <div class="article">
+            <div class="inner">
+              <div class="article-content" itemprop="articleBody">
+                {{ page_anchor(page.content) }}
+              </div>
+              <footer class="article-footer">
+                <time class="article-footer-updated" datetime="{{ date_xml(page.updated) }}" itemprop="dateModified">{{ __('page.last_updated', date(page.updated)) }}</time>
+                {{ page_nav() }}
+              </footer>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+  </div>
+</div>

themes/navy/layout/partial/after_footer.swig

@@ -0,0 +1,112 @@
+<!-- Scripts -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+<script src="/js/bundle.js?v=0.0.1"></script>
+<!-- build:js build/js/main.js -->
+{{ js('js/lang_select') }}
+{{ js('js/toc') }}
+{{ js('js/mobile_nav') }}
+{{ js('js/search') }}
+{{ js('js/fetch_blog_posts') }}
+<!-- endbuild -->
+{% if page.layout === 'plugins' %}
+<!-- Plugin search -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/lunr.js/2.1.2/lunr.min.js"></script>
+<!-- Lazy load -->
+<script async src="https://cdn.jsdelivr.net/lazysizes/3.0.0/lazysizes.min.js"></script>
+<!-- build:js build/js/plugins.js -->
+{{ js('js/plugins') }}
+<!-- endbuild -->
+{% endif %}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
+<script async src="/js/highlight.pack.js"></script>
+<script async src="/js/solidity.js"></script>
+<script>
+
+function highlight() {
+  $('pre code').each(function(i, block) {
+    hljs.highlightBlock(block);
+  });
+}
+
+$(document).ready(function() {
+  try {
+    highlight();
+  } catch(err) {
+    console.log("retrying...")
+    setTimeout(function() {
+      highlight();
+    }, 2500)
+  }
+
+  var clipboard = new ClipboardJS(".btn");
+  clipboard.on('success', function(e) {
+    var id = $(e.trigger).attr("data-clipboard-target");
+    $(id).toggleClass("flash");
+    setTimeout(function() {
+      $(id).toggleClass("flash");
+    }, 200);
+    e.clearSelection();
+  })
+});
+
+</script>
+<style>
+  mark {
+    background: #232323;
+    color: white;
+    font-weight: bold;
+
+    -webkit-transition: background 0.1s ease-in-out;
+    -ms-transition:     background 0.1s ease-in-out;
+    transition:         background 0.1s ease-in-out;
+  }
+
+  .clippy {
+    margin-top: -3px;
+    position: relative;
+    top: 3px;
+  }
+
+  pre {
+    position: relative;
+  }
+
+  .btn {
+    transition: opacity .3s ease-in-out;
+    padding: 2px 6px;
+    position: absolute;
+    display: inline-block;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    color: #333;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background-color: #eee;
+    background-image: linear-gradient(#fcfcfc,#eee);
+    border: 1px solid #d5d5d5;
+    border-radius: 3px;
+    user-select: none;
+    -webkit-appearance: none;
+    top: 34px;
+    right: 12px;
+  }
+
+  .flash {
+    background-color: grey;
+  }
+
+</style>
+<!-- Algolia -->
+{% if config.algolia[page.lang] %}
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
+<script type="text/javascript">
+    document.getElementById('search-input-wrap').classList.add('on');
+    docsearch({
+        apiKey: '{{ config.algolia[page.lang].apiKey }}',
+        indexName: '{{ config.algolia[page.lang].indexName }}',
+        inputSelector: '#search-input'
+    });
+</script>
+{% endif %}

themes/navy/layout/partial/carbonads.swig

@@ -0,0 +1 @@
+<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=hexoio" id="_carbonads_js"></script>

themes/navy/layout/partial/comment.swig

@@ -0,0 +1,18 @@
+{% if page.comments && config.disqus_shortname %}
+<section id="comments">
+  <div id="disqus_thread"></div>
+</section>
+<script>
+  var disqus_shortname = '{{ config.disqus_shortname }}';
+  var disqus_url = '{{ url }}';
+  var disqus_title = {{ JSON.stringify(page.title) }};
+  var disqus_config = function(){
+    this.language = '{{ disqus_lang() }}';
+  };
+  (function(){
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    dsq.src = 'https://go.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+  })();
+</script>
+{% endif %}

themes/navy/layout/partial/footer.swig

@@ -0,0 +1,32 @@
+<footer class="site-footer">
+    <div class="container">
+        <div class="info">
+            <div class="blog-logo">
+                <a href="https://status.im/" ><img src="../img/logo-footer.svg" alt="Status"><span>status</span></a>
+            </div>
+            <p>Status Holdings Pte. Ltd. <br>6 Ubi Road Singapore </p>
+        </div>
+        <div class="social-links">
+            <h3>Social links</h3>
+            <ul class="community">
+                <li><a href="https://www.facebook.com/ethstatus" target="_blank" class="footer-facebook">Facebook</a></li>
+                <li><a href="https://twitter.com/ethstatus" target="_blank" class="footer-twitter">Twitter</a></li>
+                <li><a href="https://chat.status.im/#/register" target="_blank" class="footer-riot">Riot</a></li>
+                <li><a href="https://github.com/status-im" target="_blank" class="footer-github">GitHub</a></li>
+                <li><a href="https://www.reddit.com/r/statusim/" target="_blank" class="footer-reddit">Reddit</a></li>
+                <li><a href="https://www.youtube.com/statusim" target="_blank" class="footer-youtube">YouTube</a></li>
+            </ul>
+        </div>
+        <div class="more">
+            <h3>More</h3>
+            <ul>
+                <li><a href="http://docs.status.im/">Status Docs</a></li>
+                <li><a href="https://our.status.im/">Our Status</a></li>
+                <li><a href="https://status.im/open-positions.html">Jobs</a></li>
+                <li><a href="https://status.im/incubate">Incubate</a></li>
+                <li><a href="https://status.im/projects">Projects</a></li>
+                <li><a href="https://status.im/privacy-policy.html">Privacy Policy</a></li>
+            </ul>
+    </div>
+    </div>
+</footer>

themes/navy/layout/partial/head.swig

@@ -0,0 +1,37 @@
+<head prefix="og: http://ogp.me/ns#">
+  <meta charset="utf-8">
+  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ config.title }}</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- Canonical links -->
+  <link rel="canonical" href="{{ url }}">
+  <!-- Alternative links -->
+  {% if page.layout == 'page' or page.layout == 'index' %}
+    {% for lang in site.data.languages %}
+      <link rel="alternative" hreflang="{{ loop.key }}" href="{{ canonical_url(loop.key) }}">
+    {% endfor %}
+  {% endif %}
+  <!-- Icon -->
+  <meta name="msapplication-TileColor" content="#ff9c00">
+  <meta name="msapplication-TileImage" content="{{ url_for('icon/mstile-144x144.png') }}">
+
+  <link rel="icon" type="image/png" href="/img/logo-16.png?v=0.0.5" sizes="16x16" />
+  <link rel="icon" type="image/png" href="/img/logo-32.png?v=0.0.5" sizes="32x32" />
+
+  <link rel="apple-touch-icon" sizes="76x76" href="/img/apple-touch-icon-76.png?v=0.0.5">
+  <link rel="apple-touch-icon" sizes="120x120" href="/img/apple-touch-icon-120.png?v=0.0.5">
+  <link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152.png?v=0.0.5">
+  <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon-180.png?v=0.0.5">
+  <link rel="apple-touch-icon" href="/img/apple-touch-icon-1024.png?v=0.0.5">
+  <!-- CSS -->
+  <!-- build:css build/css/navy.css -->
+  {{ css('css/navy') }}
+  <!-- endbuild -->
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
+  <!-- RSS -->
+  {{ feed_tag('atom.xml') }}
+  <meta property="og:image" content="/img/graphic-licensing.png" />
+  <meta property="og:title" content="Nimbus, a Light Client for Ethereum 2.0" />
+</head>

themes/navy/layout/partial/header.swig

@@ -0,0 +1,96 @@
+<div class="header">
+    <div class="header-left">
+        <div class="logo-wrap">
+            <span class="logo-span"><a class="logo" href="/"></a></span>
+            <span class="logo-span"><a class="logo-text" href="/">people-ops</a></span>
+        </div>
+        <header class="dropdown">
+            <nav>
+                <ul>
+                    <li class="has-submenu">
+                        <a href="#" class="main-link">Status App</a>
+                        <i class="mobile-submenu-trigger"></i>
+                        <div class="sub-menu">
+                            <ul>
+                                <li><a href="https://status.im">About</a></li>
+                                <li><a href="https://status.im">Features</a></li>
+                                <li><a href="https://desktop.status.im">Desktop</a></li>
+                                <li><a href="https://docs.status.im">Docs</a></li>
+                                <li><a href="https://our.status.im">Blog</a></li>
+                                <li><a href="https://people-ops.status.im/">Contribute</a></li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li class="has-submenu">
+                        <a href="#" class="main-link">Embark</a>
+                        <i class="mobile-submenu-trigger"></i>
+                        <div class="sub-menu">
+                            <ul>
+                                <li><a href="https://embark.status.im">About</a></li>
+                                <li><a href="https://embark.status.im/docs">Docs</a></li>
+                                <li><a href="https://our.status.im/tag/embark">Blog</a></li>
+                                <li><a href="https://gitter.im/embark-framework/Lobby">Contribute</a></li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li><a href="#">Studio</a></li>
+                    <li class="has-submenu"><a href="https://status.im/incubate">Incubate</a></li>
+                        <i class="mobile-submenu-trigger"></i>
+                        <div class="sub-menu">
+                            <ul>
+                                <li><a href="#">About</a></li>
+                                <li><a href="#">Projects</a></li>
+                                <li><a href="#">Projects</a></li>
+                                <li><a href="https://get.status.im/chat/public/status-incubate">Community</a></li>
+                                <li><a href="https://our.status.im/tag/incubate">Blog</a></li>
+                            </ul>
+                        </div>
+                    <li class="has-submenu">
+                        <a href="https://nimbus.status.im" class="main-link">Nimbus</a>
+                        <i class="mobile-submenu-trigger"></i>
+                        <div class="sub-menu">
+                            <ul>
+                                <li><a href="#">About</a></li>
+                                <li><a href="/docs/">Docs</a></li>
+                                <li><a href="https://our.status.im/tag/research">Blog</a></li>
+                                <li><a href="https://gitter.im/status-im/nimbus">Contribute</a></li>
+                            </ul>
+                        </div>
+                    </li>
+                    <li><a href="https://our.status.im/tag/hardwallet">Hardwallet</a></li>
+                    <li class="current has-submenu">
+                        <a href="https://people-ops.status.im">Peopleops</a>
+                        <i class="mobile-submenu-trigger"></i>
+                        <div class="sub-menu">
+                            <ul>
+                                <li><a href="https://our.status.im/our-principles/">Our Principles</a></li>
+                                <li><a href="/people-op.status.im/docs/working_here.html">Working Here</a></li>
+                                <li><a href="/people-op.status.im/docs/">Docs</a></li>
+                                <li><a href="/people-op.status.im/docs/life_status.html">Life at Status</a></li>
+                                <li><a href="/people-op.status.im/docs/contribute.html">Contribute</a></li>
+                                <li><a href="https://status.im/open-positions.html">Jobs</a></li>
+                                <li><a href="https://people-ops.status.im/tag/peopleops">Blog</a></li>
+                            </ul>
+                        </div>
+                    </li>
+                </ul>
+            </nav>
+        </header>
+    </div>
+    <div class="secondary-nav">
+        <div id="search-input-wrap">
+            <div id="search-input-icon">
+                <i class="fa fa-search"></i>
+            </div>
+            <input type="search" id="search-input" placeholder="Search...">
+        </div>
+        <span><a href="http://get.status.im/chat/public/status" class="button button--secondary">Status Public Chat</a></span>
+        <span class="social-link social-link--twitter"><a href="https://twitter.com/ethstatus" target="_blank"></a></span>
+        <span class="social-link social-link--github"><a href="https://github.com/status-im" target="_blank"></a></span>
+    </div>
+    <a href="#" class="mobile-menu-trigger">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M4 7C4 6.44727 4.44775 6 5 6H19C19.5522 6 20 6.44727 20 7C20 7.28516 19.8811 7.54102 19.6903 7.72266C19.5109 7.89453 19.2677 8 19 8H5C4.44775 8 4 7.55273 4 7ZM4 17C4 16.4473 4.44775 16 5 16H19C19.1147 16 19.2251 16.0195 19.3278 16.0547C19.463 16.1016 19.5851 16.1777 19.687 16.2734C19.8798 16.4551 20 16.7129 20 17C20 17.5527 19.5522 18 19 18H5C4.44775 18 4 17.5527 4 17ZM5 11C4.44775 11 4 11.4473 4 12C4 12.5527 4.44775 13 5 13H15C15.3312 13 15.6249 12.8398 15.8068 12.5918C15.9282 12.4258 16 12.2207 16 12C16 11.6387 15.8087 11.3223 15.5221 11.1465C15.3701 11.0527 15.1913 11 15 11H5Z" fill="black"/>
+        </svg>
+    </a>
+</div>

themes/navy/layout/partial/mobile_nav.swig

@@ -0,0 +1,40 @@
+<div class="backdrop"></div>
+<div class="mobile-menu-container">
+  <div class="mobile-menu-container-inner">
+    <div class="mobile-menu-header">
+      <div class="logo-wrap">
+          <span class="logo-span"><a class="logo" href="/"></a></span>
+          <span class="logo-span"><a class="logo-text" href="/">people-ops</a></span>
+      </div>
+      <a href="#" class="close">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.574L7.72275 6.2968C7.32616 5.90021 6.68994 5.90241 6.29617 6.29617C5.89966 6.69269 5.90269 7.32864 6.2968 7.72275L10.574 12L6.2968 16.2772C5.90021 16.6738 5.90241 17.3101 6.29617 17.7038C6.69269 18.1003 7.32864 18.0973 7.72275 17.7032L12 13.426L16.2772 17.7032C16.6738 18.0998 17.3101 18.0976 17.7038 17.7038C18.1003 17.3073 18.0973 16.6714 17.7032 16.2772L13.426 12L17.7032 7.72275C18.0998 7.32616 18.0976 6.68994 17.7038 6.29617C17.3073 5.89966 16.6714 5.90269 16.2772 6.2968L12 10.574Z" fill="black"/>
+        </svg>
+      </a>
+    </div>
+    <div class="ecosystem">
+      <span class="title">Ecosystem</span>
+    </div>
+    <div class="community">
+      <span class="title">Community</span>
+    </div>
+  </div>
+  <div class="mobile-submenu-container-inner">
+    <div class="mobile-menu-header">
+      <a href="#" class="back">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M7.00687 12.1016C7.02704 12.3261 7.1228 12.5448 7.29281 12.7143L14.3042 19.7079C14.6926 20.0953 15.3188 20.0988 15.7089 19.7097C16.0963 19.3232 16.0907 18.6911 15.7072 18.3085L9.38119 11.9986L15.7072 5.68865C16.0956 5.30126 16.099 4.67664 15.7089 4.28751C15.3215 3.90107 14.6877 3.9067 14.3042 4.28924L7.29281 11.2828C7.06819 11.5069 6.97231 11.8103 7.00687 12.1016Z" fill="black"/>
+        </svg>
+      </a>
+      <span class="title">Status app</span>
+      <a href="#" class="close">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10.574L7.72275 6.2968C7.32616 5.90021 6.68994 5.90241 6.29617 6.29617C5.89966 6.69269 5.90269 7.32864 6.2968 7.72275L10.574 12L6.2968 16.2772C5.90021 16.6738 5.90241 17.3101 6.29617 17.7038C6.69269 18.1003 7.32864 18.0973 7.72275 17.7032L12 13.426L16.2772 17.7032C16.6738 18.0998 17.3101 18.0976 17.7038 17.7038C18.1003 17.3073 18.0973 16.6714 17.7032 16.2772L13.426 12L17.7032 7.72275C18.0998 7.32616 18.0976 6.68994 17.7038 6.29617C17.3073 5.89966 16.6714 5.90269 16.2772 6.2968L12 10.574Z" fill="black"/>
+        </svg>
+      </a>
+    </div>
+    <div class="dropdown">
+      <nav></nav>
+    </div>
+  </div>
+</div>

themes/navy/layout/partial/post.swig

@@ -0,0 +1,16 @@
+<article class="article post" itemscope itemtype="http://schema.org/Article">
+  <header class="article-header">
+    {% if is_post() %}
+      <h1 class="article-title" itemprop="name">{{ post.title }}</h1>
+    {% else %}
+      <h1>
+        <a href="{{ url_for(post.path) }}" class="article-title" itemprop="name">{{ post.title }}</a>
+      </h1>
+    {% endif %}
+    <a href="{{ url_for(post.path) }}" class="article-date">{{ time_tag(post.date) }}</a>
+  </header>
+  <div class="article-content" itemprop="articleBody">
+    {{ page_anchor(post.content) }}
+  </div>
+  {{ partial('partial/comment') }}
+</article>

themes/navy/layout/partial/share.swig

@@ -0,0 +1,10 @@
+<!-- GitHub star -->
+<a class="github-button" href="https://github.com/status-im" data-icon="octicon-star" data-show-count="true" aria-label="Star status-im on GitHub">Star</a>
+<!-- GitHub fork -->
+<a class="github-button" href="https://github.com/status-im/nimbus/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork status-im/status-react on GitHub">Fork</a><!-- Tweet button -->
+<!-- Twitter follow button -->
+<a href="https://twitter.com/ethstatus" class="twitter-follow-button" data-show-count="true">Follow @ethstatus</a>
+<!-- Github Button -->
+<script async defer src="https://buttons.github.io/buttons.js"></script>
+<!-- Twitter share button -->
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

themes/navy/layout/partial/sidebar.swig

@@ -0,0 +1,5 @@
+<aside id="sidebar" role="navigation">
+  <div class="inner">
+    {{ doc_sidebar('sidebar') }}
+  </div>
+</aside>

themes/navy/layout/partial/theme.swig

@@ -0,0 +1,18 @@
+<li class="plugin on">
+  <div class="plugin-screenshot">
+    <noscript>
+      <img src="{{ url_for('themes/screenshots/' + plugin.name + '.png') }}" class="plugin-screenshot-img" alt="{{ plugin.name }}">
+    </noscript>
+    <img data-src="{{ url_for('themes/screenshots/' + plugin.name + '.png') }}" data-sizes="auto" class="plugin-screenshot-img lazyload" alt="{{ plugin.name }}">
+    {% if plugin.preview %}
+    <a href="{{ plugin.preview }}" class="plugin-preview-link" target="_blank"><i class="fa fa-eye"></i></a>
+    {% endif %}
+  </div>
+  <a href="{{ plugin.link }}" class="plugin-name" target="_blank">{{ plugin.name }}</a>
+  <p class="plugin-desc">{{ plugin.description }}</p>
+  <div class="plugin-tag-list">
+    {% for tag in plugin.tags %}
+      <a href="#{{ tag }}" class="plugin-tag">{{ tag }}</a>
+    {% endfor %}
+  </div>
+</li>

themes/navy/layout/partial/tutorial.swig

@@ -0,0 +1,9 @@
+<li class="plugin on">
+  <a href="{{ tutorial.link }}" class="plugin-name">{{ tutorial.name }}</a>
+  <p class="plugin-desc">{{ tutorial.description }}</p>
+  <div class="plugin-tag-list">
+    {% for tag in tutorial.tags %}
+      <a href="#{{ tag }}" class="plugin-tag">{{ tag }}</a>
+    {% endfor %}
+  </div>
+</li>

themes/navy/layout/plugins.swig

@@ -0,0 +1,14 @@
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      <header id="plugin-list-header">
+        <h1 id="plugin-list-title">{{ page.title }}</h1>
+      </header>
+      <ul id="plugin-list">
+        {% for plugin in site.data[page.data] %}
+          {{ partial('partial/' + page.partial, {plugin: plugin}) }}
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
+</div>

themes/navy/layout/post.swig

@@ -0,0 +1,7 @@
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      {{ partial('partial/post', {post: page}) }}
+    </div>
+  </div>
+</div>

themes/navy/layout/templates.swig

@@ -0,0 +1,14 @@
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      <header id="plugin-list-header">
+        <h1 id="plugin-list-title">{{ page.title }}</h1>
+      </header>
+      <ul id="plugin-list">
+        {% for template in _.sortBy(site.data[page.data], 'name') %}
+          {{ partial('partial/' + page.partial, {template: template}) }}
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
+</div>

themes/navy/layout/tutorial.swig

@@ -0,0 +1,33 @@
+<div id="content-wrap">
+  <div id="content" class="wrapper">
+    <div id="content-inner-full">
+      <article class="article-container" itemscope itemtype="http://schema.org/Article">
+        <div class="article-inner">
+          <div class="article">
+            <div class="inner">
+              <header class="article-header">
+                <h1 class="article-title" itemprop="name">{{ page.title }}</h1>
+              </header>
+              <div class="article-content" itemprop="articleBody">
+                {{ page_anchor(page.content) }}
+              </div>
+              <footer class="article-footer">
+                <time class="article-footer-updated" datetime="{{ date_xml(page.updated) }}" itemprop="dateModified">{{ __('page.last_updated', date(page.updated)) }}</time>
+                {{ page_nav() }}
+              </footer>
+            </div>
+          </div>
+          <aside id="article-toc" role="navigation">
+            <div id="article-toc-inner">
+              <strong class="sidebar-title">{{ __('page.contents') }}</strong>
+              {{ toc(page.content, {list_number: false}) }}
+              <a href="#" id="article-toc-top">{{ __('page.back_to_top') }}</a>
+            </div>
+          </aside>
+        </div>
+      </article>
+      {{ partial('partial/sidebar') }}
+    </div>
+  </div>
+</div>
+

themes/navy/layout/tutorials.swig

@@ -0,0 +1,14 @@
+<div id="content-wrap">
+  <div class="wrapper">
+    <div class="inner">
+      <header id="plugin-list-header">
+        <h1 id="plugin-list-title">{{ page.title }}</h1>
+      </header>
+      <ul id="plugin-list">
+        {% for tutorial in _.sortBy(site.data[page.data], 'name') %}
+          {{ partial('partial/' + page.partial, {tutorial: tutorial}) }}
+        {% endfor %}
+      </ul>
+    </div>
+  </div>
+</div>

themes/navy/source/css/_partial/archive.styl

@@ -0,0 +1,24 @@
+.archive-post
+  padding: 1em 0
+  border-top: 1px solid color-border
+  &:last-child
+    padding-bottom: 40px
+
+.archive-post-link
+  clearfix()
+  display: block
+  color: color-default
+  text-decoration: none
+  line-height: line-height
+  &:hover
+    color: color-link-hover
+
+.archive-post-title
+  font-family: font-title
+  float: left
+  font-weight: bold
+
+.archive-post-date
+  color: color-gray
+  float: right
+  font-size: 0.9em

themes/navy/source/css/_partial/base.styl

@@ -0,0 +1,53 @@
+global-reset()
+
+html
+  box-sizing: border-box
+
+*, *:before, *:after
+  box-sizing: inherit
+
+button
+input[type="reset"]
+input[type="button"]
+input[type="submit"]
+  &::-moz-focus-inner
+    padding: 0
+    margin: 0
+    border: 0
+
+input, button, select
+  margin: 0
+  padding: 0
+  border: 0
+
+html, body
+  @media screen
+    height: 100%
+    // overflow: hidden
+
+body
+  background: color-navy
+  font-size: font-size
+  font-family: font-sans
+  color: color-default
+  text-rendering: optimizeLegibility
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+  overflow-x: hidden
+
+.wrapper
+  clearfix()
+  @media screen
+    max-width: 1240px;
+    margin: 0 auto;
+    padding: 0 20px;
+
+.inner
+  clearfix()
+  @media screen
+    padding: 0 gutter-width
+
+#content-wrap
+  background: color-background-light
+  border-bottom: 1px solid darken(color-navy, 5%)
+  margin: -1px 0

themes/navy/source/css/_partial/carbonads.styl

@@ -0,0 +1,32 @@
+#carbonads
+  display: block
+  overflow: hidden
+  margin-top: 40px
+  max-width: 130px
+  text-align: left
+  font-size: 13px
+  line-height: 1.5
+  a
+    color: inherit
+    text-decoration: none
+  &:hover
+    color: inherit
+  span
+    display: block
+    overflow: hidden
+
+.carbon-img
+  display: block
+  margin: 0 auto 8px
+  line-height: 1
+
+.carbon-text
+  display: block
+  margin-bottom: 8px
+
+.carbon-poweredby
+  display: block
+  text-transform: uppercase
+  letter-spacing: 1px
+  font-size: 9px
+  line-height: 1

themes/navy/source/css/_partial/footer.styl

@@ -0,0 +1,41 @@
+#footer
+  clearfix()
+  padding: 40px 0
+  color: rgba(255, 255, 255, 0.6)
+  font-family: font-title
+  position: relative
+  background: color-navy
+  text-align: center
+  @media mq-normal
+    text-align: left
+  @media print
+    display: none
+  a
+    color: inherit
+    text-decoration: none
+    transition: 0.2s
+    &:hover
+      color: #fff
+
+#footer-copyright
+  line-height: 1.4
+  @media mq-normal
+    float: left
+  a
+    font-weight: bold
+
+#footer-links
+  margin-top: 1em
+  @media mq-normal
+    float: right
+    margin-top: 0
+
+.footer-link
+  font-size: 30px
+  margin-left: 20px
+  &:first-child
+    margin-left: 0
+
+.download
+  color: #fff
+  text-decoration: none

themes/navy/source/css/_partial/header.styl

@@ -0,0 +1,188 @@
+header-padding-normal = 10px
+header-padding-max = 30px
+logo-size = 50px
+
+#header
+  position: relative
+  padding: header-padding-normal 0
+  @media print
+    display: none
+
+#header-inner
+  display: flex
+  flex-flow: row nowrap
+  align-items: center
+  width: 1190px
+  margin-left: -120px
+  @media mq-mobile
+    justify-content: center
+
+.button--header
+  margin-top: 7px
+
+#logo-wrap-page
+  flex: 0
+  -webkit-flex: none
+  margin-top: 8px
+  width: 200px
+
+#logo
+  hide-text()
+  display: block
+  width: 56px;
+  height: 56px;
+  background-image: url(../img/logo_white.svg);
+  text-decoration: none;
+  margin: -20px 0 0 30px;
+  background-color: rgba(255,255,255,1);
+  border-radius: 50%;
+  background-size: 22px;
+  background-position: center;
+  background-repeat: no-repeat;
+
+.dropdown
+    display: flex
+    align-items: center
+    margin-left: 32px
+    nav
+        ul
+            li
+                float: left
+                margin: 8px
+                position: relative
+                a
+                    color: #FFFFFF
+                    text-decoration: none
+                    font-weight: bold
+                    &:hover
+                        opacity: .7
+                    &:focus
+                        color: rgba(255, 255,255,1)
+                    a
+                        color: rgba(255,255,255,0.7)
+                &:hover
+                    & > ul
+                        display: block
+                        z-index: 1
+                ul
+                    background: #ffffff
+                    border-radius: 5px
+                    left: 0
+                    padding: 10px 5px 5px 5px
+                    position: absolute
+                    top: 100%
+                    li
+                        float: none
+                        width: 8.125em
+                        a
+                            &:hover
+                                color #000
+
+.dropdown:before,
+.dropdown:after
+    clear: both
+    content: ""
+    display: table
+
+.dropdown nav ul li ul li a:link,
+.dropdown nav ul li ul li a:visited
+    color: #8d99a4
+
+#search-input-wrap
+  display: none
+  height: 40px
+  width: 180px
+  background-color: #ff9c00
+  border-radius: 22px
+  padding: 0 12px
+  align-items: center
+  transition: 0.2s
+  &.on
+    display: flex
+    @media mq-mobile
+      width: 40px
+      cursor: pointer
+      &.standalone
+        position: absolute
+        right: 20px
+  &.active
+    width: 180px
+    background-color: color-background-light
+
+#search-input-icon
+  color: rgba(255, 255, 255, 1)
+  height: 24px
+  width: 24px
+  margin: 0 2px 0 0
+  display: inline-block
+  opacity: 1
+  @media mq-mobile
+    height: auto;
+
+#search-input-wrap.active #search-input-icon
+  color: color-navy
+
+#search-input-wrap.active #search-input
+  color: color-navy
+
+#search-input
+  background: none
+  width: 126px
+  height: 24px
+  font-size: 15px
+  color: color-main-link
+  outline: none
+  -webkit-appearance: none
+  @media mq-mobile
+    display: none
+
+#search-input-wrap.active #search-input
+  display: inline;
+    
+#search-input::-webkit-input-placeholder {
+  color:rgba(255, 255, 255, .4)
+}
+
+#search-input::-moz-placeholder {
+  color:rgba(255, 255, 255, .4)
+}
+
+#search-input:-ms-input-placeholder {
+  color:rgba(255, 255, 255, .4)
+}
+
+#search-input:-moz-placeholder {
+  color:rgba(255, 255, 255, .4)
+}
+
+#search-input-wrap .algolia-autocomplete .ds-dropdown-menu
+  @media (max-width: 560px)
+    min-width: 400px
+  @media (max-width: 470px)
+    min-width: 300px
+
+#lang-select-wrap
+  display: none
+  position: relative
+  @media mq-normal
+    display: block
+
+#lang-select-label
+  color: color-main-link
+  opacity: 0.7
+  font-family: font-title
+  line-height: logo-size
+  span
+    padding-left: 8px
+  i
+    opacity: 0.7
+
+#lang-select
+  opacity: 0
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+  -webkit-appearance: menulist-button
+  font-size: inherit

themes/navy/source/css/_partial/highlight.styl

@@ -0,0 +1,105 @@
+// https://github.com/chriskempson/tomorrow-theme
+highlight-background = #fff
+highlight-current-line = #efefef
+highlight-selection = #d6d6d6
+highlight-foreground = #4d4d4c
+highlight-comment = #8e908c
+highlight-red = #c82829
+highlight-orange = #f5871f
+highlight-yellow = #eab700
+highlight-green = #718c00
+highlight-aqua = #3e999f
+highlight-blue = #4271ae
+highlight-purple = #8959a8
+
+pre, code
+  font-family: font-mono
+  color: highlight-foreground
+  background: #eee
+  font-size: 0.95em
+
+code
+  padding: 0 5px
+
+pre
+  padding: 10px 15px
+  line-height: 22px
+  code
+    border: none
+    display: block
+    padding: 0
+
+.highlight
+  background: #eee
+  padding: 10px 15px
+  color: highlight-foreground
+  overflow: auto
+  margin: 0
+  table
+    margin: 0 !important
+    border: 0
+    th, td
+      padding: 0
+  figcaption
+    clearfix()
+    margin: -5px 0 5px
+    font-size: 0.9em
+    color: color-gray
+    a
+      float: right
+  pre
+    padding: 0
+    border: none
+    background: none
+  .line
+    height: 22px
+
+pre
+  .comment
+  .title
+    color: highlight-comment
+  .variable
+  .attribute
+  .tag
+  .regexp
+  .ruby .constant
+  .xml .tag .title
+  .xml .pi
+  .xml .doctype
+  .html .doctype
+  .css .id
+  .css .class
+  .css .pseudo
+    color: highlight-red
+  .number
+  .preprocessor
+  .built_in
+  .literal
+  .params
+  .constant
+    color: highlight-orange
+  .class
+  .ruby .class .title
+  .css .rules .attribute
+    color: highlight-green
+  .string
+  .value
+  .inheritance
+  .header
+  .ruby .symbol
+  .xml .cdata
+    color: highlight-green
+  .css .hexcolor
+    color: highlight-aqua
+  .function
+  .python .decorator
+  .python .title
+  .ruby .function .title
+  .ruby .title .keyword
+  .perl .sub
+  .javascript .title
+  .coffeescript .title
+    color: highlight-blue
+  .keyword
+  .javascript .function
+    color: highlight-purple

themes/navy/source/css/_partial/index.styl

@@ -0,0 +1,125 @@
+#banner
+  color: rgba(255, 255, 255, 1.0)
+  text-align: center
+
+#banner-title
+  padding-top: 20px
+  font-size: 40px
+  line-height: 1.15
+  font-weight: 300
+  font-family: font-title
+  @media mq-normal
+    padding-top: 100px
+    font-size: 50px
+
+#banner-start
+  text-align: center
+  padding: 40px 0
+  @media mq-normal
+    padding: 60px 0
+    font-size: 18px
+
+#banner-start-command
+  background: lighten(color-navy, 10%)
+  font-family: font-mono
+  display: inline-block
+  padding: 15px 20px
+  &:before
+    content: "$"
+    opacity: 0.5
+    padding-right: 10px
+
+#banner-start-link
+  color: #fff
+  background: color-link
+  display: inline-block
+  padding: 15px
+  text-decoration: none
+  transition: 0.2s
+  &:hover
+    background: color-link-hover
+
+#banner-share
+  display: none
+  padding-bottom: 60px
+  @media mq-normal
+    display: block
+
+#intro-feature-list
+  padding-top: 20px
+  display: flex
+  flex-flow: column
+  @media mq-normal
+    flex-flow: row wrap
+
+.intro-feature-wrap
+  padding-top: 20px
+  @media mq-normal
+    flex: 0 0 50%
+    padding-top: 50px
+
+.intro-feature
+  position: relative
+  text-align: center
+  @media mq-normal
+    text-align: left
+    padding-left: 70px
+
+.intro-feature-icon
+  color: color-link
+  font-size: 36px
+  padding-bottom: 26px
+  text-align: center
+  @media mq-normal
+    position: absolute
+    top: 0
+    left: 20px
+    font-size: 24px
+    width: @font-size
+
+.intro-feature-title
+  color: color-link
+  font-family: font-title
+  font-size: 24px
+
+.intro-feature-desc
+  margin: line-height 0
+  line-height: line-height
+
+#intro-cmd-wrap
+  max-width: 700px
+  background: #eee
+  padding: 15px 0
+  margin: 25px gutter-width * -1 0
+  @media mq-normal
+    margin: 50px auto 0
+
+.intro-cmd-item
+  font-size: 16px
+  font-family: font-mono
+  line-height: 2
+  padding: 0 30px
+  &:before
+    content: "$"
+    color: color-link
+    padding-right: 15px
+
+#intro-get-started-wrap
+  text-align: center
+
+#intro-get-started-link
+  font-size: 18px
+  font-family: font-title
+  display: inline-block
+  color: color-link
+  text-decoration: none
+  margin: 40px 0
+  border: 3px solid
+  border-color: lighten(color-link, 20%)
+  padding: 12px 24px
+  position: relative
+  transition: 0.2s
+  &:hover
+    background: @border-color
+    color: #fff
+

themes/navy/source/css/_partial/mobile_nav.styl

@@ -0,0 +1,136 @@
+toggle-width = 25px
+toggle-height = toggle-width * 0.8
+toggle-line = 2px
+transition-duration = 0.4s
+lang-select-height = 40px
+
+#mobile-nav
+  position: fixed
+  top: 0
+  width: mobile-nav-width
+  left: @width * -1
+  height: 100%
+  background: color-navy
+  transition: transition-duration
+  font-family: font-title
+  .mobile-nav-on &
+    transform: translateX(100%)
+
+#mobile-nav-inner
+  overflow-y: auto
+  padding: 10px 0
+  position: absolute
+  top: 0
+  bottom: lang-select-height
+  left: 0
+  right: 0
+  -webkit-overflow-scrolling: touch
+
+#mobile-nav-toggle
+  position: absolute
+  top: 0
+  bottom: 0
+  left: gutter-width
+  width: toggle-width
+  height: toggle-height
+  margin: auto
+  opacity: 0.5
+  cursor: pointer
+  transition: 0.2s
+  &:active, .mobile-nav-on &
+    opacity: 1
+  @media mq-normal
+    display: none
+
+.mobile-nav-toggle-bar
+  background: #fff
+  position: absolute
+  left: 0
+  width: 100%
+  height: toggle-line
+  transition: transition-duration
+  transform-origin: 0
+  border-radius: toggle-line
+  &:first-child
+    top: 0
+    .mobile-nav-on &
+      transform: rotate(45deg)
+  &:nth-child(2)
+    top: (toggle-height - toggle-line) * 0.5
+    .mobile-nav-on &
+      opacity: 0
+  &:last-child
+    top: toggle-height - toggle-line
+    .mobile-nav-on &
+      transform: rotate(-45deg)
+
+.mobile-nav-link
+  color: #fff
+  text-decoration: none
+  display: block
+  padding: 10px 15px
+  line-height: 1
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+.mobile-nav-title
+  color: color-link
+  font-weight: bold
+  padding: 10px 15px
+  line-height: 1
+  display: block
+  border-top: 1px solid #444
+  margin-top: 10px
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+#mobile-lang-select-wrap
+  position: absolute
+  bottom: 0
+  left: 0
+  width: 100%
+  background: color-navy
+  border-top: 1px solid #444
+
+#mobile-lang-select-label
+  line-height: lang-select-height
+  color: #fff
+  padding: 10px 15px
+  i
+    opacity: 0.7
+  span
+    padding-left: 8px
+
+#mobile-lang-select
+  -webkit-appearance: menulist-button
+  opacity: 0
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+
+#container
+  transition: transition-duration
+  height: 100%
+  // overflow: auto
+  -webkit-overflow-scrolling: touch
+  .mobile-nav-on &
+    transform: translateX(mobile-nav-width)
+    overflow: hidden
+
+#mobile-nav-dimmer
+  position: absolute
+  top: 0
+  left: 100%
+  height: 100%
+  background: #000
+  opacity: 0
+  transition: opacity transition-duration, transform 0s transition-duration
+  .mobile-nav-on &
+    width: 100%
+    opacity: 0.7
+    transform: translateX(-100%)
+    transition: opacity transition-duration

themes/navy/source/css/_partial/page.styl

@@ -0,0 +1,259 @@
+note-tip = hsl(40, 100%, 50%)
+note-info = hsl(200, 100%, 50%)
+note-warn = hsl(0, 100%, 50%)
+
+#content
+  clearfix()
+  position: relative
+
+#content-inner
+  display: flex;
+
+#content-inner-full
+  clearfix()
+  @media mq-normal
+    margin-left: 0
+
+.article-container
+  @media mq-normal
+    float: right
+    width: 100%
+
+.article-inner
+  clearfix()
+
+.article
+  float: left
+  width: 100%
+  padding: 20px 0
+  @media print
+    padding: 0
+
+#article-toc
+  display: none
+  float: right
+  width: sidebar-width
+  margin-right: sidebar-width * -1
+  opacity: 0.8
+  @media mq-normal
+    display: block
+  @media screen and (max-width: 1450px)
+    display: none
+  &.fixed
+    position: absolute
+    top: 0
+    bottom: 0
+    right: 0
+
+#article-toc-inner
+  @extend .inner
+  overflow-x: hidden
+  overflow-y: auto
+  width: sidebar-width
+  .fixed &
+    position: fixed
+    top: 0
+    bottom: 0
+
+.toc-link
+  @extend .sidebar-link
+
+.toc-child
+  padding-left: 1em
+  font-size: 0.9em
+
+#article-toc-top
+  margin-top: 2em
+  font-size: 0.9em
+  text-decoration: none
+  color: color-default
+  display: block
+  margin-bottom: 40px
+  font-family: font-title
+  &:hover
+    color: color-link-hover
+
+.article-header
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 90px 0 20px;
+  display: flex;
+  justify-content: space-between;
+
+.article-title
+  font-family: font-title
+  font-size: 26px
+  line-height: 32px
+  font-weight: 300
+  text-decoration: none
+  font-weight: bold;
+  font-size: 25px;
+  color: #ffffff;
+  transition: 0.2s
+  a&:hover
+    color: color-link-hover
+  .post &
+    float: none
+
+.article-date
+  color: color-gray
+  text-decoration: none
+  display: inline-block
+  margin-top: 1em
+  &:hover
+    color: color-link-hover
+
+.article-edit-link
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  font-size: 15px;
+  color: #ffffff;
+  display: none;
+  align-items: flex-end;
+  text-decoration: none;
+  &:hover
+    opacity: 0.7;
+  @media mq-normal
+    display: flex
+
+.article-anchor
+  margin-left: 10px
+  display: none
+  &:before
+    content: "#"
+  @media print
+    display: none !important
+  .article-heading:hover &
+    display: inline-block
+
+.article-content
+  line-height: line-height
+  color: color-default
+  @media print
+    font-size: 12pt
+  p, ol, ul, dl, table, blockquote, iframe, .highlight
+    margin: 1em 0
+  h1
+    font-size: 26px
+  h2
+    font-size: 20px
+  h3
+    font-size: 18px
+  h1, h2, h3, h4, h5, h6
+    line-height: 1em
+    font-weight: bold
+    margin: 1em 0
+    color: color-title
+  a
+    color: #000000;
+    text-decoration: underline;
+    &:hover
+      color: color-link-hover
+      text-decoration: underline
+    @media print
+      color: color-default
+      text-decoration: underline
+      &:after
+        content: " (" attr(href) ")"
+        font-size: 80%
+  strong
+    font-weight: bold
+  em
+    font-style: italic
+  ul, ol, dl
+    margin-left: 20px
+    ul, ol, dl
+      margin-top: 0
+      margin-bottom: 0
+  ul
+    list-style: disc
+  ol
+    list-style: decimal
+  dl
+    list-style: square
+  li
+    p
+      margin: 0
+    table, blockquote, iframe, .highlight
+      margin: 1em 0
+  img, video
+    max-width: 100%
+  blockquote
+    padding: 0 20px
+    position: relative
+    border: 1px solid color-border
+    border-left: 5px solid #ddd
+    footer
+      margin: 1em 0
+      font-style: italic
+      cite
+        &:before
+          content: "—"
+          padding: 0 0.3em
+        a
+          color: color-grey
+  .note
+    &.tip
+      border-left-color: note-tip
+    &.info
+      border-left-color: note-info
+    &.warn
+      border-left-color: note-warn
+  .note-title
+    margin: 1em 0
+    display: block
+    font-size: 1.3em
+    font-weight: bold
+  table
+    max-width: 100%
+    border: 1px solid color-border
+    th
+      font-weight: bold
+    th, td
+      padding: 5px 15px
+    tr
+      &:nth-child(2n)
+        background: #eee
+
+.article-footer
+  clearfix()
+  margin: 1em 0
+  border-top: 1px solid color-border
+  text-align: center
+  color: color-gray
+  line-height: 1em
+  padding-top: 1em
+  position: relative
+  background: transparent
+  @media print
+    display: none
+
+$article-footer-link
+  color: color-link
+  text-decoration: none
+  font-weight: bold
+  font-family: font-title
+  text-transform: uppercase
+  position: absolute
+  &:hover
+    color: color-link-hover
+  @media print
+    display: none
+  span
+    padding: 0 6px
+
+.article-footer-prev
+  @extend $article-footer-link
+  left: 0
+
+.article-footer-next
+  @extend $article-footer-link
+  right: 0
+
+.article-footer-updated
+  font-size: 0.9em
+
+#comments
+  @media print
+    display: none

themes/navy/source/css/_partial/plugins.styl

@@ -0,0 +1,131 @@
+#plugin-list-header
+  clearfix()
+  margin: 40px 0
+
+#plugin-list-title
+  font-family: font-title
+  font-size: 36px
+  font-weight: 300
+  line-height: 1
+  float: left
+
+#plugin-list-count
+  color: color-gray
+  padding-top: 1em
+  text-align: right
+  @media mq-normal
+    float: right
+    line-height: 40px
+    padding-top: 0
+    padding-right: 15px
+
+#plugin-search-input
+  font-size: 16px
+  font-family: inherit
+  -webkit-appearance: none
+  border: 1px solid color-border
+  padding: 10px 10px
+  width: 100%
+  margin-top: 25px
+  @media mq-normal
+    float: right
+    width: 50%
+    margin-top: 0
+
+#plugin-list
+  margin: 40px -20px
+  display: flex
+  flex-flow: column
+  @media mq-tablet
+    flex-flow: row wrap
+
+.plugin
+  display: none
+  padding: 20px
+  @media mq-tablet
+    flex: 0 0 50%
+  @media mq-normal
+    flex: 0 0 (100 / 3)%
+  &.on
+    display: block
+
+.plugin-name
+  font-family: font-title
+  font-weight: bold
+  color: color-link
+  font-size: 20px
+  text-decoration: none
+  line-height: 1
+  display: block
+  &:hover
+    color: color-link-hover
+
+.plugin-desc
+  line-height: line-height
+  margin: 1em 0
+
+.plugin-tag-list
+  clearfix()
+  line-height: 1.3
+
+.plugin-tag
+  color: color-gray
+  font-size: 0.9em
+  text-decoration: none
+  float: left
+  margin-right: 10px
+  &:hover
+    color: color-link-hover
+  &:before
+    content: "#"
+
+.plugin-screenshot
+  margin-bottom: 15px
+  position: relative
+  padding-top: (10 / 16 * 100)% // 16:10 ratio
+  height: 0
+  overflow: hidden
+
+.plugin-screenshot-img
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+  transition: opacity 0.3s
+  &.lazyload
+  &.lazyloading
+    opacity: 0
+  &.lazyloaded
+    opacity: 1
+
+.plugin-preview-link
+  position: absolute
+  top: 0
+  left: 0
+  width: 100%
+  height: 100%
+  background: rgba(0, 0, 0, 0.7)
+  color: #fff
+  text-align: center
+  opacity: 0
+  transition: 0.15s
+  &:hover
+    opacity: 1
+    .fa
+      opacity: 1
+      transform: scale(1)
+  .fa
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    margin: auto
+    font-size: 50px
+    width: @font-size
+    height: @font-size
+    opacity: 0
+    transform: scale(6)
+    transition: 0.2s
+    transition-delay: 0.15s

themes/navy/source/css/_partial/post.styl

@@ -0,0 +1,5 @@
+.post
+  margin: 0 auto
+  float: none
+  @media screen
+    max-width: 800px

themes/navy/source/css/_partial/sidebar.styl

@@ -0,0 +1,39 @@
+#sidebar
+  min-width: sidebar-width
+  padding: 40px 0
+  .inner
+    padding: 0;
+    &:before
+      display: none
+    strong
+      display: none
+
+.sidebar-title
+  margin-top: 40px
+  padding: 10px 0
+  font-family: font-title
+  font-weight: bold
+  color: color-title
+  display: inline-block
+  border-top: 1px solid color-border
+  line-height: 1
+
+.sidebar-link
+  border-radius: 23.5px;
+  font-size: 15px;
+  padding: 9px 24px;
+  display: block;
+  margin-bottom: 10px;
+  position: relative;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  cursor: pointer;
+  color: #000;
+  text-decoration: none;
+  line-height: normal;
+  &:hover
+    background: rgba(250, 157, 1, 0.1);
+    color: #fa9d01;
+

themes/navy/source/css/_variables.styl

@@ -0,0 +1,87 @@
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  normal;
+  font-weight: 400;
+  src: url("../fonts/Inter-UI-Regular.woff2") format("woff2"),
+       url("../fonts/Inter-UI-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  italic;
+  font-weight: 400;
+  src: url("../fonts/Inter-UI-Italic.woff2") format("woff2"),
+       url("../fonts/Inter-UI-Italic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  normal;
+  font-weight: 500;
+  src: url("../fonts/Inter-UI-Medium.woff2") format("woff2"),
+       url("../fonts/Inter-UI-Medium.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  italic;
+  font-weight: 500;
+  src: url("../fonts/Inter-UI-MediumItalic.woff2") format("woff2"),
+       url("../fonts/Inter-UI-MediumItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  normal;
+  font-weight: 700;
+  src: url("../fonts/Inter-UI-Bold.woff2") format("woff2"),
+       url("../fonts/Inter-UI-Bold.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter UI';
+  font-style:  italic;
+  font-weight: 700;
+  src: url("../fonts/Inter-UI-BoldItalic.woff2") format("woff2"),
+       url("../fonts/Inter-UI-BoldItalic.woff") format("woff");
+}
+
+@font-face {
+    font-family: 'GT Walsheim';
+    src: url('../fonts/GTWalsheim-Bold.woff2') format('woff2'),
+        url('../fonts/GTWalsheim-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+// Config
+support-for-ie = false
+vendor-prefixes = webkit moz ms official
+
+// Colors
+color-default = #40444b
+color-title = #000
+color-gray = #777F86
+color-border = #e3e3e3
+color-navy = #363763
+color-background = #F2F2F5
+color-background-light = #fff
+color-main-link = #fff
+color-link = #fa9d01
+color-link-hover = lighten(color-link, 10%)
+
+// Typography
+font-sans = "Inter UI", "Helvetica Neue", Helvetica, Arial, sans-serif
+font-mono = "Inter UI", Monaco, Menlo, Consolas, monospace
+font-title = "Inter UI", font-sans
+font-size = 16px
+line-height = 24px
+
+// Layout
+max-width = 1200px
+gutter-width = 20px
+sidebar-width = 30%
+mobile-nav-width = 260px
+
+// Media queries
+mq-mobile = "screen and (max-width: 819px)"
+mq-normal = "screen and (min-width: 820px)"
+mq-tablet = "screen and (min-width: 480px)"

themes/navy/source/css/navy.styl

@@ -0,0 +1,16 @@
+@import "nib"
+@import "_variables"
+
+@import "_partial/base"
+@import "_partial/header"
+@import "_partial/index"
+@import "_partial/sidebar"
+@import "_partial/page"
+@import "_partial/post"
+@import "_partial/plugins"
+@import "_partial/archive"
+@import "_partial/mobile_nav"
+@import "_partial/footer"
+@import "_partial/highlight"
+@import "_partial/carbonads"
+@import "_partial/main"

themes/navy/source/img/arrow.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6809 12.0013L9.28104 8.62758C8.91136 8.26074 8.90774 7.65332 9.28306 7.28088C9.66099 6.90586 10.266 6.90756 10.6402 7.27888L14.7216 11.329C14.9061 11.5121 14.9994 11.7551 15 11.9989C15.0023 12.246 14.9084 12.4883 14.7216 12.6737L10.6402 16.7238C10.2705 17.0906 9.65837 17.0942 9.28306 16.7218C8.90513 16.3467 8.90684 15.7464 9.28104 15.3751L12.6809 12.0013Z" fill="#939BA1"/>
+</svg>