_navbar.rhtml

<%#-*- coding: utf-8 -*-%>
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="https://pentest.pages.acceis.lan/prez/">
      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS41NyAxNC42MiI+PGcgaWQ9ImZmODJmNmNlLWY4MDctNDA4Zi1iZjI0LWNlZDljNmQxZWM5NiIgZGF0YS1uYW1lPSJDYWxxdWUgMiI+PGcgaWQ9ImY1YjE4YjM5LTE3YmItNDhhOS05Yjc4LTM0NWEzZDhiMzRhNSIgZGF0YS1uYW1lPSJDYWxxdWUgMSI+PHBhdGggZD0iTTE0Ljc2LDE0LjQ5di0yLjNxMC02LDAtMTJWMEgwVjE0LjYySDE0Ljc3QS41Ny41NywwLDAsMCwxNC43NiwxNC40OVptLTEuMzItMS4zM2gtLjkxcy0uMDgtLjA1LS4xLS4wOWMtLjE4LS4yOC0uMzUtLjU3LS41My0uODZsLS4xNS4wOUE1LjYzLDUuNjMsMCwwLDEsNy4yOCwxM2EyLjQyLDIuNDIsMCwwLDEtMi0yLjQyLDQuNDQsNC40NCwwLDAsMSwuMDctMS4wOUEyLjM0LDIuMzQsMCwwLDEsNi44Miw3LjdhNS4yOCw1LjI4LDAsMCwxLDIuMDctLjQyLDE1Ljg3LDE1Ljg3LDAsMCwxLDIuNzYuMTZoLjExYzAtLjQ0LDAtLjg4LS4wNy0xLjMxQTEuMjQsMS4yNCwwLDAsMCwxMSw1LjIyLDMuMjYsMy4yNiwwLDAsMCw5LjYyLDQuOWExMC40NCwxMC40NCwwLDAsMC0zLjM4LjM5bC0uMTYsMFY0bC44LS4yYTEwLDEwLDAsMCwxLDQtLjEsNCw0LDAsMCwxLDEuMjUuNDNBMi40NiwyLjQ2LDAsMCwxLDEzLjQzLDYuMmMwLC4xMiwwLC4yNSwwLC4zN1oiIHN0eWxlPSJmaWxsOiNlYzFkMjUiLz48cGF0aCBkPSJNMTMuNDMsNi4yYTIuNDYsMi40NiwwLDAsMC0xLjM0LTIuMTIsNCw0LDAsMCwwLTEuMjUtLjQzLDEwLDEwLDAsMCwwLTQsLjFsLS44LjJWNS4zM2wuMTYsMEExMC40NCwxMC40NCwwLDAsMSw5LjYyLDQuOSwzLjI2LDMuMjYsMCwwLDEsMTEsNS4yMmExLjI0LDEuMjQsMCwwLDEsLjczLjkyYy4wNi40My4wNS44Ny4wNywxLjMxaC0uMTFhMTUuODcsMTUuODcsMCwwLDAtMi43Ni0uMTYsNS4yOCw1LjI4LDAsMCwwLTIuMDcuNDJBMi4zNCwyLjM0LDAsMCwwLDUuMzgsOS40N2E0LjQ0LDQuNDQsMCwwLDAtLjA3LDEuMDksMi40MiwyLjQyLDAsMCwwLDIsMi40Miw1LjYzLDUuNjMsMCwwLDAsNC40Ny0uNjhsLjE1LS4wOWMuMTguMjkuMzUuNTguNTMuODYsMCwwLC4wNy4wOS4xLjA5aC45MVY2LjU3QzEzLjQ0LDYuNDUsMTMuNDQsNi4zMiwxMy40Myw2LjJabS0xLjcsNC41OGMwLC4wNS0uMDUuMS0uMDkuMTRhNC4zNiw0LjM2LDAsMCwxLTIuMTYuODEsNS45LDUuOSwwLDAsMS0xLjI2LDBBMS4zMiwxLjMyLDAsMCwxLDcsMTAuMzksMS40MywxLjQzLDAsMCwxLDguMzIsOC43NGE2LjcyLDYuNzIsMCwwLDEsMS4yNy0uMDhjLjY5LDAsMS4zNy4xMSwyLjA2LjE2bC4wOSwwQzExLjc0LDkuNSwxMS43NCwxMC4xNCwxMS43MywxMC43OFoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNTkuNTcsMTAuODJjMCwuMDksMCwuMTktLjA3LjI5YTIuMjEsMi4yMSwwLDAsMS0xLjE0LDEuNDksNC4yMyw0LjIzLDAsMCwxLTEuNy41LDEyLjUzLDEyLjUzLDAsMCwxLTQuNDgtLjM4bDAsMFYxMS4yNWwxLC4yNmE5LjU1LDkuNTUsMCwwLDAsMy4xNS4yMiwyLjgzLDIuODMsMCwwLDAsLjc1LS4xOCwxLjE3LDEuMTcsMCwwLDAsLjgyLTEuMzIsMS4xNiwxLjE2LDAsMCwwLTEuMDktMS4wOGwtLjU3LDBjLS42MSwwLTEuMjMsMC0xLjg0LDBhNC4xNiw0LjE2LDAsMCwxLTEuMS0uMjQsMi4xMywyLjEzLDAsMCwxLTEuMzgtMS40OSwzLjg1LDMuODUsMCwwLDEtLjEtMS42MkEyLjI0LDIuMjQsMCwwLDEsNTMsNGE0LjQ1LDQuNDUsMCwwLDEsMS42My0uNDgsMTIuNDEsMTIuNDEsMCwwLDEsNC41LjM4bC4wNywwVjUuNDNsLS4xNSwwYTEwLjc1LDEwLjc1LDAsMCwwLTMuNzgtLjQ4LDMuMjQsMy4yNCwwLDAsMC0xLjExLjIzLDEuMjUsMS4yNSwwLDAsMC0uNjgsMS43NSwxLjA2LDEuMDYsMCwwLDAsLjc5LjYsMy4xOCwzLjE4LDAsMCwwLC42Mi4wNmMuNjUsMCwxLjMsMCwyLDBBNSw1LDAsMCwxLDU4LDcuODJhMi4yNSwyLjI1LDAsMCwxLDEuNTMsMS44NWwuMDYuMjJaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTQ0LjI0LDguODJIMzcuNDdhMi41NywyLjU3LDAsMCwwLDIsMi44LDcuNTIsNy41MiwwLDAsMCwyLjMyLjEzLDkuMjIsOS4yMiwwLDAsMCwyLS4zMWguMDl2MS4zOWMtLjQ2LjA4LS45Mi4xOS0xLjM4LjI0YTExLjQxLDExLjQxLDAsMCwxLTIuNzQsMCw0LjYyLDQuNjIsMCwwLDEtMi4zMS0uODNBMy43NSwzLjc1LDAsMCwxLDM2LDEwYTcuNDgsNy40OCwwLDAsMSwwLTMuNywzLjU0LDMuNTQsMCwwLDEsMy4wNy0yLjc1LDYuNTIsNi41MiwwLDAsMSwyLjQ5LDBBMy4yMiwzLjIyLDAsMCwxLDQ0LjIzLDYuNCw4LjE4LDguMTgsMCwwLDEsNDQuMjQsOC44MlpNNDIuNyw3LjM5YzAtLjIzLDAtLjQ1LS4wOC0uNjdhMiwyLDAsMCwwLTEuODEtMS44MSw0LjA2LDQuMDYsMCwwLDAtMS4zOSwwLDIuMzMsMi4zMywwLDAsMC0xLjk0LDIuNDZaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTMzLjY3LDMuNzhWNS4xNEwzMi44NSw1QTEwLjE0LDEwLjE0LDAsMCwwLDMwLjEsNWEyLjY3LDIuNjcsMCwwLDAtMi40MiwyLjU4LDUuMzgsNS4zOCwwLDAsMCwuMTgsMi4yMiwyLjY3LDIuNjcsMCwwLDAsMi40NSwyLDEwLjI5LDEwLjI5LDAsMCwwLDMuMTgtLjE4bC4xNywwVjEyLjljLS4zMiwwLS42Ni4xMi0xLC4xNmExMC44LDEwLjgsMCwwLDEtMi44NCwwLDQuOTEsNC45MSwwLDAsMS0yLjE4LS44MiwzLjc5LDMuNzksMCwwLDEtMS40Ni0yLjE1LDcuMTEsNy4xMSwwLDAsMS0uMDktMy40NkEzLjczLDMuNzMsMCwwLDEsMjksMy43NGE4LjExLDguMTEsMCwwLDEsMi42OS0uMjJjLjYsMCwxLjIuMTQsMS44LjIyQS41My41MywwLDAsMSwzMy42NywzLjc4WiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGQ9Ik0yMy44NSwxMS41MXYxLjRjLS40MS4wNi0uODIuMTQtMS4yNC4xOEE5LjE4LDkuMTgsMCwwLDEsMTkuODQsMTNhNiw2LDAsMCwxLTEuMTktLjM0LDMuNzEsMy43MSwwLDAsMS0yLjI2LTIuNTUsNi45MSw2LjkxLDAsMCwxLS4xNC0zLjMyQTMuNzUsMy43NSwwLDAsMSwxOS4yLDMuNzRhOCw4LDAsMCwxLDIuNzEtLjIyYy41OSwwLDEuMTkuMTQsMS43OC4yMmEuNDcuNDcsMCwwLDEsLjE2LDBWNS4xNEwyMyw1YTEwLjIxLDEwLjIxLDAsMCwwLTIuNzYsMCwyLjY1LDIuNjUsMCwwLDAtMi4zOCwyLjQ2QTUuNTcsNS41NywwLDAsMCwxOCw5LjU2YTIuNzMsMi43MywwLDAsMCwyLjUsMi4xOCwxMC43NSwxMC43NSwwLDAsMCwzLjItLjJaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTQ3LjE5LDMuNWgxLjY5djkuNjZINDcuMTlaIiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTQ4Ljg4LDB2MS42SDQ3LjE5VjBaIiBzdHlsZT0iZmlsbDojZWMxZDI1Ii8+PHBhdGggZD0iTTExLjc0LDguODRjMCwuNjYsMCwxLjMsMCwxLjk0LDAsLjA1LS4wNS4xLS4wOS4xNGE0LjM2LDQuMzYsMCwwLDEtMi4xNi44MSw1LjksNS45LDAsMCwxLTEuMjYsMEExLjMyLDEuMzIsMCwwLDEsNywxMC4zOSwxLjQzLDEuNDMsMCwwLDEsOC4zMiw4Ljc0YTYuNzIsNi43MiwwLDAsMSwxLjI3LS4wOGMuNjksMCwxLjM3LjExLDIuMDYuMTZaIiBzdHlsZT0iZmlsbDojZWMxZDI1Ii8+PC9nPjwvZz48L3N2Zz4K" width="112" height="28">
    </a>
  </div>
  <div class="navbar-menu">
    <div class="navbar-start">
      <a class="navbar-item" href="index.html">
        ACCEIS Vulnerable Code Snippets
      </a>
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">
          Snippets
        </a>
        <div class="navbar-dropdown">
          <% avcs_data.each do |snip| %>
          <a class="navbar-item is-capitalized" href="#snippet-<%= snip['number'] %>">Snippet n°<%= snip['number'] %> - <%= snip['vuln'] %> (<%= snip['code']['lang'] %>)</a>
          <% end %>
        </div>
      </div>
    </div>
    <div class="navbar-end">
      <div class="navbar-item">
        <div class="buttons">
          <a class="button is-danger" href="https://github.com/Acceis/vulnerable-code-snippets">AVCS</a>
          <a class="button is-danger is-light" href="https://www.acceis.fr/">ACCEIS</a>
          <a class="button is-danger is-light" href="https://www.acceis.fr/ressources/">Blog</a>
          <a class="button is-danger is-light" href="https://www.acceis.fr/publications/">Publications</a>
          <a class="button is-danger is-light" href="https://twitter.com/acceis">Twitter</a>
        </div>
      </div>
    </div>
  </div>
</nav>