diff options
| author | gumi <git@gumi.ca> | 2019-07-25 12:05:34 -0400 |
|---|---|---|
| committer | gumi <git@gumi.ca> | 2019-07-25 12:05:34 -0400 |
| commit | 1b437f989b8749ed26510d68050ac380dd74a900 (patch) | |
| tree | c089e584387b3f6b03f268a08fbed5970fad46f1 | |
| parent | 5ede28b4cc699a9678329cdf1a2df925b7efafc8 (diff) | |
| download | website-1b437f989b8749ed26510d68050ac380dd74a900.tar.gz website-1b437f989b8749ed26510d68050ac380dd74a900.tar.bz2 website-1b437f989b8749ed26510d68050ac380dd74a900.tar.xz website-1b437f989b8749ed26510d68050ac380dd74a900.zip | |
switch logo to CarterSubset
| -rw-r--r-- | src/components/Logo.vue | 15 | ||||
| -rw-r--r-- | src/router.ts | 2 |
2 files changed, 14 insertions, 3 deletions
diff --git a/src/components/Logo.vue b/src/components/Logo.vue index ff81161..af84000 100644 --- a/src/components/Logo.vue +++ b/src/components/Logo.vue @@ -10,15 +10,26 @@ /* XXX: I couldn't find the font usued in the original PNG logo so I used something similar-ish -*/ + @import url('https://fonts.googleapis.com/css?family=Carter+One&display=swap'); +*/ + +@font-face { + font-family: "CarterSubset"; + src: url("https://gumi.ca/CarterSubset.eot"); + src: local("@"), + url("https://gumi.ca/CarterSubset.woff2") format("woff2"), + url("https://gumi.ca/CarterSubset.woff") format("woff"), + url("https://gumi.ca/CarterSubset.ttf") format("truetype"); +} .logo { /* this is all relative because our mobile site has to be responsive */ background: url(../assets/logo.svg) no-repeat left top; /* FIXME: the -small logo is fugly */ background-size: 12vw 12vw; padding: 2vw 0 0 12vw; - font-family: 'Carter One', cursive; + font-family: "CarterSubset", cursive; + font-display: fallback; font-size: 7vw; text-shadow: 0.03ch 0.06ch #070905; color: #34B039; diff --git a/src/router.ts b/src/router.ts index c1902db..c58c258 100644 --- a/src/router.ts +++ b/src/router.ts @@ -63,7 +63,7 @@ router.afterEach((to, from) => { // scroll to the title if we're below it if (mainTitle) { mainTitle.scrollIntoView({ - block: "nearest", + block: "nearest", // FIXME: weird behaviour in firefox! inline: "nearest", behavior: "smooth", }); |