Original material

material/assets/fonts/icon.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe600;" glyph-name="search" d="M661.333 341.334h-33.92l-11.733 11.733c41.813 48.427 66.987 111.36 66.987 180.267 0 153.173-124.16 277.333-277.333 277.333s-277.333-124.16-277.333-277.333 124.16-277.333 277.333-277.333c68.907 0 131.84 25.173 180.267 66.773l11.733-11.733v-33.707l213.333-212.907 63.573 63.573-212.907 213.333zM405.333 341.334c-106.027 0-192 85.973-192 192s85.973 192 192 192 192-85.973 192-192-85.973-192-192-192z" />
+<glyph unicode="&#xe601;" glyph-name="arrow-back" d="M853.333 469.334h-519.253l238.293 238.293-60.373 60.373-341.333-341.333 341.333-341.333 60.373 60.373-238.293 238.293h519.253v85.333z" />
+<glyph unicode="&#xe602;" glyph-name="chevron-right" d="M426.667 682.667l-60.373-60.373 195.627-195.627-195.627-195.627 60.373-60.373 256 256z" />
+<glyph unicode="&#xe603;" glyph-name="close" d="M810.667 664.96l-60.373 60.373-238.293-238.293-238.293 238.293-60.373-60.373 238.293-238.293-238.293-238.293 60.373-60.373 238.293 238.293 238.293-238.293 60.373 60.373-238.293 238.293z" />
+<glyph unicode="&#xe604;" glyph-name="menu" d="M128 170.667h768v85.333h-768v-85.333zM128 384h768v85.333h-768v-85.333zM128 682.667v-85.333h768v85.333h-768z" />
+<glyph unicode="&#xe605;" glyph-name="arrow-forward" d="M512 768l-60.373-60.373 238.293-238.293h-519.253v-85.333h519.253l-238.293-238.293 60.373-60.373 341.333 341.333z" />
+<glyph unicode="&#xe606;" glyph-name="twitter" d="M1024 744.249c-37.676-16.708-78.164-28.002-120.66-33.080 43.372 26 76.686 67.17 92.372 116.23-40.596-24.078-85.556-41.56-133.41-50.98-38.32 40.83-92.922 66.34-153.346 66.34-116.022 0-210.088-94.058-210.088-210.078 0-16.466 1.858-32.5 5.44-47.878-174.6 8.764-329.402 92.4-433.018 219.506-18.084-31.028-28.446-67.116-28.446-105.618 0-72.888 37.088-137.192 93.46-174.866-34.438 1.092-66.832 10.542-95.154 26.278-0.020-0.876-0.020-1.756-0.020-2.642 0-101.788 72.418-186.696 168.522-206-17.626-4.8-36.188-7.372-55.348-7.372-13.538 0-26.698 1.32-39.528 3.772 26.736-83.46 104.32-144.206 196.252-145.896-71.9-56.35-162.486-89.934-260.916-89.934-16.958 0-33.68 0.994-50.116 2.94 92.972-59.61 203.402-94.394 322.042-94.394 386.422 0 597.736 320.124 597.736 597.744 0 9.108-0.206 18.168-0.61 27.18 41.056 29.62 76.672 66.62 104.836 108.748z" />
+<glyph unicode="&#xe607;" glyph-name="github" d="M512.008 926.025c-282.738 0-512.008-229.218-512.008-511.998 0-226.214 146.704-418.132 350.136-485.836 25.586-4.738 34.992 11.11 34.992 24.632 0 12.204-0.48 52.542-0.696 95.324-142.448-30.976-172.504 60.41-172.504 60.41-23.282 59.176-56.848 74.916-56.848 74.916-46.452 31.778 3.51 31.124 3.51 31.124 51.4-3.61 78.476-52.766 78.476-52.766 45.672-78.27 119.776-55.64 149.004-42.558 4.588 33.086 17.852 55.68 32.506 68.464-113.73 12.942-233.276 56.85-233.276 253.032 0 55.898 20.004 101.574 52.76 137.428-5.316 12.9-22.854 64.972 4.952 135.5 0 0 43.006 13.752 140.84-52.49 40.836 11.348 84.636 17.036 128.154 17.234 43.502-0.198 87.336-5.886 128.256-17.234 97.734 66.244 140.656 52.49 140.656 52.49 27.872-70.528 10.35-122.6 5.036-135.5 32.82-35.856 52.694-81.532 52.694-137.428 0-196.654-119.778-239.95-233.79-252.624 18.364-15.89 34.724-47.046 34.724-94.812 0-68.508-0.596-123.644-0.596-140.508 0-13.628 9.222-29.594 35.172-24.566 203.322 67.776 349.842 259.626 349.842 485.768 0 282.78-229.234 511.998-511.992 511.998z" />
+<glyph unicode="&#xe608;" glyph-name="download" d="M810.667 554.667h-170.667v256h-256v-256h-170.667l298.667-298.667 298.667 298.667zM213.333 170.667v-85.333h597.333v85.333h-597.333z" />
+<glyph unicode="&#xe609;" glyph-name="star" d="M512 201.814l263.68-159.147-69.973 299.947 232.96 201.813-306.773 26.027-119.893 282.88-119.893-282.88-306.773-26.027 232.96-201.813-69.973-299.947z" />
+<glyph unicode="&#xe610;" glyph-name="warning" d="M554 340.667v172h-84v-172h84zM554 170.667v86h-84v-86h84zM42 42.667l470 810 470-810h-940z" />
+<glyph unicode="&#xe611;" glyph-name="hint" d="M614 682.667h240v-426h-300l-16 84h-240v-298h-84v726h384z" />
+</font></defs></svg>
\ No newline at end of file

material/base.html

+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="no-js ie6"><![endif]-->
+<!--[if IE 7 ]><html class="no-js ie7"><![endif]-->
+<!--[if IE 8 ]><html class="no-js ie8"><![endif]-->
+<!--[if IE 9 ]><html class="no-js ie9"><![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1">
+    {% block htmltitle %}
+      {% if page_title %}
+        <title>{{ page_title }} - {{ site_name }}</title>
+      {% elif page_description %}
+        <title>{{ site_name }} - {{ page_description }}</title>
+      {% else %}
+        <title>{{ site_name }}</title>
+      {% endif %}
+      {% if page_description %}
+        <meta name="description" content="{{ page_description }}">
+      {% endif %}
+      {% if canonical_url %}
+        <link rel="canonical" href="{{ canonical_url }}">
+      {% endif %}
+      {% if site_author %}
+        <meta name="author" content="{{ site_author }}">
+      {% endif %}
+    {% endblock %}
+    <meta property="og:url" content="{{ canonical_url }}">
+    <meta property="og:title" content="{{ site_name }}">
+    <meta property="og:image" content="{{ canonical_url }}/{{ base_url }}/{{ config.extra.logo }}">
+    <meta name="apple-mobile-web-app-title" content="{{ site_name }}">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    {% if config.extra.logo %}
+      <link rel="apple-touch-icon" href="{{ base_url }}/{{ config.extra.logo }}">
+    {% endif %}
+    {% set favicon = favicon | default("assets/images/favicon-e565ddfa3b.ico", true) %}
+    <link rel="shortcut icon" type="image/x-icon" href="{{ base_url }}/{{ favicon }}">
+    <link rel="icon" type="image/x-icon" href="{{ base_url }}/{{ favicon }}">
+    <style>
+      @font-face {
+      	font-family: 'Icon';
+      	src: url('{{ base_url }}/assets/fonts/icon.eot?52m981');
+      	src: url('{{ base_url }}/assets/fonts/icon.eot?#iefix52m981')
+               format('embedded-opentype'),
+      		   url('{{ base_url }}/assets/fonts/icon.woff?52m981')
+               format('woff'),
+      		   url('{{ base_url }}/assets/fonts/icon.ttf?52m981')
+               format('truetype'),
+      		   url('{{ base_url }}/assets/fonts/icon.svg?52m981#icon')
+               format('svg');
+      	font-weight: normal;
+      	font-style: normal;
+      }
+    </style>
+    <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/application-a422ff04cc.css">
+    {% if config.extra.palette %}
+      <link rel="stylesheet" href="{{ base_url }}/assets/stylesheets/palettes-05ab2406df.css">
+    {% endif %}
+    {% if config.extra.font != "none" %}
+      {% set text = config.extra.get("font", {}).text | default("Ubuntu") %}
+      {% set code = config.extra.get("font", {}).code | default("Ubuntu Mono") %}
+      {% set font = text + ':400,700|' + code | replace(' ', '+') %}
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ font }}">
+      <style>
+        body, input {
+          font-family: '{{ text }}', Helvetica, Arial, sans-serif;
+        }
+        pre, code {
+          font-family: '{{ code }}', 'Courier New', 'Courier', monospace;
+        }
+      </style>
+    {% endif %}
+    {% for path in extra_css %}
+      <link rel="stylesheet" href="{{ path }}">
+    {% endfor %}
+    <script src="{{ base_url }}/assets/javascripts/modernizr-4ab42b99fd.js"></script>
+    {% block extrahead %}{% endblock %}
+  </head>
+  {% set palette = config.extra.get("palette", {}) %}
+  {% set primary = palette.primary | replace(' ', '-') | lower %}
+  {% set accent  = palette.accent  | replace(' ', '-') | lower %}
+  <body class="{% if primary %}palette-primary-{{ primary }}{% endif %} {% if accent %}palette-accent-{{ accent }}{% endif %}">
+    {% if repo_name == "GitHub" and repo_url %}
+      {% set repo_id = repo_url | replace("https://github.com/", "") %}
+      {% if repo_id[-1:] == "/" %}
+        {% set repo_id = repo_id[:-1] %}
+      {% endif %}
+    {% endif %}
+    <div class="backdrop">
+      <div class="backdrop-paper"></div>
+    </div>
+    <input class="toggle" type="checkbox" id="toggle-drawer">
+    <input class="toggle" type="checkbox" id="toggle-search">
+    <label class="toggle-button overlay" for="toggle-drawer"></label>
+    <header class="header">
+      {% include "header.html" %}
+    </header>
+    <main class="main">
+      {% set h1 = "\x3ch1 id=" in content %}
+      <div class="drawer">
+        {% include "drawer.html" %}
+      </div>
+      <article class="article">
+        <div class="wrapper">
+          {% if not h1 %}
+            <h1>{{ page_title | default(site_name, true)}}</h1>
+          {% endif %}
+          {{ content }}
+          <aside class="copyright" role="note">
+            {% if copyright %}
+              {{ copyright }} &ndash;
+            {% endif %}
+            Documentation built with
+            <a href="http://www.mkdocs.org" target="_blank">MkDocs</a>
+            using the
+            <a href="http://squidfunk.github.io/mkdocs-material/" target="_blank">
+              Material
+            </a>
+            theme.
+          </aside>
+          {% block footer %}
+            <footer class="footer">
+              {% include "footer.html" %}
+            </footer>
+          {% endblock %}
+        </div>
+      </article>
+      <div class="results" role="status" aria-live="polite">
+        <div class="scrollable">
+          <div class="wrapper">
+            <div class="meta"></div>
+            <div class="list"></div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <script>
+      var base_url = '{{ base_url }}';
+      var repo_id  = '{{ repo_id }}';
+    </script>
+    <script src="{{ base_url }}/assets/javascripts/application-997097ee0c.js"></script>
+    {% for path in extra_javascript %}
+      <script src="{{ path }}"></script>
+    {% endfor %}
+    {% if google_analytics %}
+      <script>
+        (function(i,s,o,g,r,a,m){
+          i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||
+          []).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;
+          m.parentNode.insertBefore(a,m)
+        })(window, document,
+          'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+        /* General initialization */
+        ga('create', '{{ google_analytics[0] }}', '{{ google_analytics[1] }}');
+        ga('set', 'anonymizeIp', true);
+        ga('send', 'pageview');
+        /* Track outbound links */
+        var buttons = document.querySelectorAll('a');
+        Array.prototype.map.call(buttons, function(item) {
+          if (item.host != document.location.host) {
+            item.addEventListener('click', function() {
+              var action = item.getAttribute('data-action') || 'follow';
+              ga('send', 'event', 'outbound', action, item.href);
+            });
+          }
+        });
+        /* Register handler to log search on blur */
+        var query = document.querySelector('.query');
+        query.addEventListener('blur', function() {
+          if (this.value) {
+            var path = document.location.pathname;
+            ga('send', 'pageview', path + '?q=' + this.value);
+          }
+        });
+      </script>
+    {% endif %}
+  </body>
+</html>
\ No newline at end of file

material/drawer.html

+<nav aria-label="Navigation">
+  {% set home = repo_url | default("/", true) %}
+  <a href="{{ home }}" class="project">
+    <div class="banner">
+      {% if config.extra.logo %}
+        <div class="logo">
+          <img src="{{ base_url }}/{{ config.extra.logo }}">
+        </div>
+      {% endif %}
+      <div class="name">
+        <strong>
+          {{ site_name }}
+          <span class="version">
+            {{ config.extra.version }}
+          </span>
+        </strong>
+        {% if repo_id %}
+          <br>
+          {{ repo_id }}
+        {% endif %}
+      </div>
+    </div>
+  </a>
+  <div class="scrollable">
+    <div class="wrapper">
+      {% if repo_name == "GitHub" and repo_url %}
+        <ul class="repo">
+          <li class="repo-download">
+            {% set version = config.extra.version | default("master") %}
+            <a href="{{ repo_url }}/archive/{{ version }}.zip" target="_blank" title="Download" data-action="download">
+              <i class="icon icon-download"></i> Download
+            </a>
+          </li>
+          <li class="repo-stars">
+            <a href="{{ repo_url }}/stargazers" target="_blank" title="Stargazers" data-action="star">
+              <i class="icon icon-star"></i> Stars
+              <span class="count">&ndash;</span>
+            </a>
+          </li>
+        </ul>
+        <hr>
+      {% endif %}
+      <div class="toc">
+        <ul>
+          {% for nav_item in nav %}
+            {% include "nav.html" %}
+          {% endfor %}
+        </ul>
+        {% if config.extra.author %}
+          <hr>
+          <span class="section">The author</span>
+          <ul>
+            {% if config.extra.author.twitter %}
+              {% set author = config.extra.author.twitter %}
+              <li>
+                <a href="https://twitter.com/{{ author }}" target="_blank" title="@{{ author }} on Twitter">
+                  @{{ author }} on Twitter
+                </a>
+              </li>
+            {% endif %}
+            {% if config.extra.author.github %}
+              {% set author = config.extra.author.github %}
+              <li>
+                <a href="https://github.com/{{ author }}" target="_blank" title="@{{ author }} on GitHub">
+                  @{{ author }} on GitHub
+                </a>
+              </li>
+            {% endif %}
+          </ul>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</nav>
\ No newline at end of file

material/footer.html

+{% if include_next_prev %}
+  <nav class="pagination" aria-label="Footer">
+    <div class="previous">
+      {% if previous_page %}
+        <a href="{{ previous_page.url }}" title="{{ previous_page.title }}">
+          <span class="direction">
+            {{ config.extra.get("i18n", {}).prev | default("Previous") }}
+          </span>
+          <div class="page">
+            <div class="button button-previous" role="button" aria-label="Previous">
+              <i class="icon icon-back"></i>
+            </div>
+            <div class="stretch">
+              <div class="title">
+                {{ previous_page.title }}
+              </div>
+            </div>
+          </div>
+        </a>
+      {% endif %}
+    </div>
+    <div class="next">
+      {% if next_page %}
+        <a href="{{ next_page.url }}" title="{{ next_page.title }}">
+          <span class="direction">
+            {{ config.extra.get("i18n", {}).next | default("Next") }}
+          </span>
+          <div class="page">
+            <div class="stretch">
+              <div class="title">
+                {{ next_page.title }}
+              </div>
+            </div>
+            <div class="button button-next" role="button" aria-label="Next">
+              <i class="icon icon-forward"></i>
+            </div>
+          </div>
+        </a>
+      {% endif %}
+    </div>
+  </nav>
+{% endif %}
\ No newline at end of file

material/header.html

+<nav aria-label="Header">
+  <div class="bar default">
+    <div class="button button-menu" role="button" aria-label="Menu">
+      <label class="toggle-button icon icon-menu" for="toggle-drawer">
+        <span></span>
+      </label>
+    </div>
+    <div class="stretch">
+      <div class="title">
+        {% if current_page %}
+          <span class="path">
+            {% for doc in current_page.ancestors %}
+              {% if doc.link %}
+                <a href="{{ doc.link | e }}">{{ doc.title }}</a>
+                <i class="icon icon-link"></i>
+              {% else %}
+                {{ doc.title }} <i class="icon icon-link"></i>
+              {% endif %}
+            {% endfor %}
+          </span>
+        {% endif %}
+        {{ page_title | default(site_name, true) }}
+      </div>
+    </div>
+    {% if config.extra.get("author", {}).twitter %}
+      {% set author = config.extra.author.twitter %}
+      <div class="button button-twitter" role="button" aria-label="Twitter">
+        <a href="https://twitter.com/{{ author }}" title="@{{ author }} on Twitter" target="_blank" class="toggle-button icon icon-twitter"></a>
+      </div>
+    {% endif %}
+    {% if config.extra.get("author", {}).github %}
+      {% set author = config.extra.author.github %}
+      <div class="button button-github" role="button" aria-label="GitHub">
+        <a href="https://github.com/{{ author }}" title="@{{ author }} on GitHub" target="_blank" class="toggle-button icon icon-github"></a>
+      </div>
+    {% endif %}
+    <div class="button button-search" role="button" aria-label="Search">
+      <label class="toggle-button icon icon-search" title="Search" for="toggle-search"></label>
+    </div>
+  </div>
+  <div class="bar search">
+    <div class="button button-close" role="button" aria-label="Close">
+      <label class="toggle-button icon icon-back" for="toggle-search"></label>
+    </div>
+    <div class="stretch">
+      <div class="field">
+        <input class="query" type="text" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck>
+      </div>
+    </div>
+    <div class="button button-reset" role="button" aria-label="Search">
+      <button class="toggle-button icon icon-close" id="reset-search"></button>
+    </div>
+  </div>
+</nav>
\ No newline at end of file

material/nav.html

+{% if nav_item.children %}
+  <li>
+    <span class="section">{{ nav_item.title }}</span>
+    <ul>
+      {% for nav_item in nav_item.children %}
+        {% include "nav.html" %}
+      {% endfor %}
+    </ul>
+  </li>
+{% else %}
+  <li>
+    <a class="{% if nav_item.active %}current{% endif %}" title="{{ nav_item.title }}" href="{{ nav_item.url }}">
+      {{ nav_item.title }}
+    </a>
+    {% if nav_item == current_page %}
+      {% if h1 %}
+        {% set toc = (toc | first).children %}
+      {% endif %}
+      {% if toc and (toc | first) %}
+        <ul>
+          {% for toc_item in toc %}
+            <li class="anchor">
+              <a title="{{ toc_item.title }}" href="{{ toc_item.url }}">
+                {{ toc_item.title }}
+              </a>
+            </li>
+          {% endfor %}
+        </ul>
+      {% endif %}
+    {% endif %}
+  </li>
+{% endif %}
\ No newline at end of file

mkdocs.yml

 site_name: Documentation
-theme_dir: 'it4i_theme'
+theme_dir: 'material'
 docs_dir: docs.it4i
 
 # Copyright