aboutsummaryrefslogtreecommitdiff
path: root/_includes/header.html
blob: 0404093aceabe036f3da24ef35f44d67ec507cd7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
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>