From 0ae632e934c058c6f21a7141edff0a0587a607ba Mon Sep 17 00:00:00 2001
From: hellekin <hellekin@cepheide.org>
Date: Sun, 30 Jun 2019 01:08:08 +0200
Subject: Add compressed CSS and fonts SCSS

---
 assets/scss/_fonts.scss | 20 ++++++++++++++++++++
 assets/scss/home.scss   | 34 ++++++++++++++++++----------------
 assets/scss/screen.scss |  5 +++++
 3 files changed, 43 insertions(+), 16 deletions(-)
 create mode 100644 assets/scss/_fonts.scss

(limited to 'assets/scss')

diff --git a/assets/scss/_fonts.scss b/assets/scss/_fonts.scss
new file mode 100644
index 0000000..5996c3f
--- /dev/null
+++ b/assets/scss/_fonts.scss
@@ -0,0 +1,20 @@
+/* latin */
+@font-face {
+  font-family: "Cormorant Garamond";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: local("Cormorant Garamond Bold"),
+       local("CormorantGaramond-Bold"),
+       url(/assets/fonts/cormorant-garamond.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* latin */
+@font-face {
+  font-family: "Abel";
+  src: local("Abel Regular"),
+       local("Abel-Regular"),
+       url(/assets/fonts/abel.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/assets/scss/home.scss b/assets/scss/home.scss
index 456f111..72ec9a9 100644
--- a/assets/scss/home.scss
+++ b/assets/scss/home.scss
@@ -32,7 +32,7 @@ body {
 }
 
 body > header {
-    
+
     background-color: rgba(109, 78, 128, 1);
     position: fixed;
     right: 5vw;
@@ -62,6 +62,8 @@ body > header {
 	img {
 	    display: none;
 	    vertical-align: -1.6rem;
+            align: absmiddle;
+            border: 0;
 	}
     }
 
@@ -130,7 +132,7 @@ body > header {
 
 		&:hover {
 		    border-color: rgba(220, 201, 133, 1);
-		
+
 		    a {
 			font-weight: bold;
 			background: rgba(0,0,0,0.5);
@@ -138,7 +140,7 @@ body > header {
 		}
 	    }
 	}
-	
+
 	&:hover {
 	    /**
 	     * Copyleft magic
@@ -174,7 +176,7 @@ body > header {
 
     &:hover {
 	top: 5vh;
-    
+
 	h1 {
 	    font-size: 2.6rem;
 	    transform: rotate(2.7deg) translate(0, 0) skewX(0);
@@ -223,7 +225,7 @@ body > footer {
     h4 {
 	display: inline-block;
     }
-    
+
     > p {
 	text-align: center;
 	margin: 4rem auto 2rem auto;
@@ -267,7 +269,7 @@ body > footer {
 
 	    &:hover {
 		border-color: rgba(220, 201, 133, 1);
-	    
+
 		a {
 		    font-weight: bold;
 		    background: rgba(0,0,0,0.5);
@@ -311,7 +313,7 @@ body > footer {
     header > footer {
 	position: fixed;
     }
-    
+
 
 /**
  * Scrollbar
@@ -349,14 +351,14 @@ body > footer {
 	overflow-y: auto;
     }
 
-    
+
 
     body > header:hover ~ footer {
 	position: fixed;
 	bottom: 0;
 	display: block;
     }
-    
+
     body > header:hover ~ footer > nav {
 	display: block;
     }
@@ -407,7 +409,7 @@ body > footer {
 		transform: rotate(0deg);
 		width: 40vw;
 		z-index: 500;
-	    
+
 		h3 {
 		    color: rgba(0, 0, 0, 1);
 		}
@@ -420,7 +422,7 @@ body > footer {
 	    }
 	}
     }
-        
+
     .media #gfx {
 	background: rgba(191, 138, 112,0.7);
 	transform: rotate(-4deg);
@@ -499,7 +501,7 @@ body > footer {
 	font-size: 1.6rem;
 	padding: 1rem 2rem;
     }
-    
+
     .media #vdo {
 	left: 0;
 	background: rgba(112, 166, 191, 0.5);
@@ -527,7 +529,7 @@ body > footer {
 	opacity: 1;
     }
     .media #vdo:hover {
-	background: rgba(112, 166, 191, 0.9); 
+	background: rgba(112, 166, 191, 0.9);
 	margin: 0;
 	transform: rotate(0);
 	width: 40vw;
@@ -566,7 +568,7 @@ body > footer {
 	color: rgba(109, 78, 128, 1);
 	text-decoration: none;
     }
-    
+
     .libre #participation {
 /*	transform: rotate(-4deg) translateY(4.5rem); */
 	transform: rotate(-4deg) translateY(6vh);
@@ -593,7 +595,7 @@ body > footer {
     body > main {
 	background: url(../img/logo-ps.svg) center calc(92% - 50vh) / contain no-repeat fixed;
     }
-    
+
 }
 
 .sinewave{
@@ -613,7 +615,7 @@ body > footer {
 
 #lang-switch {
     /* rgb(199, 184, 119); */
-    border: 2px solid rgba(173, 151, 56, 0.68); 
+    border: 2px solid rgba(173, 151, 56, 0.68);
     border-radius: 1rem;
     padding: 0 0.5rem;
     background: inherit;
diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss
index fdda851..8828c85 100644
--- a/assets/scss/screen.scss
+++ b/assets/scss/screen.scss
@@ -6,6 +6,11 @@
 @import 'aside';
 @import 'footer';
 
+/**
+ * Fonts
+ **/
+@import 'fonts';
+
 /**
  * Pages
  **/
-- 
cgit v1.2.3