diff options
Diffstat (limited to 'assets/scss')
| -rw-r--r-- | assets/scss/_fonts.scss | 20 | ||||
| -rw-r--r-- | assets/scss/home.scss | 34 | ||||
| -rw-r--r-- | assets/scss/screen.scss | 5 |
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'; |