diff options
Diffstat (limited to '_includes/header.html')
| -rw-r--r-- | _includes/header.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..0404093 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,41 @@ +<nav class="navbar mb-5 px-5 py-3" role="navigation" aria-label="main navigation"> + <div class="navbar-brand is-align-items-center"> + <figure class="image is-64x64"> + {% if page.url != '/' %} + <a href="../" target="_self"><img src="{{ '/assets/placeholder-icon.png' | relative_url }}" + alt="App Icon" style="border-radius: 12px;" id="headerIcon"></a> + {% else %} + <img src="{{ '/assets/placeholder-icon.png' | relative_url }}" + alt="App Icon" style="border-radius: 12px;" id="headerIcon"> + {% endif %} + </figure> + <p class="title is-4 ml-4 is-hidden-mobile" id="headerName"> + Your App Name + </p> + <div class="ml-auto is-hidden-desktop"> + {% for page in site.pages %} + {% if page.include_in_header == true %} + <a href="{{ page.url | relative_url }}" target="_self" class="button"> + {{ page.title }} + </a> + {% endif %} + {% endfor %} + </div> + </div> + + <div class="navbar-menu"> + <div class="navbar-end"> + <div class="navbar-item"> + <div class="buttons"> + {% for page in site.pages %} + {% if page.include_in_header == true %} + <a href="{{ page.url | relative_url }}" target="_self" class="button"> + {{ page.title }} + </a> + {% endif %} + {% endfor %} + </div> + </div> + </div> + </div> +</nav> |