guides.railsgirls.com/_includes/header.html at 76e133646ecee12de5ad93d8939d315ca1a15a39 · railsgirls/guides.railsgirls.com · 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
<header>
  {% include github-corner.html %}
  <div class="container">
    <div class="visible-desktop">
      <a class="span3" href="/" id="logo">
        <img alt="Rails Girls Guides" src="/images/railsgirls-guides.png" />
      </a>
      <nav class="nav pull-right">
        <a href="https://railsgirls.com/">Home</a>
        <a href="https://railsgirls.com/events.html">Events</a>
        <a href="https://railsgirls.tumblr.com/">Blog</a>
        <a href="/guide">Organizers</a>
        <a href="/">Guides</a>
        <button id="theme-toggle" class="theme-toggle" aria-label="Toggle Dark Mode">
          <span class="theme-toggle-icon"></span>
        </button>
      </nav>
    </div>

    <!-- Phone/Tablet -->
    <div class="visible-tablet visible-phone">
      <div class="nav navbar nav-pills">
        <a class="btn btn-link btn-navbar collapsed" onclick="toggleMobileMenu()">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>

        <a class="brand" href="/">Rails Girls Guides</a>
        <button id="theme-toggle-mobile" class="theme-toggle" aria-label="Toggle Dark Mode">
          <span class="theme-toggle-icon"></span>
        </button>

        <div class="nav-collapse navbar-responsive-collapse navbar-collapse" id='navbar-list' style='height: 0;'>
          <ul class="nav">
            <li><a href="https://railsgirls.com/">Home</a></li>
            <li><a href="https://railsgirls.com/events.html">Events</a></li>
            <li><a href="https://railsgirls.tumblr.com/">Blog</a></li>
            <li><a href="/guide">Organizers</a></li>
            <li><a href="/">Guides</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>