weko.io/layouts/partials/header.html

30 lines
4.5 KiB
HTML

<header class="section container">
<div id="logo">
<a href="/" alt="Weko">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 185.9 78.8" xml:space="preserve">
<path fill="#00ebc7" d="M27.5 27.9c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.7.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.6.2-5 1.6C0 6.3-.3 8.2.1 10.1c.6 2.9 1.7 5.8 2.6 8.6L7.8 34c3.6 10.9 7.4 21.8 11.1 32.6.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.2-.4-.3-.9-.5-1.3 0-.1-.1-.3-.1-.4-.1-.4.1.3.1.3 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.5 18.3-.8C44.8 8.3 59.9 7.6 75 7c1.7-.1 3.4-.1 5.1-.2C79 5.4 77.9 4 76.8 2.5l-6.6 17.1c-3.5 9-6.9 18.1-10.4 27.1L57.4 53c2.1-.3 4.1-.5 6.2-.8-3.5-8.4-7-16.8-10.6-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5C40.1 44 37 35.1 34 26.1c-.6-1.7-2.3-2.9-4.2-2.4-1.6.5-2.9 2.5-2.3 4.2z"/>
<path class="st1" d="M111.3 40.6c0 1.2-.7 2.3-2.6 2.3H86.8c.4 5.1 3.8 8.9 9.9 8.9 3.8 0 6.1-1.3 8.5-3.6.6-.6 1.4-1.1 2.3-1.1 1.5 0 2.9 1.1 2.9 2.9 0 .7-.4 1.4-.9 2-2.8 3.2-7.8 5.3-13 5.3-10.9 0-16.7-7.6-16.7-16.8 0-9.6 7-16.8 16.4-16.8 9.1 0 15.1 7.5 15.1 16.9zM96.1 29.2c-5.1 0-8.5 3.6-9.2 8.1h18c-.5-4.3-3.8-8.1-8.8-8.1zM123.1 57.2c-2 0-3.4-1.5-3.4-3.4V15.5c0-1.9 1.4-3.4 3.4-3.4s3.4 1.5 3.4 3.4v20.9l15.1-11.8c.6-.5 1.4-.7 2.1-.7 1.8 0 3.1 1.3 3.1 3 0 1.1-.6 1.9-1.6 2.6l-9.7 7.6 11.7 15.3c.4.6.7 1.2.7 1.9 0 1.7-1.2 3.1-3.2 3.1-1 0-1.7-.5-2.3-1.3l-11.7-15.3-4.2 3.4V54c0 1.7-1.3 3.2-3.4 3.2zM169.2 57.3c-10.2 0-16.8-7.5-16.8-16.8 0-9.2 6.6-16.8 16.8-16.8 10.2 0 16.8 7.5 16.8 16.8-.1 9.2-6.7 16.8-16.8 16.8zm0-27.7c-6.4 0-9.9 5-9.9 10.9s3.4 10.9 9.9 10.9c6.4 0 9.9-5 9.9-10.9s-3.5-10.9-9.9-10.9z"/>
</svg>
</a>
</div>
<nav id="menu">
<ul class="no-style">
<li><a href="#contact" class="btn">Contact</a></li>
<li>
<button class="btn-toggle">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 93.1 93.1" xml:space="preserve">
<style>.st3{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style>
<path class="highlight" d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z"/>
<path class="stroke" fill="none" stroke-width="2" stroke-miterlimit="10" d="M1 46.6c0-2.8 7-4.9 7.5-7.6.5-2.7-5.1-7.3-4.1-9.9 1.1-2.6 8.3-1.8 9.9-4.1 1.5-2.3-1.9-8.7 0-10.7 1.9-1.9 8.4 1.5 10.7 0 2.3-1.5 1.5-8.8 4.1-9.9 2.5-1 7.1 4.6 9.9 4.1C41.6 8 43.7 1 46.6 1c2.8 0 4.9 7 7.6 7.5 2.7.5 7.3-5.1 9.9-4.1 2.6 1.1 1.8 8.3 4.1 9.9 2.3 1.5 8.7-1.9 10.7 0 1.9 1.9-1.5 8.4 0 10.7 1.5 2.3 8.8 1.5 9.9 4.1 1 2.5-4.6 7.1-4.1 9.9.5 2.7 7.5 4.8 7.5 7.6s-7 4.9-7.5 7.6c-.5 2.7 5.1 7.3 4.1 9.9-1.1 2.6-8.3 1.8-9.9 4.1-1.5 2.3 1.9 8.7 0 10.7-1.9 1.9-8.4-1.5-10.7 0-2.3 1.5-1.5 8.8-4.1 9.9-2.5 1-7.1-4.6-9.9-4.1-2.7.5-4.8 7.5-7.6 7.5s-4.9-7-7.6-7.5c-2.7-.5-7.3 5.1-9.9 4.1-2.6-1.1-1.8-8.3-4.1-9.9-2.3-1.5-8.7 1.9-10.7 0-1.9-1.9 1.5-8.4 0-10.7-1.5-2.3-8.8-1.5-9.9-4.1-1-2.5 4.6-7.1 4.1-9.9C8 51.5 1 49.4 1 46.6z"/>
<circle class="tertiary stroke" stroke-width="2" stroke-miterlimit="10" cx="46.6" cy="46.6" r="33.1"/>
<path class="st3 stroke" d="M57.8 53.7c0 6.3-5 11.3-11.2 11.3s-11.3-5-11.3-11.3"/>
<g>
<path class="st3 stroke" d="M30.9 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3M55.2 40.2c.6-1.4 1.9-2.3 3.5-2.3s2.9 1 3.5 2.3"/>
</g>
</svg>
</button>
</li>
</ul>
</nav>
</header>