Added logo

This commit is contained in:
Jan Jastrow 2020-05-04 22:31:17 +02:00
parent 14b55206d2
commit 1041be1d58
3 changed files with 116 additions and 14 deletions

View File

@ -1,23 +1,20 @@
<!doctype html>
<html lang="en">
<html lang="de" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Title goes here</title>
<meta name="description" content="description goes here" />
<title>Ministerium für Internet (MfI)</title>
<meta name="description" content="Ministerium für alle belange des Internets" />
<meta name="author" content="Jan Jastrow" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/addons.min.css" type="text/css" />
<link rel="stylesheet" href="css/styles.min.css" type="text/css" />
<!-- for development only
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
-->
<link rel="shortcut icon" href="favicon.svg" />
</head>
<body>
<h1>Foo</h1>
<p>Bar</p>
<p>Baz…</p>
<header>
<img src="logo.svg" id="logo" alt="Logo des Ministeriums für Internet">
</header>
<h1>Willkommen!</h1>
</body>
</html>
</html>

100
_source/logo.svg Normal file
View File

@ -0,0 +1,100 @@
<?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 width="100%" height="100%" viewBox="0 0 142 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;">
<g transform="matrix(1.49085,0,0,1.49127,-783.798,-243.158)">
<g transform="matrix(12,0,0,12,560.193,172.307)">
<path d="M0.096,0L0.191,0L0.191,-0.579L0.399,0L0.485,0L0.695,-0.585L0.695,0L0.79,0L0.79,-0.723L0.663,-0.723L0.442,-0.126L0.224,-0.723L0.096,-0.723L0.096,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,570.219,172.307)">
<path d="M0.171,-0.723L0.077,-0.723L0.077,-0.627L0.171,-0.627L0.171,-0.723ZM0.169,-0.517L0.079,-0.517L0.079,0L0.169,0L0.169,-0.517Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,572.667,172.307)">
<path d="M0.077,0L0.169,0L0.169,-0.346C0.169,-0.415 0.233,-0.448 0.303,-0.448C0.37,-0.448 0.417,-0.41 0.417,-0.329L0.417,0L0.509,0L0.509,-0.338C0.509,-0.468 0.426,-0.525 0.328,-0.525C0.245,-0.525 0.192,-0.485 0.166,-0.442L0.166,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,578.991,172.307)">
<path d="M0.171,-0.723L0.077,-0.723L0.077,-0.627L0.171,-0.627L0.171,-0.723ZM0.169,-0.517L0.079,-0.517L0.079,0L0.169,0L0.169,-0.517Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,581.361,172.307)">
<path d="M0.263,0.01C0.389,0.01 0.462,-0.049 0.462,-0.144C0.462,-0.195 0.436,-0.258 0.341,-0.283L0.237,-0.309C0.18,-0.323 0.15,-0.341 0.15,-0.378C0.15,-0.433 0.195,-0.459 0.261,-0.459C0.325,-0.459 0.363,-0.428 0.37,-0.379L0.452,-0.379C0.449,-0.476 0.374,-0.527 0.262,-0.527C0.131,-0.527 0.065,-0.463 0.065,-0.373C0.066,-0.296 0.119,-0.256 0.203,-0.236L0.31,-0.21C0.357,-0.199 0.379,-0.177 0.379,-0.139C0.379,-0.085 0.332,-0.059 0.262,-0.059C0.197,-0.059 0.145,-0.09 0.132,-0.151L0.048,-0.151C0.063,-0.039 0.155,0.01 0.263,0.01Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,586.707,172.307)">
<path d="M0.34,-0.45L0.34,-0.518L0.223,-0.518L0.223,-0.668L0.155,-0.668L0.133,-0.517L0.046,-0.517L0.046,-0.45L0.13,-0.45L0.13,-0.125C0.13,-0.042 0.159,0.003 0.266,0.003C0.304,0.003 0.33,-0.001 0.343,-0.006L0.343,-0.068L0.286,-0.068C0.238,-0.068 0.223,-0.073 0.223,-0.128L0.223,-0.45L0.34,-0.45Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,590.613,172.307)">
<path d="M0.145,-0.237L0.515,-0.237L0.515,-0.271C0.515,-0.428 0.434,-0.527 0.289,-0.527C0.138,-0.527 0.051,-0.417 0.051,-0.254C0.051,-0.089 0.151,0.01 0.295,0.01C0.396,0.01 0.493,-0.046 0.512,-0.151L0.425,-0.151C0.412,-0.093 0.36,-0.062 0.294,-0.062C0.193,-0.062 0.145,-0.139 0.145,-0.237ZM0.145,-0.3C0.145,-0.377 0.191,-0.457 0.288,-0.457C0.382,-0.457 0.426,-0.389 0.426,-0.3L0.145,-0.3Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,596.811,172.307)">
<path d="M0.077,0L0.169,0L0.169,-0.322C0.169,-0.408 0.236,-0.443 0.318,-0.437C0.329,-0.437 0.347,-0.436 0.357,-0.431L0.357,-0.521C0.349,-0.525 0.333,-0.527 0.318,-0.527C0.252,-0.527 0.191,-0.492 0.165,-0.418L0.165,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,600.903,172.307)">
<path d="M0.171,-0.723L0.077,-0.723L0.077,-0.627L0.171,-0.627L0.171,-0.723ZM0.169,-0.517L0.079,-0.517L0.079,0L0.169,0L0.169,-0.517Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,603.273,172.307)">
<path d="M0.267,0.01C0.34,0.011 0.403,-0.022 0.422,-0.099L0.431,0L0.505,0L0.505,-0.517L0.413,-0.517L0.413,-0.181C0.413,-0.102 0.362,-0.062 0.286,-0.062C0.202,-0.062 0.161,-0.108 0.161,-0.176L0.161,-0.517L0.068,-0.517L0.068,-0.166C0.068,-0.05 0.159,0.009 0.267,0.01Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,609.717,172.307)">
<path d="M0.077,0L0.169,0L0.169,-0.346C0.169,-0.418 0.232,-0.449 0.285,-0.449C0.333,-0.449 0.39,-0.418 0.39,-0.356L0.39,0L0.482,0L0.482,-0.346C0.482,-0.424 0.55,-0.449 0.598,-0.449C0.653,-0.449 0.704,-0.423 0.704,-0.329L0.704,0L0.797,0L0.797,-0.338C0.797,-0.491 0.702,-0.527 0.629,-0.527C0.56,-0.527 0.503,-0.493 0.471,-0.443C0.444,-0.498 0.379,-0.527 0.322,-0.527C0.242,-0.527 0.194,-0.488 0.166,-0.442L0.166,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,560.193,184.35)">
<path d="M0.364,-0.517L0.237,-0.517L0.237,-0.589C0.237,-0.635 0.249,-0.658 0.292,-0.658L0.369,-0.658L0.368,-0.723L0.271,-0.723C0.187,-0.723 0.146,-0.679 0.146,-0.597L0.146,-0.517L0.036,-0.517L0.036,-0.45L0.146,-0.45L0.146,0L0.238,0L0.238,-0.45L0.364,-0.45L0.364,-0.517Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,564.345,184.35)">
<path d="M0.34,-0.608L0.43,-0.608L0.431,-0.698L0.341,-0.698L0.34,-0.608ZM0.145,-0.608L0.236,-0.608L0.236,-0.698L0.146,-0.698L0.145,-0.608ZM0.267,0.01C0.34,0.011 0.403,-0.022 0.422,-0.099L0.431,0L0.505,0L0.505,-0.517L0.413,-0.517L0.413,-0.181C0.413,-0.102 0.362,-0.062 0.286,-0.062C0.202,-0.062 0.161,-0.108 0.161,-0.176L0.161,-0.517L0.068,-0.517L0.068,-0.166C0.068,-0.05 0.159,0.009 0.267,0.01Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,570.789,184.35)">
<path d="M0.077,0L0.169,0L0.169,-0.322C0.169,-0.408 0.236,-0.443 0.318,-0.437C0.329,-0.437 0.347,-0.436 0.357,-0.431L0.357,-0.521C0.349,-0.525 0.333,-0.527 0.318,-0.527C0.252,-0.527 0.191,-0.492 0.165,-0.418L0.165,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,577.197,184.35)">
<rect x="0.096" y="-0.723" width="0.093" height="0.723" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,579.993,184.35)">
<path d="M0.077,0L0.169,0L0.169,-0.346C0.169,-0.415 0.233,-0.448 0.303,-0.448C0.37,-0.448 0.417,-0.41 0.417,-0.329L0.417,0L0.509,0L0.509,-0.338C0.509,-0.468 0.426,-0.525 0.328,-0.525C0.245,-0.525 0.192,-0.485 0.166,-0.442L0.166,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,586.059,184.35)">
<path d="M0.34,-0.45L0.34,-0.518L0.223,-0.518L0.223,-0.668L0.155,-0.668L0.133,-0.517L0.046,-0.517L0.046,-0.45L0.13,-0.45L0.13,-0.125C0.13,-0.042 0.159,0.003 0.266,0.003C0.304,0.003 0.33,-0.001 0.343,-0.006L0.343,-0.068L0.286,-0.068C0.238,-0.068 0.223,-0.073 0.223,-0.128L0.223,-0.45L0.34,-0.45Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,589.965,184.35)">
<path d="M0.145,-0.237L0.515,-0.237L0.515,-0.271C0.515,-0.428 0.434,-0.527 0.289,-0.527C0.138,-0.527 0.051,-0.417 0.051,-0.254C0.051,-0.089 0.151,0.01 0.295,0.01C0.396,0.01 0.493,-0.046 0.512,-0.151L0.425,-0.151C0.412,-0.093 0.36,-0.062 0.294,-0.062C0.193,-0.062 0.145,-0.139 0.145,-0.237ZM0.145,-0.3C0.145,-0.377 0.191,-0.457 0.288,-0.457C0.382,-0.457 0.426,-0.389 0.426,-0.3L0.145,-0.3Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,596.163,184.35)">
<path d="M0.077,0L0.169,0L0.169,-0.322C0.169,-0.408 0.236,-0.443 0.318,-0.437C0.329,-0.437 0.347,-0.436 0.357,-0.431L0.357,-0.521C0.349,-0.525 0.333,-0.527 0.318,-0.527C0.252,-0.527 0.191,-0.492 0.165,-0.418L0.165,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,600.255,184.35)">
<path d="M0.077,0L0.169,0L0.169,-0.346C0.169,-0.415 0.233,-0.448 0.303,-0.448C0.37,-0.448 0.417,-0.41 0.417,-0.329L0.417,0L0.509,0L0.509,-0.338C0.509,-0.468 0.426,-0.525 0.328,-0.525C0.245,-0.525 0.192,-0.485 0.166,-0.442L0.166,-0.517L0.077,-0.517L0.077,0Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,606.579,184.35)">
<path d="M0.145,-0.237L0.515,-0.237L0.515,-0.271C0.515,-0.428 0.434,-0.527 0.289,-0.527C0.138,-0.527 0.051,-0.417 0.051,-0.254C0.051,-0.089 0.151,0.01 0.295,0.01C0.396,0.01 0.493,-0.046 0.512,-0.151L0.425,-0.151C0.412,-0.093 0.36,-0.062 0.294,-0.062C0.193,-0.062 0.145,-0.139 0.145,-0.237ZM0.145,-0.3C0.145,-0.377 0.191,-0.457 0.288,-0.457C0.382,-0.457 0.426,-0.389 0.426,-0.3L0.145,-0.3Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(12,0,0,12,612.501,184.35)">
<path d="M0.34,-0.45L0.34,-0.518L0.223,-0.518L0.223,-0.668L0.155,-0.668L0.133,-0.517L0.046,-0.517L0.046,-0.45L0.13,-0.45L0.13,-0.125C0.13,-0.042 0.159,0.003 0.266,0.003C0.304,0.003 0.33,-0.001 0.343,-0.006L0.343,-0.068L0.286,-0.068C0.238,-0.068 0.223,-0.073 0.223,-0.128L0.223,-0.45L0.34,-0.45Z" style="fill-rule:nonzero;"/>
</g>
</g>
<g id="Flag" transform="matrix(1.54987,0,0,2.4416,-823.234,-399.371)">
<g id="Rot" transform="matrix(1,0,0,0.337326,0,119.28)">
<rect x="554.58" y="163.508" width="4.177" height="32.824" style="fill:rgb(255,0,0);"/>
</g>
<g id="Gold" transform="matrix(1,0,0,0.329976,0,131.529)">
<rect x="554.58" y="163.508" width="4.177" height="32.824" style="fill:rgb(255,196,0);"/>
</g>
<g id="Schwarz" transform="matrix(1,0,0,0.329976,0,109.677)">
<rect x="554.58" y="163.508" width="4.177" height="32.824"/>
</g>
</g>
<g id="Globe" transform="matrix(0.542361,0,0,0.542517,-0.0372706,-0.297862)">
<g transform="matrix(2.33563,0,0,2.33563,-3.00688,-3.00688)">
<circle cx="12" cy="12" r="9" style="fill:none;stroke:black;stroke-width:1.55px;"/>
</g>
<g transform="matrix(2.33563,0,0,2.33563,-3.00688,-3.00688)">
<path d="M3.6,9L20.4,9" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:1.55px;"/>
</g>
<g transform="matrix(2.33563,0,0,2.33563,-3.00688,-3.00688)">
<path d="M3.6,15L20.4,15" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:1.55px;"/>
</g>
<g transform="matrix(2.33563,0,0,2.33563,-3.00688,-3.00688)">
<path d="M11.5,3C8.068,8.499 8.068,15.501 11.5,21" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:1.55px;"/>
</g>
<g transform="matrix(2.33563,0,0,2.33563,-3.00688,-3.00688)">
<path d="M12.5,3C15.932,8.499 15.932,15.501 12.5,21" style="fill:none;fill-rule:nonzero;stroke:black;stroke-width:1.55px;"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,6 +1,11 @@
body {
background-color: #eeeeee;
color: #111111;
background-color: #fff;
color: #111;
font-family: sans-serif;
font-size: 24px;
}
#logo {
height: 80px;
width: 142px;
}