summaryrefslogtreecommitdiff
path: root/talermerchantdemos/blog/static/web-common/lang.html
blob: 8db1c0d43b482fa161c129bce4d792bb14e68a90 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div class="bottom-bar">
  <div class="lang-selector">
    <a href="#" onclick="setLang('en');">
      <img>
        <!-- https://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg -->
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="45" height="22.5">
        <clipPath id="t">
        	<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
        </clipPath>
        <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
        <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
        <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
        <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
        <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
        </svg>
      </img>
    </a>
    <a href="#" onclick="setLang('it');">
      <img>
	<!-- https://upload.wikimedia.org/wikipedia/en/0/03/Flag_of_Italy.svg -->
        <svg xmlns="http://www.w3.org/2000/svg" width="45" height="22.5" viewBox="0 0 3 2">
        <rect width="1" height="2" fill="#009246"/>
        <rect width="1" height="2" x="1" fill="#fff"/>
        <rect width="1" height="2" x="2" fill="#ce2b37"/>
        </svg>
      </img>
    </a>
  </div>
</div>