Styly pro hlavičku

4 years ago · a140e44b88
parent 27bb1aede9
commit a140e44b88
2 changed files with 82 additions and 3 deletions
--- a/circle.svg
+++ b/circle.svg
@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="97.368881mm"
+   height="87.087852mm"
+   viewBox="0 0 97.368888 87.087849"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   sodipodi:docname="circle.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="-98.064944"
+     inkscape:cy="319.05584"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1180"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-41.169811,-52.205829)">
+    <path
+       id="path833"
+       style="fill:none;stroke:#af0000;stroke-width:0.981026;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 107.79102,299.29492 c 35.01961,18.73397 75.02536,29.36513 117.51757,29.36524 137.80083,-3.4e-4 249.51037,-111.7109 249.50977,-249.511722 -4e-5,-26.73156 -4.29549,-53.289727 -12.72266,-78.65820362"
+       transform="matrix(0.26458333,0,0,0.26458333,12.779886,52.205903)"
+       sodipodi:nodetypes="ccsc" />
+  </g>
+</svg>
--- a/index.html
+++ b/index.html
@ -11,16 +11,33 @@
 			src: url(moderat.otf);
 		}
 		body {
+			margin: 0;
 			font-family: moderat, sans-serif;
 		}
+		header {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			min-height: 100vh;
+			background-image: url(circle.svg);
+			background-position: left top;
+			background-repeat: no-repeat;
+			background-size: auto 70%;
+			text-align: center;
+		}
+		header h1 { font-size: 5em }
+		header p { font-size: 2em }
 	</style>
 </head>
 <body>
-	<h1>Jak jsme na tom</h1>
+	<header>
+		<h1>Jak jsme na tom</h1>

-	Tady se dozvíš nejnovější informace jak jsme na tom!
+		<p>Tady se dozvíš nejnovější informace jak jsme na tom!</p>

-	Aktualizováno xx.5.2021 v xx hodin.
+		<p>Aktualizováno xx.5.2021 v xx hodin.</p>
+	</header>

 	<h2>Výuka</h2>