aboutsummaryrefslogtreecommitdiff
path: root/assets/scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss')
-rw-r--r--assets/scss/_fonts.scss20
-rw-r--r--assets/scss/home.scss34
-rw-r--r--assets/scss/screen.scss5
3 files changed, 43 insertions, 16 deletions
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
@@ -7,6 +7,11 @@
@import 'footer';
/**
+ * Fonts
+ **/
+@import 'fonts';
+
+/**
* Pages
**/
@import 'gfx';