Merge pull request #6 from HAUDRAUFHAUN/font-patch

💄  customize display font, add legal notice & update footer

Author: Michael Starke

_layouts/root.html

@@ -43,10 +43,11 @@ <h1>{{ page.title }}</h1>
     <footer>
         <a href="https://twitter.com/MacPassApp">Twitter</a>
         <a href="https://github.com/MacPass/MacPass/">GitHub</a>
+        <a href="/legal-notice">Legal notice</a>
         {% for link in page.footer_links %}
         <a href="{{ link['url'] }}">{{ link['name'] }}</a>
         {% endfor %}
-        <p>&copy; 2017 - {{ site.time | date: '%Y' }} HicknHack Software GmbH</p>
+        <p id="copyright">&copy; 2017 - {{ site.time | date: '%Y' }} HicknHack Software GmbH</p>
     </footer>
 </body>
 

css/main.css

@@ -1,3 +1,8 @@
+@font-face {
+	font-family: "Display Font";
+	src: url("/fonts/Gilroy/Gilroy-Light.otf");
+}
+
 body {
 	text-align: center;
 	font-family: 'Open Sans', sans-serif;
@@ -7,7 +12,8 @@ body {
 
 h1,h2,h3 {
 	color: rgb(4, 129, 210);
-	font-weight: 400;
+	font-weight: 300;
+	font-family: "Display Font";
 }
 
 h1 {
@@ -145,6 +151,7 @@ div.navigation:focus .menu {
 div.navigation a {
 	font-size: 1.2rem;
 	margin: 0.5rem 1rem;
+	font-family: 'Display Font';
 }
 div.navigation a.current-page {
 	border-bottom: 2px solid rgb(4, 129, 210);
@@ -216,6 +223,7 @@ div.sponsor-details a:first-child::before {
 	padding: 0.8rem 1.5rem 0.8rem 1.5rem;
 	border-width: 3px;
 	font-size: 1.5rem;
+	font-family: 'Display Font';
 }
 
 .button:hover {
@@ -230,6 +238,17 @@ a.button {
 footer {
 	font-size: 0.8rem;
 	color: rgb(180,180,180);
+	padding: 0 10vw;
+	margin: auto;
+	max-width: 50vw;
+
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	justify-content: center;
+}
+
+p#copyright{
+	grid-column: 1 / -1;
 }
 
 @media (max-width: 840px) {

fonts/Gilroy/Gilroy-ExtraBold.otf

@@ -0,0 +1,21 @@
+---
+layout: root
+title: Legal notice
+id: legal
+---
+
+<h2>Fonts</h2>
+
+<p align="left" style="padding: 0 20vw">
+  This page uses the Gilroy typeface by
+  <a href="https://www.tinkov.info/">Radomir Tinkov</a>. The license of the font
+  can be found
+  <a href="/fonts/Gilroy/Radomir Tinkov Free Font EULA .pdf">here</a>. When you
+  recognize copyright violations, please
+  <a
+    href="https://github.com/MacPass/macpass.github.io/issues/new/choose"
+    target="_blank"
+    rel="noopener"
+    >open up an GitHub issue</a
+  >.
+</p>