diff options
| author | Andrew Lee <alee14498@gmail.com> | 2019-10-27 09:57:37 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@gmail.com> | 2019-10-27 09:57:37 -0400 |
| commit | e62e7bb6b14555c9bbe5d40d217103984f4f80e6 (patch) | |
| tree | 21887d847dccacb47644eb6f74ce31326172303c /_includes/masthead.html | |
| parent | 716ea6ed2b64c921a799d872a07bfbd53b2a3e58 (diff) | |
| download | pokeworld-website-e62e7bb6b14555c9bbe5d40d217103984f4f80e6.tar.gz pokeworld-website-e62e7bb6b14555c9bbe5d40d217103984f4f80e6.tar.bz2 pokeworld-website-e62e7bb6b14555c9bbe5d40d217103984f4f80e6.zip | |
Rewrite progress
Diffstat (limited to '_includes/masthead.html')
| -rw-r--r-- | _includes/masthead.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/_includes/masthead.html b/_includes/masthead.html new file mode 100644 index 0000000..3fe9fc1 --- /dev/null +++ b/_includes/masthead.html @@ -0,0 +1,46 @@ +{% if site.logo contains "://" %} + {% capture logo_path %}{{ site.logo }}{% endcapture %} +{% else %} + {% capture logo_path %}{{ site.logo }}{% endcapture %} +{% endif %} + +<div class="masthead"> + <div class="masthead__inner-wrap"> + <div class="masthead__menu"> + <nav id="site-nav" class="greedy-nav"> + {% unless logo_path == empty %} + <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt=""></a> + {% endunless %} + <a class="site-title" href="{{ '/' | relative_url }}"> + {{ site.masthead_title | default: site.title }} + {% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle }}</span>{% endif %} + </a> + <ul class="visible-links"> + {%- for link in site.data.navigation.main -%} + {%- if link.url contains '://' -%} + {%- assign url = link.url -%} + {%- else -%} + {%- assign url = link.url | relative_url -%} + {%- endif -%} + <li class="masthead__menu-item"> + <a href="{{ url }}" {% if link.description %}title="{{ link.description }}"{% endif %}>{{ link.title }}</a> + </li> + {%- endfor -%} + </ul> + {% if site.search == true %} + <button class="search__toggle" type="button"> + <span class="visually-hidden">{{ site.data.ui-text[site.locale].search_label | default: "Toggle search" }}</span> + <svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16"> + <path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path> + </svg> + </button> + {% endif %} + <button class="greedy-nav__toggle hidden" type="button"> + <span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle menu" }}</span> + <div class="navicon"></div> + </button> + <ul class="hidden-links hidden"></ul> + </nav> + </div> + </div> +</div> |
