diff options
| author | Vincenzo Tilotta <tailot@gmail.com> | 2020-01-06 08:51:37 +0100 |
|---|---|---|
| committer | Yehonal <yehonal.azeroth@gmail.com> | 2020-01-06 08:51:37 +0100 |
| commit | 7b1cdbe4b08c1621364805d26b26194f3a1d3c92 (patch) | |
| tree | 42ad3e73c0759397c78da1d6a1b2c12638a51060 | |
| parent | d6389dfe1fe101a465054793ddd973ddf6b50092 (diff) | |
| download | wiki-7b1cdbe4b08c1621364805d26b26194f3a1d3c92.tar.gz wiki-7b1cdbe4b08c1621364805d26b26194f3a1d3c92.tar.bz2 wiki-7b1cdbe4b08c1621364805d26b26194f3a1d3c92.zip | |
Added "Material Design Lite" theme (#65)
* Added "Material Design Lite" theme
* material theme: fix footer
| -rw-r--r-- | _layouts/git-wiki-material.html | 163 |
1 files changed, 163 insertions, 0 deletions
diff --git a/_layouts/git-wiki-material.html b/_layouts/git-wiki-material.html new file mode 100644 index 0000000..e3e5cd6 --- /dev/null +++ b/_layouts/git-wiki-material.html @@ -0,0 +1,163 @@ +{% comment %} +# +# This layout uses Material Design Lite +# ------------------------------------- +# tAiLot - tailot@gmail.com +# ------------------------------------- +# +{% endcomment %} +{% include git-wiki/defines/defines.html %} +<!doctype html> +<html> + +<head> + {% if site.inc_before_head %} + {% include {{ site.inc_before_head }} %} + {% endif %} + + {% include git-wiki/sections/head/meta.html %} + <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> + <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue_grey-red.min.css" /> + <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css"> + <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> + <script> + $(document).ready(function () { + var target = document.querySelectorAll('*'); + Array.prototype.forEach.call(target, function (element) { + element.removeAttribute('style'); + }); + Array.prototype.forEach.call(target, function (element) { + element.removeAttribute('class'); + }); + }); + </script> + <style> + #footer { + text-align: center; + } + + #content { + padding-left: 2%; + } + </style> + {% if site.inc_after_head %} + {% include {{ site.inc_after_head }} %} + {% endif %} +</head> + +<body> + <!-- Uses a header that scrolls with the text, rather than staying + locked at the top --> + <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> + <header class="mdl-layout__header mdl-layout__header--scroll"> + <div class="mdl-layout__header-row"> + <!-- Navigation --> + <nav class="mdl-navigation"> + <!-- Title --> + <span class="mdl-layout-title">{{ site.title }}</span> + <!-- Add spacer, to align navigation to the right --> + <div class="mdl-layout-spacer"></div> + {% if site.use_github_wiki %} + <a class="mdl-navigation__link" href="{{ site.github.repository_url }}/wiki/_new">Add new</a> + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: ''}}/_edit">Edit</a> + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: ''}}/_history">History</a> + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/wiki/{{url | remove: '.html' | append: '.md'}}/">Source</a> + {% else %} + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/new/{{site.git_branch}}?filename={{ site.wiki_folder | default: 'wiki' }}/">Add + new</a> + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/edit/{{site.git_branch}}/{{page.path}}">Edit</a> + {% if site.service == "gitlab" %} + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/blob/{{site.git_branch}}/{{page.path}}">Delete</a> + {% else %} + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/delete/{{site.git_branch}}/{{page.path}}">Delete</a> + {% endif %} + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/commits/{{site.git_branch}}/{{page.path}}">History</a> + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/blob/{{site.git_branch}}/{{page.path}}">Source</a> + {% if site.blog_feature %} + <a class="mdl-navigation__link" + href="{{ site.github.repository_url }}/new/{{site.git_branch}}?filename=_posts/">Add + new post</a> + {% endif %} + {% if site.use_prose_io and site.service == "github" %} + <br> + Prose.io: + <a class="mdl-navigation__link" + href="http://prose.io/#{{site.github.repository_nwo}}/new/{{site.git_branch}}/{{ site.wiki_folder | default: 'wiki' }}">Add + new</a> + <a class="mdl-navigation__link" + href="http://prose.io/#{{site.github.repository_nwo}}/edit/{{site.git_branch}}/{{page.path}}">Edit</a> + {% if site.blog_feature %} + <a class="mdl-navigation__link" + href="http://prose.io/#{{site.github.repository_nwo}}/new/{{site.git_branch}}/_posts/">Add + new post</a> + {% endif %} + {% endif %} + {% endif %} + <!-- + <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable + mdl-textfield--floating-label mdl-textfield--align-right"> + <label class="mdl-button mdl-js-button mdl-button--icon" for="fixed-header-drawer-exp"> + <i class="material-icons">search</i> + </label> + <div class="mdl-textfield__expandable-holder"> + <input class="mdl-textfield__input" type="text" name="sample" id="fixed-header-drawer-exp"> + </div> + </div> + --> + </nav> + </div> + </header> + <div class="mdl-layout__drawer" min-width="100"> + <span class="mdl-layout-title"></span> + {% if site.logo_url %} + <img src="{{ site.logo_url }}" alt="logo"> + {% endif %} + <p>{{ site.description | default: site.github.project_tagline }}</p> + {% if site.show_wiki_pages %} + {% include git-wiki/components/lists/page-list.html %} + {% endif %} + + {% if site.blog_feature and site.show_wiki_posts %} + {% include git-wiki/components/lists/post-list.html %} + {% endif %} + + {% if site.show_downloads %} + <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"> + <a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a> + </button> + <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"> + <a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a> + </button> + <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"> + <a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a> + </button> + {% endif %} + + {% if site.inc_after_header %} + {% include {{ site.inc_after_header }} %} + {% endif %} + </div> + <main class="mdl-layout__content"> + <div class="page-content"> + <div class="mdl-grid"> + <div mdl-cell--1-col-desktop></div> + <div id="content">{{content}}</div> + </div> + </div> + <div class="mdl-layout__header" id="footer"> + {% include git-wiki/sections/footer/footer.html %} + </div> + </main> + + </div> + +</body>
\ No newline at end of file |
