From f7f8f6e402a8130f8baef2bbbc4e0c203e4df30b Mon Sep 17 00:00:00 2001 From: LT Date: Thu, 7 Dec 2023 01:13:55 -0500 Subject: [PATCH 1/2] added wack club sans --- packages/theme/README.md | 4 ++-- packages/theme/fonts/wack-reg.css | 10 ++++++++++ 2 files changed, 12 insertions(+), 2 deletions(-) create mode 100644 packages/theme/fonts/wack-reg.css diff --git a/packages/theme/README.md b/packages/theme/README.md index 588bb54..6b2337d 100644 --- a/packages/theme/README.md +++ b/packages/theme/README.md @@ -22,8 +22,8 @@ export default ({ children }) => ( ### Fonts -This package also bundles 3 CSS files that include Hack Club’s webfonts: -`reg.css`, `reg-bold.css`, & `reg-ital-bold.css`. +This package also bundles 4 CSS files that include Hack Club’s webfonts: +`reg.css`, `reg-bold.css`, `reg-ital-bold.css`, & `wack-reg.css`. To use, just import straight from the package: ```js diff --git a/packages/theme/fonts/wack-reg.css b/packages/theme/fonts/wack-reg.css new file mode 100644 index 0000000..9a09165 --- /dev/null +++ b/packages/theme/fonts/wack-reg.css @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Wack Club Sans'; + src: url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff') + format('woff'), + url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff2') + format('woff2'); + font-weight: normal; + font-style: normal; + font-display: swap; +} \ No newline at end of file From 5d9c3d073aa968c896beb6e80bf99d39fa1efe81 Mon Sep 17 00:00:00 2001 From: LT Date: Thu, 7 Dec 2023 06:47:28 -0500 Subject: [PATCH 2/2] ran Prettier on the fonts npx prettier --write . in theme/packages/theme/fonts hopefully this passes prettier --- packages/theme/fonts/reg-bold.css | 6 ++++-- packages/theme/fonts/reg-ital-bold.css | 9 ++++++--- packages/theme/fonts/reg.css | 3 ++- packages/theme/fonts/wack-reg.css | 5 +++-- 4 files changed, 15 insertions(+), 8 deletions(-) diff --git a/packages/theme/fonts/reg-bold.css b/packages/theme/fonts/reg-bold.css index 2c3c6d5..6bd834b 100644 --- a/packages/theme/fonts/reg-bold.css +++ b/packages/theme/fonts/reg-bold.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); @@ -10,7 +11,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2') format('woff2'); diff --git a/packages/theme/fonts/reg-ital-bold.css b/packages/theme/fonts/reg-ital-bold.css index 4f28145..d51b0aa 100644 --- a/packages/theme/fonts/reg-ital-bold.css +++ b/packages/theme/fonts/reg-ital-bold.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); @@ -10,7 +11,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2') format('woff2'); @@ -20,7 +22,8 @@ } @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2') format('woff2'); diff --git a/packages/theme/fonts/reg.css b/packages/theme/fonts/reg.css index 96c4bef..2018a9b 100644 --- a/packages/theme/fonts/reg.css +++ b/packages/theme/fonts/reg.css @@ -1,6 +1,7 @@ @font-face { font-family: 'Phantom Sans'; - src: url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2') format('woff2'); diff --git a/packages/theme/fonts/wack-reg.css b/packages/theme/fonts/wack-reg.css index 9a09165..6f241c2 100644 --- a/packages/theme/fonts/wack-reg.css +++ b/packages/theme/fonts/wack-reg.css @@ -1,10 +1,11 @@ @font-face { font-family: 'Wack Club Sans'; - src: url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff') + src: + url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff') format('woff'), url('https://assets.hackclub.com/fonts/Wack_Club_Sans/Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; -} \ No newline at end of file +}