| 1 | <header> |
| 2 | <nav> |
| 3 | <ul> |
| 4 | <li class="<%= current_class?(root_path) %>"> |
| 5 | <a href="<%= root_url %>"> |
| 6 | <i class="icon-home"></i><%= t('breadcrumb_home') %> |
| 7 | </a> |
| 8 | </li> |
| 9 | <li class="subnav <%= current_class?(splitfire_path, bass64_path, karokowe_path) %>"> |
| 10 | <a href="#">🤖 Artificial Intelligence Tools</a> |
| 11 | <ul> |
| 12 | <li class="<%= current_class?(splitfire_path) %>"> |
| 13 | <%= link_to "SplitFire 🔥", splitfire_path %> |
| 14 | </li> |
| 15 | <li class="<%= current_class?(bass64_branding_path) %>"> |
| 16 | <%= link_to "Bass64 🎸", bass64_branding_path %> |
| 17 | </li> |
| 18 | <li class="<%= current_class?(karokowe_branding_path) %>"> |
| 19 | <%= link_to "KaroKowe 🎤", karokowe_branding_path %> |
| 20 | </li> |
| 21 | <li class="<%= current_class?(bonzo_branding_path) %>"> |
| 22 | <%= link_to "Bonzo 🥁", bonzo_branding_path %> |
| 23 | </li> |
| 24 | </ul> |
| 25 | </li> |
| 26 | <li class="subnav <%= current_class?(artist_path, album_path, song_path) %>"> |
| 27 | <a href="#"><%= t('nav_music_database') %></a> |
| 28 | <ul> |
| 29 | <li class="<%= current_class?(artist_path) %>"> |
| 30 | <%= link_to t('nav_artists'), artist_path %> |
| 31 | </li> |
| 32 | <li class="<%= current_class?(album_path) %>"> |
| 33 | <%= link_to t('nav_albums'), album_path %> |
| 34 | </li> |
| 35 | <li class="<%= current_class?(song_path) %>"> |
| 36 | <%= link_to t('nav_songs'), song_path %> |
| 37 | </li> |
| 38 | </ul> |
| 39 | </li> |
| 40 | </ul> |
| 41 | </nav> |
| 42 | </header> |
| 43 | |
| 44 | <!-- BEGIN mobile nav --> |
| 45 | <select class="bb-mobile-nav" onChange="if (this.value) window.location.href=this.value"> |
| 46 | <option value="<%= root_url %>" <%= current_class_mobile?(root_path) %>><%= t('breadcrumb_home') %></option> |
| 47 | <option value="<%= splitfire_path %>" <%= current_class_mobile?(splitfire_path) %>>SplitFire 🔥</option> |
| 48 | <option value="<%= bass64_branding_path %>" <%= current_class_mobile?(bass64_branding_path) %>>Bass64 🎸</option> |
| 49 | <option value="<%= karokowe_branding_path %>" <%= current_class_mobile?(karokowe_branding_path) %>>Karokowe 🎤</option> |
| 50 | <option value="<%= bonzo_branding_path %>" <%= current_class_mobile?(bonzo_branding_path) %>>Bonzo 🥁</option> |
| 51 | <% if user_signed_in? %> |
| 52 | <option value="<%= artist_url %>" <%= current_class_mobile?(artist_path) %>><%= t('nav_artists') %></option> |
| 53 | <option value="<%= album_url %>" <%= current_class_mobile?(album_path) %>><%= t('nav_albums') %></option> |
| 54 | <option value="<%= song_url %>" <%= current_class_mobile?(song_path) %>><%= t('nav_songs') %></option> |
| 55 | <option value="<%= song_lyrics_url %>" <%= current_class_mobile?(song_lyrics_path) %>><%= t('nav_lyrics') %></option> |
| 56 | <option value="<%= guitar_chords_url %>" <%= current_class_mobile?(guitar_chords_path) %>><%= t('nav_chords') %></option> |
| 57 | <option value="<%= guitar_chord_shapes_url %>" <%= current_class_mobile?(guitar_chord_shapes_path) %>><%= t('nav_chords_shapes') %></option> |
| 58 | <% end %> |
| 59 | <option value="<%= javanese_gamelan_url %>" <%= current_class_mobile?(javanese_gamelan_path) %>><%= t('nav_javanese_gamelan') %></option> |
| 60 | <option value="<%= javanese_gending_url %>" <%= current_class_mobile?(javanese_gending_path) %>><%= t('nav_javanese_gending') %></option> |
| 61 | <option value="<%= javanese_gending_gamelan_notation_url %>" <%= current_class_mobile?(javanese_gending_gamelan_notation_path) %>><%= t('nav_javanese_gending_notation') %></option> |
| 62 | </select> |
| 63 | <!-- END mobile nav --> |