symposion_app/pinaxcon/templates/nav.html

38 lines
2.1 KiB
HTML
Raw Normal View History

2018-06-04 08:54:51 +00:00
{% load sitetree %}
{% load static %}
<nav class="navbar navbar-expand-lg{% if color == 'green' %} navbar-dark{% endif %}">
<a class="navbar-brand" href="/">
{% if color == 'green' %}
<img src="{% static 'assets/LCA_logo_white.svg' %}" alt="LCA2019 Logo">
{% else %}
<img src="{% static 'assets/LCA_logo.svg' %}" alt="LCA2019 Logo">
{% endif %}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
{% sitetree_menu from "main" include "trunk" template "sitetree_header.html" %}
<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/linuxconfau2019" target="_blank" rel="noopener" aria-label="Twitter">
<svg class="navbar-nav-svg {% if color == 'green' %} text-white{% endif %}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 416.32" focusable="false"><title>Twitter</title>
<path d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" fill="currentColor"></path>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/linuxconfau2019" target="_blank" rel="noopener" aria-label="Twitter">
{% if color == 'green' %}
<img src="{% static 'assets/tux_white.svg' %}" alt="Tux" class="navbar-nav-svg">
{% else %}
<img src="{% static 'assets/tux.svg' %}" alt="Tux" class="navbar-nav-svg">
{% endif %}
</a>
</li>
</ul>
</nav>