sidebar_template.eex (2170B)
1 <div class="main"> 2 3 <button class="sidebar-button sidebar-toggle" aria-label="toggle sidebar"> 4 <i class="ri-menu-line ri-lg" title="Collapse/expand sidebar"></i> 5 </button> 6 7 <section class="sidebar"> 8 <form class="sidebar-search" action="search.html"> 9 <button type="submit" class="search-button" aria-label="Submit Search"> 10 <i class="ri-search-2-line" aria-hidden="true" title="Submit search"></i> 11 </button> 12 <button type="button" tabindex="-1" class="search-close-button" aria-label="Cancel Search"> 13 <i class="ri-close-line ri-lg" aria-hidden="true" title="Cancel search"></i> 14 </button> 15 <label class="search-label"> 16 <p class="sr-only">Search</p> 17 <input name="q" type="text" class="search-input" placeholder="Search..." aria-label="Input your search terms" autocomplete="off" /> 18 </label> 19 </form> 20 21 <div class="autocomplete"> 22 <div class="autocomplete-results"> 23 </div> 24 </div> 25 26 <% url = config.homepage_url || "#{config.main}.html" %> 27 <div class="sidebar-header"> 28 <%= if config.logo do %> 29 <a href="<%= url %>"> 30 <img src="<%= logo_path(config) %>" alt="<%= config.project %>" class="sidebar-projectImage"> 31 </a> 32 <% end %> 33 <div class="sidebar-projectDetails"> 34 <a href="<%= url %>" class="sidebar-projectName" translate="no"> 35 <%= config.project %> 36 </a> 37 <strong class="sidebar-projectVersion" translate="no"> 38 v<%= config.version %> 39 </strong> 40 </div> 41 <ul class="sidebar-listNav"> 42 <li><a id="extras-list-link" href="#full-list"><%= config.extra_section || "Pages" %></a></li> 43 44 <%= if nodes_map.modules != [] do %> 45 <li><a id="modules-list-link" href="#full-list">Modules</a></li> 46 <% end %> 47 48 <%= if nodes_map.tasks != [] do %> 49 <li><a id="tasks-list-link" href="#full-list"><span translate="no">Mix</span> Tasks</a></li> 50 <% end %> 51 </ul> 52 </div> 53 54 <div class="gradient"></div> 55 <ul id="full-list" class="sidebar-fullList"></ul> 56 </section> 57 58 <section class="content"> 59 <output role="status" id="toast"></output> 60 <div class="content-outer"> 61 <div id="content" class="content-inner">