* chore(Geist): bump geist font to v1.0.1

* refactor(_typography.scss): split the CSS lang tag to ensure compatibility with Chromium-based browsers

* refactor(stage.ts): bump up preload count on desktop

* feat(params.toml): add support for user defined resize option

* feat(_fonts.scss): add a new font file to better support fullwidth plus and minus

* refactor(info): update info

* chore(build.yml): update branch name for updating bundled artifacts to include the current date

* chore(package.json): update version from 0.0.1 to v0.0.2 to reflect changes made in the codebase
This commit is contained in:
Spedon
2023-11-10 21:00:09 +08:00
committed by GitHub
parent 83363387cd
commit 9c073e98e1
11 changed files with 65 additions and 18 deletions

View File

@@ -1,7 +1,7 @@
@font-face {
font-family: 'Geist';
src: url('/lib/fonts/GeistVF.woff2') format('woff2');
font-weight: 90;
font-weight: 400;
font-style: normal;
font-display: swap;
}
@@ -45,3 +45,11 @@
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FW';
src: url('/lib/fonts/fw.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}

View File

@@ -6,7 +6,7 @@ body {
font-family: sans-serif;
button {
font-family: 'Noto Sans', sans-serif;
font-family: 'FW';
}
@include min-width('tablet') {
@@ -17,15 +17,43 @@ body {
}
}
body:lang(en, de, es, fr, it) {
body:lang(en) {
font-family: 'Geist', sans-serif;
}
body:lang(zh-cn, zh-sg) {
body:lang(de) {
font-family: 'Geist', sans-serif;
}
body:lang(es) {
font-family: 'Geist', sans-serif;
}
body:lang(fr) {
font-family: 'Geist', sans-serif;
}
body:lang(it) {
font-family: 'Geist', sans-serif;
}
body:lang(zh-cn) {
font-family: 'Noto Sans', 'Noto Sans CJK SC', sans-serif;
}
body:lang(zh-hk, zh-mo, zh-tw) {
body:lang(zh-sg) {
font-family: 'Noto Sans', 'Noto Sans CJK SC', sans-serif;
}
body:lang(zh-hk) {
font-family: 'Noto Sans', 'Noto Sans CJK TC', sans-serif;
}
body:lang(zh-mo) {
font-family: 'Noto Sans', 'Noto Sans CJK TC', sans-serif;
}
body:lang(zh-tw) {
font-family: 'Noto Sans', 'Noto Sans CJK TC', sans-serif;
}

View File

@@ -53,10 +53,10 @@ function getElCurrent(): HTMLImageElement {
return elTrail[elTrail.length - 1]
}
function getElNextFive(): HTMLImageElement[] {
function getElNextSeven(): HTMLImageElement[] {
const s = state.get()
const els = []
for (let i = 0; i < 5; i++) {
for (let i = 0; i < 7; i++) {
els.push(imgs[increment(s.index + i, s.length)])
}
return els
@@ -97,7 +97,7 @@ function setPositions(): void {
if (elTrail.length === 0 || !gsapLoaded) return
// preload
lores(getElNextFive())
lores(getElNextSeven())
_gsap.set(elTrail, {
x: (i: number) => cordHist.get()[i].x - window.innerWidth / 2,
@@ -228,7 +228,7 @@ export function initStage(ijs: ImageJSON[]): void {
setPositions()
})
// preload
lores(getElNextFive())
lores(getElNextSeven())
// dynamic import
window.addEventListener(
'mousemove',