bulma/docs/_includes/header.html at master · CssFormWork/bulma · GitHub

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<nav class="nav">
  <div class="nav-left">
    <a class="nav-item is-brand" href="{{ site.baseurl }}/">
      {% if page.route == 'index' %}
        <img src="{{ site.baseurl }}/images/bulma.png" alt="{{ site.title }}">
      {% else %}
        <img src="{{ site.baseurl }}/images/bulma-white.png" alt="{{ site.title }}">
      {% endif %}
    </a>
  </div>

  <div class="nav-center">
    <a class="nav-item" href="{{ site.github }}">
      <span class="icon">
        <i class="fa fa-github"></i>
      </span>
    </a>
    <a class="nav-item" href="https://twitter.com/jgthms">
      <span class="icon">
        <i class="fa fa-twitter"></i>
      </span>
    </a>
  </div>

  <span id="nav-toggle" class="nav-toggle">
    <span></span>
    <span></span>
    <span></span>
  </span>

  <div id="nav-menu" class="nav-right nav-menu">
    <a class="nav-item {% if page.route == 'index' %}is-active{% endif %}" href="{{ site.baseurl }}/">
      Home
    </a>
    <a class="is-hidden nav-item {% if page.route == 'templates' %}is-active{% endif %} {% if page.layout == 'templates' %}is-active{% endif %}" href="{{ site.baseurl }}/templates/">
      <span>Templates</span>
      <span class="tag is-small is-success">New!</span>
    </a>
    <a class="nav-item {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}">
      Documentation
    </a>
    <a class="nav-item {% if page.route == 'blog' %}is-active{% endif %}" href="{{ site.baseurl }}/blog/">
      Blog
    </a>

    {% if page.route == 'index' %}
      <span class="nav-item">
        <a id="twitter"
          class="button"
          data-social-network="Twitter"
          data-social-action="tweet"
          data-social-target="{{ site.url }}"
          target="_blank"
          href="https://twitter.com/intent/tweet?text={{ site.title | urlencode }}&url={{ site.url }}&via=jgthms">
          <span class="icon">
            <i class="fa fa-twitter"></i>
          </span>
          <span>Tweet</span>
        </a>
        <a class="button is-primary" href="{{ site.download }}">
          <span class="icon">
            <i class="fa fa-download"></i>
          </span>
          <span>Download</span>
        </a>
      </span>
    {% else %}
      <span class="nav-item">
        <a class="button is-light is-outlined"
        data-social-network="Twitter"
        data-social-action="tweet"
        data-social-target="http://bulma.io/"
        href="https://twitter.com/intent/tweet?text={{ 'Bulma: a modern CSS framework based on Flebox' | urlencode }}&url=http://bulma.io/&via=jgthms">
          <span class="icon">
            <i class="fa fa-twitter"></i>
          </span>
          <span>Tweet</span>
        </a>
        <a class="button is-primary is-inverted" href="{{ site.download }}">
          <span class="icon">
            <i class="fa fa-download"></i>
          </span>
          <span>Download</span>
        </a>
      </span>
    {% endif %}
  </div>
</nav>