Commit d74d83c6 authored by j.vondoemming's avatar j.vondoemming
Browse files

fixed flag rendering on some browsers

parent 8f217646
Pipeline #214353 passed with stages
in 4 minutes and 10 seconds
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3">
<desc>Flag of Germany</desc>
<rect id="black_stripe" width="5" height="3" y="0" x="0" fill="#000"/>
<rect id="red_stripe" width="5" height="2" y="1" x="0" fill="#D00"/>
<rect id="gold_stripe" width="5" height="1" y="2" x="0" fill="#FFCE00"/>
</svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
<clipPath id="s">
<path d="M0,0 v30 h60 v-30 z"/>
</clipPath>
<clipPath id="t">
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
</clipPath>
<g clip-path="url(#s)">
<path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
<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="#C8102E" 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="#C8102E" stroke-width="6"/>
</g>
</svg>
......@@ -102,6 +102,13 @@ body > header nav a{
font-size: 2em;
}
.inline-flag {
width: 1em;
height: 0.6em;
object-fit: cover;
border-radius: 0.1em;
}
#Logo {
height: 2em;
margin: 0.2em;
......
......@@ -29,8 +29,8 @@
<img src="static/img/logo.png" alt="Logo" id="Logo">
<h1>%%{"de":"Digitale Spielesammlung vom AStA Göttingen","en":"Digital Game Collection of AStA Göttingen"}%%</h1>
<nav>
<a href="de.html" target="_self" title="Deutsch" >🇩🇪</a>
<a href="en.html" target="_self" title="English">🇬🇧</a>
<a href="de.html" target="_self" title="Deutsch" ><img src="static/img/Flag_of_Germany.svg" alt="Deutsch" class="inline-flag"></a>
<a href="en.html" target="_self" title="English"><img src="static/img/Flag_of_the_United_Kingdom.svg" alt="English" class="inline-flag"></a>
</nav>
</header>
<aside class="alert alert-info">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment