89 lines
4.7 KiB
HTML
89 lines
4.7 KiB
HTML
<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
|
|
<script>
|
|
(function($) { // Begin jQuery
|
|
$(function() { // DOM ready
|
|
// If a link has a dropdown, add sub menu toggle.
|
|
$('nav ul li a:not(:only-child)').click(function(e) {
|
|
$(this).siblings('.nav-dropdown').toggle();
|
|
// Close one dropdown when selecting another
|
|
$('.nav-dropdown').not($(this).siblings()).hide();
|
|
e.stopPropagation();
|
|
});
|
|
// Clicking away from dropdown will remove the dropdown class
|
|
$('html').click(function() {
|
|
$('.nav-dropdown').hide();
|
|
});
|
|
// Toggle open and close nav styles on click
|
|
$('#nav-toggle').click(function() {
|
|
$('nav ul').slideToggle();
|
|
});
|
|
// Hamburger to X toggle
|
|
$('#nav-toggle').on('click', function() {
|
|
this.classList.toggle('active');
|
|
});
|
|
}); // end DOM ready
|
|
})(jQuery); // end jQuery
|
|
</script>
|
|
<body>
|
|
{% case include.lang %}
|
|
{% when 'it' %}
|
|
<section class="navigation">
|
|
<div class="nav-container">
|
|
<div class="xplosionmind">
|
|
<a href="/tuffo">xplosionmind</a>
|
|
</div>
|
|
<nav>
|
|
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
|
|
<ul class="nav-list">
|
|
<li><a href="/tuffo#about">about</a></li>
|
|
<li><a href="/zibaldone">Zibaldone</a></li>
|
|
<li><a href="https://flickr.com/tommiboom/albums">visioni</a></li>
|
|
<li><a href="/tutto">tutto</a></li>
|
|
<li><a href="/marmellata">La Marmellata</a></li>
|
|
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--background);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></g></svg></a>
|
|
<ul class="nav-dropdown">
|
|
{% for cosa in site.pages %}
|
|
{% if cosa.ref == page.ref %}
|
|
<li>
|
|
<a href="{{ cosa.url }}" class="{{ cosa.lang }}">{{ cosa.lang }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
{% else %}
|
|
<section class="navigation">
|
|
<div class="nav-container">
|
|
<div class="xplosionmind">
|
|
<a href="/home">xplosionmind</a>
|
|
</div>
|
|
<nav>
|
|
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
|
|
<ul class="nav-list">
|
|
<li><a href="/home#about">about</a></li>
|
|
<li><a href="/zibenglish">blog</a></li>
|
|
<li><a href="https://flickr.com/tommiboom/albums">visions</a></li>
|
|
<li><a href="/stuff">stuff</a></li>
|
|
<li><a href="/jar">The Jar</a></li>
|
|
<li><a href="#!"><svg width="30" height="30" enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(.0583 0 0 .0583 .0836 1.17)" style="fill:var(--background);stroke-width:17.2"><path d="m212 124c-22.2 12.4-38.3 33.8-43.8 58.7h40.4c0.43-20.6 1.57-40.4 3.36-58.7z"/><path d="m268 114c0-0.1-6.31-0.83-12.2-0.83-5.92 0-12.2 0.73-12.2 0.83-2.55 20.9-4.14 44.4-4.67 69.2h33.8c-0.53-24.8-2.12-48.3-4.67-69.2z"/><path d="m167 213c3.52 28.4 20.5 53.1 45.2 66.8-2.03-20.7-3.22-43.3-3.5-66.8z"/><path d="m244 290c8.1 1.1 16.4 1.1 24.5 0.02 2.83-23.2 4.47-49.5 4.81-77.2h-34.1c0.34 27.7 1.98 54 4.81 77.2z"/><path d="m300 280c24.7-13.7 41.7-38.4 45.2-66.8h-41.7c-0.28 23.5-1.47 46.1-3.5 66.8z"/><path d="m343 183c-5.5-24.9-21.6-46.3-43.8-58.7 1.79 18.3 2.93 38.1 3.36 58.7z"/><path d="m0 18.9v364h295l73.4 110 72.3-110h71.2v-364zm285 298c-76.6 19.3-152-39.6-149-120 2.07-54.4 40.5-98.3 90-111 45.6-11.5 92.8 4.74 122 40 54.8 66.7 22.3 169-63.1 191z"/></g></svg></a>
|
|
<ul class="nav-dropdown">
|
|
{% for cosa in site.pages %}
|
|
{% if cosa.ref == page.ref %}
|
|
<li>
|
|
<a href="{{ cosa.url }}" class="{{ cosa.lang }}">{{ cosa.lang }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
{% endcase %}
|
|
</body>
|