Build footer

index.html

@@ -77,7 +77,7 @@
 
 		<footer class="text-center">
 			<p>&copy; 2023 Domů nevidíš</p>
-			<p>Neziskový projekt Pedagogické fakulty Univerzity Karlovy.</p>
+			<p class="text-bold">Neziskový projekt Pedagogické fakulty Univerzity Karlovy.</p>
 		</footer>
 	</body>
 </html>

sass/style.scss

@@ -24,3 +24,34 @@ img {
 	display: block;
 	max-width: 100%;
 }
+
+.text-bold {
+	font-weight: bold;
+}
+
+footer {
+	$logo-radius: 4.5em;
+	position: relative;
+	text-align: center;
+	padding: $logo-radius+1 2em 2em 2em;
+	margin-top: $logo-radius+4;
+
+	border-top: 1px solid #5d6e81;
+
+	&:before {
+		content: "";
+		position: absolute;
+		top: -$logo-radius;
+		left: 50%;
+		transform: translatex(-$logo-radius);
+		height: $logo-radius*2;
+		width: $logo-radius*2;
+		border: 1px solid #5d6e81;
+		border-radius: 50%;
+		background-image: url("/static/pedf-logo-white.svg");
+		background-position: center;
+		background-size: 75%;
+		background-repeat: no-repeat;
+		background-color: $col-bg;
+	}
+}

static/pedf-logo-white.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="104.217" height="104.217"><defs><clipPath id="a"><path fill="none" d="M0 0h104.217v104.217H0z"/></clipPath></defs><g clip-path="url(#a)"><path d="M53.094 75.18V47.654L96.4 28.633a49.621 49.621 0 0 1 3.743 37.838c-14.729-10.2-32.422-8.085-47.048 8.71m38.279 8.07H61.431c-.463 3.506-3.359 6.4-9.322 6.4s-8.859-2.9-9.322-6.4H12.844A50.153 50.153 0 0 1 4.7 68.423c6.414-4.5 14.855-7.956 25.457-5.184 6.927 1.813 15.387 7.2 21.948 16.477 6.565-9.273 15.024-14.665 21.953-16.477 10.6-2.772 19.043.688 25.455 5.184a50.153 50.153 0 0 1-8.14 14.828m-19.7 15.019-7.728-13.047h25.777A50.4 50.4 0 0 1 71.677 98.27m-19.569 3.978a49.849 49.849 0 0 1-17.716-3.237l7.421-12.523c1.14 2.037 3.871 5.134 10.295 5.134s9.155-3.1 10.295-5.134l7.421 12.523a49.849 49.849 0 0 1-17.716 3.237M14.5 85.223h25.772L32.54 98.27A50.4 50.4 0 0 1 14.5 85.223m-6.682-56.59 43.3 19.021V75.18C36.5 58.386 18.8 56.275 4.076 66.47a49.622 49.622 0 0 1 3.742-37.837m11.975-14.819c1.033 6.952 5.21 9.407 9.7 10.831a18.065 18.065 0 0 0-1.625 10.642L8.783 26.901a50.2 50.2 0 0 1 11.01-13.091M37.2 18.035c11.287 2.252 13.335 9.266 13.739 14.552.156 2.024.189 3.737.189 4.587a8.757 8.757 0 0 0-5.447-4.213c-1.063-5.228-4.462-7.475-11.892-9.2-5.831-1.353-11.434-2.952-12.238-11.489 1.719 1.186 4.05 3.451 15.649 5.763M52.109 1.972a49.7 49.7 0 0 1 28.838 9.153c-3.544 2.636-8.579 3.741-14 4.929a27.074 27.074 0 0 0-14.831-4.265H52.1a27.074 27.074 0 0 0-14.831 4.265c-5.417-1.188-10.453-2.292-14-4.929a49.7 49.7 0 0 1 28.84-9.153M65 27.539a16.634 16.634 0 0 1 2.294-.9 4.89 4.89 0 0 1-6.855 6.815 7.834 7.834 0 0 1 .961-2.662 2.18 2.18 0 0 0 3.386.6A2.778 2.778 0 0 0 65 27.539M39.919 16.768A25.42 25.42 0 0 1 52.1 13.761h.018A25.42 25.42 0 0 1 64.3 16.768c-5.384 1.614-10.2 4.289-12.19 11.443-1.995-7.155-6.805-9.829-12.19-11.443m-.491 14.626a2.178 2.178 0 0 0 3.384-.6 7.8 7.8 0 0 1 .963 2.662 4.89 4.89 0 0 1-6.855-6.815 16.634 16.634 0 0 1 2.294.9 2.776 2.776 0 0 0 .213 3.855m-2.8 3.533a7.016 7.016 0 0 0 8.544-.061c2.932.7 5.19 3.548 6.934 7.618 1.745-4.07 4-6.918 6.934-7.618a7.016 7.016 0 0 0 8.544.061 6.85 6.85 0 0 0 1.691-8.848c.531-.136 2.877-.713 3.509-.879a15.943 15.943 0 0 1 1.364 11.05l-22.039 9.681-22.043-9.682a15.94 15.94 0 0 1 1.362-11.05c.634.165 2.98.743 3.511.879a6.85 6.85 0 0 0 1.691 8.848m33.8-11.166C63 25.485 59.6 27.732 58.535 32.96a8.741 8.741 0 0 0-5.445 4.213c0-.849.031-2.563.188-4.587.4-5.281 2.452-12.3 13.738-14.552 11.6-2.313 13.931-4.577 15.649-5.763-.8 8.537-6.406 10.136-12.236 11.489m25.007 3.141-19.087 8.386a18.057 18.057 0 0 0-1.627-10.642c4.493-1.425 8.669-3.879 9.7-10.831a50.242 50.242 0 0 1 11.014 13.087M52.109.001a52.109 52.109 0 1 0 52.109 52.109A52.168 52.168 0 0 0 52.109.001" fill="#fff"/></g></svg>