jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-26 04:45:22 -04:00
Code Issues

google fonts workaround

Browse Source
This commit is contained in:
Jake Jarvis 2023-10-06 10:21:15 -04:00
parent 14cd879207
commit 23844c6843
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
5 changed files with 77 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/styles/fonts/loaders/Inter.ts
View File

@ -2,6 +2,7 @@ import { Inter as InterLoader } from "next/font/google";
const Inter = InterLoader({
weight: "variable",
axes: ["slnt"], // workaround for lack of italicized Inter on Google Fonts, see: https://github.com/google/fonts/issues/2386#issuecomment-691503098
subsets: ["latin"],
display: "fallback",
preload: true,

1
lib/styles/fonts/loaders/SourceCodePro.ts
View File

@ -2,6 +2,7 @@ import { Source_Code_Pro as SourceCodeProLoader } from "next/font/google";
const SourceCodePro = SourceCodeProLoader({
weight: "variable",
style: ["normal", "italic"],
subsets: ["latin"],
display: "fallback",
preload: true,

17
lib/styles/stitches.config.ts
View File

@ -139,8 +139,11 @@ export const globalStyles = globalCss(
systemFonts: false,
}),
{
body: {
html: {
fontFamily: theme.fonts.sans,
},
body: {
backgroundColor: theme.colors.backgroundInner,
transition: `background ${theme.transitions.fade}`,
},
@ -148,6 +151,18 @@ export const globalStyles = globalCss(
"code, kbd, samp, pre": {
fontFamily: theme.fonts.mono,
},
"em, i": {
// workaround for lack of italicized Inter on Google Fonts, see: https://github.com/google/fonts/issues/2386#issuecomment-691503098
fontStyle: "oblique 10deg",
fontVariationSettings: "'slnt' -10",
"& :where(code, kbd, samp, pre)": {
// unset workaround for well-behaving fonts
fontStyle: "italic",
fontVariationSettings: "initial",
},
},
}
);

11
package.json
View File

@ -23,10 +23,11 @@
"@novnc/novnc": "1.4.0",
"@octokit/graphql": "^7.0.2",
"@octokit/graphql-schema": "^14.33.1",
"@prisma/client": "^5.3.1",
"@prisma/client": "^5.4.1",
"@prisma/extension-accelerate": "^0.6.2",
"@react-spring/web": "^9.7.3",
"@stitches/react": "1.3.1-1",
"@vercel/edge": "^1.1.0",
"@vercel/postgres": "^0.5.0",
"comma-number": "^2.1.0",
"copy-to-clipboard": "^3.3.3",
@ -67,7 +68,7 @@
"remark-unwrap-images": "^3.0.1",
"remove-markdown": "^0.5.0",
"sitemap": "^7.1.1",
"stitches-normalize": "^2.0.0",
"stitches-normalize": "^3.0.1",
"swr": "^2.2.4",
"unified": "^10.1.2"
},
@ -77,8 +78,8 @@
"@types/node": "^18.17.14",
"@types/novnc__novnc": "^1.3.2",
"@types/prop-types": "^15.7.8",
"@types/react": "^18.2.24",
"@types/react-dom": "^18.2.9",
"@types/react": "^18.2.25",
"@types/react-dom": "^18.2.10",
"@types/react-is": "^18.2.2",
"@types/remove-markdown": "^0.3.2",
"@types/uglify-js": "^3.17.2",
@ -92,7 +93,7 @@
"eslint-plugin-prettier": "~5.0.0",
"lint-staged": "^14.0.1",
"prettier": "^3.0.3",
"prisma": "^5.3.1",
"prisma": "^5.4.1",
"simple-git-hooks": "^2.9.0",
"typescript": "^5.2.2",
"uglify-js": "^3.17.4"

98
pnpm-lock.yaml generated
View File

@ -21,17 +21,20 @@ dependencies:
specifier: ^14.33.1
version: 14.33.1
'@prisma/client':
specifier: ^5.3.1
version: 5.3.1(prisma@5.3.1)
specifier: ^5.4.1
version: 5.4.1(prisma@5.4.1)
'@prisma/extension-accelerate':
specifier: ^0.6.2
version: 0.6.2(@prisma/client@5.3.1)
version: 0.6.2(@prisma/client@5.4.1)
'@react-spring/web':
specifier: ^9.7.3
version: 9.7.3(react-dom@18.2.0)(react@18.2.0)
'@stitches/react':
specifier: 1.3.1-1
version: 1.3.1-1(react@18.2.0)
'@vercel/edge':
specifier: ^1.1.0
version: 1.1.0
'@vercel/postgres':
specifier: ^0.5.0
version: 0.5.0
@ -103,7 +106,7 @@ dependencies:
version: 4.11.0(react@18.2.0)
react-innertext:
specifier: ^1.1.5
version: 1.1.5(@types/react@18.2.24)(react@18.2.0)
version: 1.1.5(@types/react@18.2.25)(react@18.2.0)
react-intersection-observer:
specifier: ^9.5.2
version: 9.5.2(react@18.2.0)
@ -115,7 +118,7 @@ dependencies:
version: 2.10.1(react@18.2.0)
react-textarea-autosize:
specifier: ^8.5.3
version: 8.5.3(@types/react@18.2.24)(react@18.2.0)
version: 8.5.3(@types/react@18.2.25)(react@18.2.0)
react-tweet:
specifier: ^3.1.1
version: 3.1.1(react-dom@18.2.0)(react@18.2.0)
@ -153,8 +156,8 @@ dependencies:
specifier: ^7.1.1
version: 7.1.1
stitches-normalize:
specifier: ^2.0.0
version: 2.0.0(@stitches/react@1.3.1-1)
specifier: ^3.0.1
version: 3.0.1(@stitches/react@1.3.1-1)
swr:
specifier: ^2.2.4
version: 2.2.4(react@18.2.0)
@ -184,11 +187,11 @@ devDependencies:
specifier: ^15.7.8
version: 15.7.8
'@types/react':
specifier: ^18.2.24
version: 18.2.24
specifier: ^18.2.25
version: 18.2.25
'@types/react-dom':
specifier: ^18.2.9
version: 18.2.9
specifier: ^18.2.10
version: 18.2.10
'@types/react-is':
specifier: ^18.2.2
version: 18.2.2
@ -229,8 +232,8 @@ devDependencies:
specifier: ^3.0.3
version: 3.0.3
prisma:
specifier: ^5.3.1
version: 5.3.1
specifier: ^5.4.1
version: 5.4.1
simple-git-hooks:
specifier: ^2.9.0
version: 2.9.0
@ -415,7 +418,7 @@ packages:
react: '>=16'
dependencies:
'@types/mdx': 2.0.8
'@types/react': 18.2.24
'@types/react': 18.2.25
react: 18.2.0
dev: false
@ -641,8 +644,8 @@ packages:
tslib: 2.6.2
dev: true
/@prisma/client@5.3.1(prisma@5.3.1):
resolution: {integrity: sha512-ArOKjHwdFZIe1cGU56oIfy7wRuTn0FfZjGuU/AjgEBOQh+4rDkB6nF+AGHP8KaVpkBIiHGPQh3IpwQ3xDMdO0Q==}
/@prisma/client@5.4.1(prisma@5.4.1):
resolution: {integrity: sha512-xyD0DJ3gRNfLbPsC+YfMBBuLJtZKQfy1OD2qU/PZg+HKrr7SO+09174LMeTlWP0YF2wca9LxtVd4HnAiB5ketQ==}
engines: {node: '>=16.13'}
requiresBuild: true
peerDependencies:
@ -651,25 +654,25 @@ packages:
prisma:
optional: true
dependencies:
'@prisma/engines-version': 5.3.1-2.61e140623197a131c2a6189271ffee05a7aa9a59
prisma: 5.3.1
'@prisma/engines-version': 5.4.1-1.2f302df92bd8945e20ad4595a73def5b96afa54f
prisma: 5.4.1
dev: false
/@prisma/engines-version@5.3.1-2.61e140623197a131c2a6189271ffee05a7aa9a59:
resolution: {integrity: sha512-y5qbUi3ql2Xg7XraqcXEdMHh0MocBfnBzDn5GbV1xk23S3Mq8MGs+VjacTNiBh3dtEdUERCrUUG7Z3QaJ+h79w==}
/@prisma/engines-version@5.4.1-1.2f302df92bd8945e20ad4595a73def5b96afa54f:
resolution: {integrity: sha512-+nUQM/y8C+1GG5Ioeqcu6itFslCfxvQSAUVSMC9XM2G2Fcq0F4Afnp6m0pXF6X6iUBWen7jZBPmM9Qlq4Nr3/A==}
dev: false
/@prisma/engines@5.3.1:
resolution: {integrity: sha512-6QkILNyfeeN67BNEPEtkgh3Xo2tm6D7V+UhrkBbRHqKw9CTaz/vvTP/ROwYSP/3JT2MtIutZm/EnhxUiuOPVDA==}
/@prisma/engines@5.4.1:
resolution: {integrity: sha512-vJTdY4la/5V3N7SFvWRmSMUh4mIQnyb/MNoDjzVbh9iLmEC+uEykj/1GPviVsorvfz7DbYSQC4RiwmlEpTEvGA==}
requiresBuild: true
/@prisma/extension-accelerate@0.6.2(@prisma/client@5.3.1):
/@prisma/extension-accelerate@0.6.2(@prisma/client@5.4.1):
resolution: {integrity: sha512-KIBVPeWt8qaSg7wQ+TXmCVeUDoW75whtXcdS9dbHxRoO2OWFH5I9+qbkHBhx5Wj/h1wQpS8usuxGnsZqiBjUpQ==}
engines: {node: '>=16'}
peerDependencies:
'@prisma/client': '>=4.16.1'
dependencies:
'@prisma/client': 5.3.1(prisma@5.3.1)
'@prisma/client': 5.4.1(prisma@5.4.1)
dev: false
/@react-spring/animated@9.7.3(react@18.2.0):
@ -774,7 +777,7 @@ packages:
/@types/hoist-non-react-statics@3.3.2:
resolution: {integrity: sha512-YIQtIg4PKr7ZyqNPZObpxfHsHEmuB8dXCxd6qVcGuQVDK2bpsF7bYNnBJ4Nn7giuACZg+WewExgrtAJ3XnA4Xw==}
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
hoist-non-react-statics: 3.3.2
dev: false
@ -842,20 +845,20 @@ packages:
/@types/prop-types@15.7.8:
resolution: {integrity: sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==}
/@types/react-dom@18.2.9:
resolution: {integrity: sha512-6nNhVzZ9joQ6F7lozrASuQKC0Kf6ArYMU+DqA2ZrUbB+d+9lC6ZLn1GxiEBI1edmAwvTULtuJ6uPZpv3XudwUg==}
/@types/react-dom@18.2.10:
resolution: {integrity: sha512-5VEC5RgXIk1HHdyN1pHlg0cOqnxHzvPGpMMyGAP5qSaDRmyZNDaQ0kkVAkK6NYlDhP6YBID3llaXlmAS/mdgCA==}
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
dev: true
/@types/react-is@18.2.2:
resolution: {integrity: sha512-bNmRDADVsOivYLvqYQATYRbf60SlK++spu97SK65pSCjdtuTqczFexBQtOK+gQdG6cqOsvQZ3mR12ueEoaq5iA==}
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
dev: true
/@types/react@18.2.24:
resolution: {integrity: sha512-Ee0Jt4sbJxMu1iDcetZEIKQr99J1Zfb6D4F3qfUWoR1JpInkY1Wdg4WwCyBjL257D0+jGqSl1twBjV8iCaC0Aw==}
/@types/react@18.2.25:
resolution: {integrity: sha512-24xqse6+VByVLIr+xWaQ9muX1B4bXJKXBbjszbld/UEDslGLY53+ZucF44HCmLbMPejTzGG9XgR+3m2/Wqu1kw==}
dependencies:
'@types/prop-types': 15.7.8
'@types/scheduler': 0.16.4
@ -1026,6 +1029,10 @@ packages:
eslint-visitor-keys: 3.4.3
dev: true
/@vercel/edge@1.1.0:
resolution: {integrity: sha512-84H2EavY5Kul9Ef1DnTH0XEG5vChqcXjyqoRLVPjjZjLWw47sMapzXXQH09pybcshR+8AKqULGvFqPTWuRh3Rw==}
dev: false
/@vercel/postgres@0.5.0:
resolution: {integrity: sha512-MFWp9SZmADqBe2x2mzEvwmGLiwOd8PVkUxYeBZx/RqdHl0bd8/1BH0zBR+zSimGyi9P/MVtZoJLdf5dkWw9m5Q==}
engines: {node: '>=14.6'}
@ -4440,13 +4447,13 @@ packages:
hasBin: true
dev: true
/prisma@5.3.1:
resolution: {integrity: sha512-Wp2msQIlMPHe+5k5Od6xnsI/WNG7UJGgFUJgqv/ygc7kOECZapcSz/iU4NIEzISs3H1W9sFLjAPbg/gOqqtB7A==}
/prisma@5.4.1:
resolution: {integrity: sha512-op9PmU8Bcw5dNAas82wBYTG0yHnpq9/O3bhxbDBrNzwZTwBqsVCxxYRLf6wHNh9HVaDGhgjjHlu1+BcW8qdnBg==}
engines: {node: '>=16.13'}
hasBin: true
requiresBuild: true
dependencies:
'@prisma/engines': 5.3.1
'@prisma/engines': 5.4.1
/proc-log@3.0.0:
resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
@ -4551,13 +4558,13 @@ packages:
react: 18.2.0
dev: false
/react-innertext@1.1.5(@types/react@18.2.24)(react@18.2.0):
/react-innertext@1.1.5(@types/react@18.2.25)(react@18.2.0):
resolution: {integrity: sha512-PWAqdqhxhHIv80dT9znP2KvS+hfkbRovFp4zFYHFFlOoQLRiawIic81gKb3U1wEyJZgMwgs3JoLtwryASRWP3Q==}
peerDependencies:
'@types/react': '>=0.0.0 <=99'
react: '>=0.0.0 <=99'
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
react: 18.2.0
dev: false
@ -4589,7 +4596,7 @@ packages:
react-fast-compare: 3.2.2
dev: false
/react-textarea-autosize@8.5.3(@types/react@18.2.24)(react@18.2.0):
/react-textarea-autosize@8.5.3(@types/react@18.2.25)(react@18.2.0):
resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==}
engines: {node: '>=10'}
peerDependencies:
@ -4598,7 +4605,7 @@ packages:
'@babel/runtime': 7.23.1
react: 18.2.0
use-composed-ref: 1.3.0(react@18.2.0)
use-latest: 1.2.1(@types/react@18.2.24)(react@18.2.0)
use-latest: 1.2.1(@types/react@18.2.25)(react@18.2.0)
transitivePeerDependencies:
- '@types/react'
dev: false
@ -5079,8 +5086,9 @@ packages:
resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
dev: false
/stitches-normalize@2.0.0(@stitches/react@1.3.1-1):
resolution: {integrity: sha512-HolFbytRn8gakyeNmVT++SAUobHCNhA1AMeWNT75YHacl8r/OgRnJqrKwiybUvYOCZcRVYCnCl4ribdd+O8How==}
/stitches-normalize@3.0.1(@stitches/react@1.3.1-1):
resolution: {integrity: sha512-+e2u38IEi0i/vCVeOQPqKbUU+ucU3XTBGB3IxQEOEu6HhLFrk0Fq1JYt4JzVpgPlk/9y/MNiglx6vqFlbMjF0g==}
engines: {node: '>=6'}
peerDependencies:
'@stitches/react': 1.x
peerDependenciesMeta:
@ -5633,7 +5641,7 @@ packages:
react: 18.2.0
dev: false
/use-isomorphic-layout-effect@1.1.2(@types/react@18.2.24)(react@18.2.0):
/use-isomorphic-layout-effect@1.1.2(@types/react@18.2.25)(react@18.2.0):
resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
peerDependencies:
'@types/react': '*'
@ -5642,11 +5650,11 @@ packages:
'@types/react':
optional: true
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
react: 18.2.0
dev: false
/use-latest@1.2.1(@types/react@18.2.24)(react@18.2.0):
/use-latest@1.2.1(@types/react@18.2.25)(react@18.2.0):
resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==}
peerDependencies:
'@types/react': '*'
@ -5655,9 +5663,9 @@ packages:
'@types/react':
optional: true
dependencies:
'@types/react': 18.2.24
'@types/react': 18.2.25
react: 18.2.0
use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.24)(react@18.2.0)
use-isomorphic-layout-effect: 1.1.2(@types/react@18.2.25)(react@18.2.0)
dev: false
/use-sync-external-store@1.2.0(react@18.2.0):