TryRuby/source/layouts/_navbar.html.erb at 4a6aefb3f3cf766eec40ae105072f8f16c5e4f10 · ruby/TryRuby · 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
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<nav class="tryruby-navbar navbar navbar-expand-lg navbar-light">
  <div class="container justify-content-between">
    <a class="tryruby-brand navbar-brand" href="/">
      <img src="/images/header-ruby-logo.svg" height="40" width="40" alt="" />
      Try Ruby
    </a>

    <button
      class="navbar-toggler tryruby-navbar-toggler"
      type="button"
      data-bs-toggle="collapse"
      data-bs-target="#navbar-links"
      aria-controls="navbar-links"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>

    <div
      class="tryruby-navbar-links collapse navbar-collapse"
      id="navbar-links"
    >
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="/playground">
            Playground
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/articles">
            Articles
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/about">
            About
          </a>
        </li>
      </ul>
    </div>

    <div class="tryruby-navbar-links collapse navbar-collapse">
      <ul class="navbar-nav">
        <li class="nav-item dropdown">
          <button
            class="nav-link btn dropdown-toggle language-menu-toggle"
            type="button"
            data-bs-toggle="dropdown"
            aria-expanded="false"
            title="Toggle language menu"
            aria-label="Toggle language menu"
            id="language-menu-toggle"
          >
            <svg
              width="20"
              height="20"
              viewBox="0 0 512 512"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title>Language</title>
              <path
                d="M478.33 433.6l-90-218a22 22 0 00-40.67 0l-90 218a22 22 0 1040.67 16.79L316.66 406h102.67l18.33 44.39A22 22 0 00458 464a22 22 0 0020.32-30.4zM334.83 362L368 281.65 401.17 362zM267.84 342.92a22 22 0 00-4.89-30.7c-.2-.15-15-11.13-36.49-34.73 39.65-53.68 62.11-114.75 71.27-143.49H330a22 22 0 000-44H214V70a22 22 0 00-44 0v20H54a22 22 0 000 44h197.25c-9.52 26.95-27.05 69.5-53.79 108.36-31.41-41.68-43.08-68.65-43.17-68.87a22 22 0 00-40.58 17c.58 1.38 14.55 34.23 52.86 83.93.92 1.19 1.83 2.35 2.74 3.51-39.24 44.35-77.74 71.86-93.85 80.74a22 22 0 1021.07 38.63c2.16-1.18 48.6-26.89 101.63-85.59 22.52 24.08 38 35.44 38.93 36.1a22 22 0 0030.75-4.9z"
              />
            </svg>
          </button>
          <div
            class="dropdown-menu dropdown-menu-end"
            aria-labelledby="language-menu-toggle"
          >
            <button
              class="dropdown-item"
              data-change-lang="en"
              aria-controls="tryruby-content"
            >
              English (en)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="nl"
              aria-controls="tryruby-content"
            >
              Nederlands (nl)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="es"
              aria-controls="tryruby-content"
            >
              Español (es)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="pt-br"
              aria-controls="tryruby-content"
            >
              Português do Brasil (pt)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="ja"
              aria-controls="tryruby-content"
            >
              日本語 (ja)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="ru"
              aria-controls="tryruby-content"
            >
              Русский (ru)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="ua"
              aria-controls="tryruby-content"
            >
              Українська (ua)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="mk"
              aria-controls="tryruby-content"
            >
              Македонски (mk)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="zh"
              aria-controls="tryruby-content"
            >
              中文 (zh)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="de"
              aria-controls="tryruby-content"
            >
              Deutsch (de)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="tr"
              aria-controls="tryruby-content"
            >
              Türkçe (tr)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="fr"
              aria-controls="tryruby-content"
            >
              Français (fr)
            </button>
            <button
              class="dropdown-item"
              data-change-lang="fa-IR"
              aria-controls="tryruby-content"
            >
              فارسی (fa)
            </button>
          </div>
        </li>
      </ul>
    </div>
  </div>
</nav>