layouts/partials/topnavigation.html


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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118

<div class='container'>

  <div id="menu-secondary" class="menu-container menu-secondary" role="navigation">
    <button id="toggle-secondary-navigation" class="toggle-secondary-navigation"><i class="fa fa-plus"></i></button>

    <div class="menu">

      <ul id="menu-secondary-items" class="menu-secondary-items">
        {{ range $name, $taxonomy := .Site.Taxonomies.categories }}
        <li id="menu-item" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item">
          <a href="{{ "/categories/" | relLangURL }}{{ $name | urlize }}">{{ $name }}</a>
        </li>
        {{ end }}

      </ul>

    </div>

  </div>


  <ul class="social-media-icons">


    {{ with .Site.Params.social.facebook }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="facebook" target="_blank">
        <i class="fa fa-facebook-square" title="facebook"></i>
        <span class="screen-reader-text">facebook</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.googleplus }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="gplus" target="_blank">
        <i class="fa fa-google-plus" title="googleplus"></i>
        <span class="screen-reader-text">googleplus</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.twitter }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="twitter" target="_blank">
        <i class="fa fa-twitter-square" title="twitter"></i>
        <span class="screen-reader-text">twitter</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.instagram }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="twitter" target="_blank">
        <i class="fa fa-instagram" title="instagram"></i>
        <span class="screen-reader-text">instagram</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.email }}
    <li>
      <a href="mailto:{{ . }}" data-animate-hover="pulse" class="email">
        <i class="fa fa-envelope" title="email"></i>
        <span class="screen-reader-text">email</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.linkedin }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="linkedin" target="_blank">
        <i class="fa fa-linkedin" title="linkedin"></i>
        <span class="screen-reader-text">linkedin</span>
      </a>
    </li>
    {{end}}

    {{ with .Site.Params.social.stackoverflow }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="stackoverflow" target="_blank">
        <i class="fa fa-stack-overflow" title="stackoverflow"></i>
        <span class="screen-reader-text">stackoverflow</span>
      </a>
    </li>
    {{end}}


    {{ with .Site.Params.social.github }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="github" target="_blank">
        <i class="fa fa-github" title="github"></i>
        <span class="screen-reader-text">github</span>
      </a>
    </li>
    {{end}}


    {{ with .Site.Params.social.pinterest }}
    <li>
      <a href="{{ . }}" data-animate-hover="pulse" class="pinterest" target="_blank">
        <i class="fa fa-pinterest" title="pinterest"></i>
        <span class="screen-reader-text">pinterest</span>
      </a>
    </li>
    {{end}}

    {{ if .Site.Params.social.rss }}
    <li>
      <a href="{{ .Site.RSSLink }}" data-animate-hover="pulse" class="rss" target="_blank">
        <i class="fa fa-rss" title="rss"></i>
        <span class="screen-reader-text">rss</span>
      </a>
    </li>
    {{end}}


  </ul></div>