-
-
Notifications
You must be signed in to change notification settings - Fork 8
/
_banner.html
12 lines (11 loc) · 1.15 KB
/
_banner.html
1
2
3
4
5
6
7
8
9
10
11
12
<aside class="banner animated bounceInDown" v-cloak="v-cloak" v-if="bannerVisible">
<div class="icon-holder"><img class="icon" src="svg/lemon.svg"/></div>
<div class="text-holder"><a class="text" href="https://ahoylemon.xyz" target="_blank">This site is by Lemon.</a></div><a class="close" v-on:click="bannerVisible = false">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<circle class="fill" cx="50.6" cy="49.7" r="42"></circle>
<path class="outline" d="M50 96C24.6 96 4 75.4 4 50S24.6 4 50 4s46 20.6 46 46-20.6 46-46 46zm0-86.2C27.8 9.8 9.8 27.8 9.8 50s18 40.3 40.2 40.3S90.3 72.2 90.3 50 72.2 9.8 50 9.8z"></path>
<g class="close" id="HamburgerClose">
<path class="x" d="M70.3 69c0 1.3-.5 2.4-1.5 3.3-1 .9-2.1 1.4-3.4 1.4-1.3 0-2.4-.6-3.4-1.7L49.6 56.9 37 72.1c-1 1.1-2.1 1.7-3.4 1.7-1.2 0-2.3-.5-3.3-1.4-1-.9-1.5-2.1-1.5-3.3 0-1.1.4-2.1 1.2-3L43.5 50l-13-15.8c-.8-1-1.3-2-1.3-3 0-1.3.5-2.4 1.5-3.3 1-.9 2.1-1.4 3.3-1.4 1.3 0 2.5.6 3.4 1.7l12.1 14.6 12-14.6c1-1.1 2.1-1.7 3.4-1.7 1.2 0 2.3.5 3.3 1.4 1 .9 1.5 2.1 1.5 3.3 0 1.1-.4 2.1-1.2 3l-13 15.6L69 65.9c.9 1 1.3 2 1.3 3.1z"></path>
</g>
</svg></a>
</aside>