diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/git-wiki/components/logo/logo.html | 10 | ||||
| -rw-r--r-- | _includes/git-wiki/sections/header/header.html | 65 |
2 files changed, 49 insertions, 26 deletions
diff --git a/_includes/git-wiki/components/logo/logo.html b/_includes/git-wiki/components/logo/logo.html index a4a36c3..d33305e 100644 --- a/_includes/git-wiki/components/logo/logo.html +++ b/_includes/git-wiki/components/logo/logo.html @@ -1,4 +1,6 @@ -<a href="{{ '/' | relative_url }}"><img src="{{ site.logo_url }}"> - <h1>{{ site.title | default: site.github.repository_name }}</h1> -</a> -<p>{{ site.description | default: site.github.project_tagline }}</p>
\ No newline at end of file +<div class="git-wiki-main-logo"> + <a href="{{ '/' | relative_url }}"><img src="{{ site.logo_url }}"> + <h1>{{ site.title | default: site.github.repository_name }}</h1> + </a> + <p>{{ site.description | default: site.github.project_tagline }}</p> +</div>
\ No newline at end of file diff --git a/_includes/git-wiki/sections/header/header.html b/_includes/git-wiki/sections/header/header.html index 34f21dd..b496c53 100644 --- a/_includes/git-wiki/sections/header/header.html +++ b/_includes/git-wiki/sections/header/header.html @@ -1,29 +1,50 @@ -<header> - {% if site.inc_before_header %} - {% include {{ site.inc_before_header }} %} - {% endif %} +<div class=" w3-xlarge w3-hide-large" id="git-wiki-mobile-header"> + <button class="w3-button w3-teal" onclick="sidebar_toggle()">☰</button> <img src="{{ site.logo_url }}" width="20px"> + {{ site.title }} +</div> +<header class="w3-sidebar w3-bar-block w3-collapse" id="git-wiki-sidebar"> + <div> + <button class="w3-bar-item w3-button w3-large w3-hide-large" onclick="sidebar_toggle()">Close ×</button> + {% if site.inc_before_header %} + {% include {{ site.inc_before_header }} %} + {% endif %} - {% if site.logo_url %} - {% include git-wiki/components/logo/logo.html %} - {% endif %} + <div class="w3-hide-medium w3-hide-small"> + {% if site.logo_url %} + {% include git-wiki/components/logo/logo.html %} + {% endif %} + </div> - {% if site.github.is_user_page %} - <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p> - {% endif %} - {% if site.show_downloads %} - {% include git-wiki/components/action_btn/downloads.html %} - {% endif %} + {% if site.github.is_user_page %} + <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p> + {% endif %} - {% if site.show_wiki_pages %} - {% include git-wiki/components/lists/page-list.html %} - {% endif %} + {% if site.show_downloads %} + {% include git-wiki/components/action_btn/downloads.html %} + {% endif %} - {% if site.blog_feature and site.show_wiki_posts %} - {% include git-wiki/components/lists/post-list.html %} - {% endif %} + {% if site.show_wiki_pages %} + {% include git-wiki/components/lists/page-list.html %} + {% endif %} - {% if site.inc_after_header %} - {% include {{ site.inc_after_header }} %} - {% endif %} + {% if site.blog_feature and site.show_wiki_posts %} + {% include git-wiki/components/lists/post-list.html %} + {% endif %} + + {% if site.inc_after_header %} + {% include {{ site.inc_after_header }} %} + {% endif %} + </div> </header> +<script> + function sidebar_toggle() { + var sidebar = document.getElementById("git-wiki-sidebar"); + if (sidebar.style.display == "block") { + sidebar.style.display = "none"; + sidebar.style.position = "inherit"; + } else { + $(sidebar).attr('style', 'display: block;'); + } + } +</script>
\ No newline at end of file |