From c5123be5ddd56bec3a17bfc5f5f7b9e15a13d45e Mon Sep 17 00:00:00 2001 From: Esteban Borai Date: Tue, 6 Aug 2024 21:12:55 -0400 Subject: [PATCH] feat: update theme for new fonts --- src/app.css | 100 +++++++++--------- src/lib/components/Tag.svelte | 4 +- src/routes/[lang=lang]/notes/+page.svelte | 8 +- .../[lang=lang]/notes/components/Entry.svelte | 26 ++--- .../abril-fatface-v23-latin-regular.woff2 | Bin 0 -> 13176 bytes static/fonts/dm-sans-v15-latin-200.woff2 | Bin 0 -> 14460 bytes .../fonts/dm-sans-v15-latin-200italic.woff2 | Bin 0 -> 14912 bytes static/fonts/dm-sans-v15-latin-600.woff2 | Bin 0 -> 14140 bytes .../fonts/dm-sans-v15-latin-600italic.woff2 | Bin 0 -> 15168 bytes static/fonts/dm-sans-v15-latin-800.woff2 | Bin 0 -> 14372 bytes .../fonts/dm-sans-v15-latin-800italic.woff2 | Bin 0 -> 15156 bytes static/fonts/dm-sans-v15-latin-italic.woff2 | Bin 0 -> 15104 bytes static/fonts/dm-sans-v15-latin-regular.woff2 | Bin 0 -> 14116 bytes ...ira-code-v21-latin_latin-ext-regular.woff2 | Bin 24328 -> 0 bytes .../fonts/ibm-plex-mono-v19-latin-600.woff2 | Bin 0 -> 15704 bytes .../ibm-plex-mono-v19-latin-600italic.woff2 | Bin 0 -> 17360 bytes .../ibm-plex-mono-v19-latin-italic.woff2 | Bin 0 -> 16508 bytes .../ibm-plex-mono-v19-latin-regular.woff2 | Bin 0 -> 14812 bytes static/fonts/nunito-sans-v15-latin-600.woff2 | Bin 14048 -> 0 bytes .../nunito-sans-v15-latin-600italic.woff2 | Bin 14820 -> 0 bytes static/fonts/nunito-sans-v15-latin-800.woff2 | Bin 13888 -> 0 bytes .../nunito-sans-v15-latin-800italic.woff2 | Bin 14712 -> 0 bytes .../fonts/nunito-sans-v15-latin-italic.woff2 | Bin 14700 -> 0 bytes .../fonts/nunito-sans-v15-latin-regular.woff2 | Bin 13860 -> 0 bytes static/fonts/playfair-v2-latin-600.woff2 | Bin 33272 -> 0 bytes .../fonts/playfair-v2-latin-600italic.woff2 | Bin 34636 -> 0 bytes static/fonts/playfair-v2-latin-800.woff2 | Bin 33136 -> 0 bytes .../fonts/playfair-v2-latin-800italic.woff2 | Bin 34804 -> 0 bytes static/fonts/playfair-v2-latin-italic.woff2 | Bin 34376 -> 0 bytes static/fonts/playfair-v2-latin-regular.woff2 | Bin 33004 -> 0 bytes tailwind.config.cjs | 6 +- 31 files changed, 71 insertions(+), 73 deletions(-) create mode 100644 static/fonts/abril-fatface-v23-latin-regular.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-200.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-200italic.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-600.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-600italic.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-800.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-800italic.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-italic.woff2 create mode 100644 static/fonts/dm-sans-v15-latin-regular.woff2 delete mode 100644 static/fonts/fira-code-v21-latin_latin-ext-regular.woff2 create mode 100644 static/fonts/ibm-plex-mono-v19-latin-600.woff2 create mode 100644 static/fonts/ibm-plex-mono-v19-latin-600italic.woff2 create mode 100644 static/fonts/ibm-plex-mono-v19-latin-italic.woff2 create mode 100644 static/fonts/ibm-plex-mono-v19-latin-regular.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-600.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-600italic.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-800.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-800italic.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-italic.woff2 delete mode 100644 static/fonts/nunito-sans-v15-latin-regular.woff2 delete mode 100644 static/fonts/playfair-v2-latin-600.woff2 delete mode 100644 static/fonts/playfair-v2-latin-600italic.woff2 delete mode 100644 static/fonts/playfair-v2-latin-800.woff2 delete mode 100644 static/fonts/playfair-v2-latin-800italic.woff2 delete mode 100644 static/fonts/playfair-v2-latin-italic.woff2 delete mode 100644 static/fonts/playfair-v2-latin-regular.woff2 diff --git a/src/app.css b/src/app.css index 7b749810..ec7b1e73 100644 --- a/src/app.css +++ b/src/app.css @@ -2,111 +2,111 @@ @tailwind components; @tailwind utilities; -/* fira-code-regular - latin_latin-ext */ +/* abril-fatface-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Fira Code'; + font-family: 'Abril Fatface'; font-style: normal; font-weight: 400; - src: url('/fonts/fira-code-v21-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/abril-fatface-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-regular - latin */ +/* dm-sans-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; + font-style: normal; + font-weight: 200; + src: url('/fonts/dm-sans-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} +/* dm-sans-200italic - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'DM Sans'; + font-style: italic; + font-weight: 200; + src: url('/fonts/dm-sans-v15-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ +} +/* dm-sans-regular - latin */ +@font-face { + font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ + font-family: 'DM Sans'; font-style: normal; font-weight: 400; - src: url('/fonts/playfair-v2-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-italic - latin */ +/* dm-sans-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; font-style: italic; font-weight: 400; - src: url('/fonts/playfair-v2-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-600 - latin */ +/* dm-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; font-style: normal; font-weight: 600; - src: url('/fonts/playfair-v2-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-600italic - latin */ +/* dm-sans-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; font-style: italic; font-weight: 600; - src: url('/fonts/playfair-v2-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-800 - latin */ +/* dm-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; font-style: normal; font-weight: 800; - src: url('/fonts/playfair-v2-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* playfair-800italic - latin */ + +/* dm-sans-800italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Playfair'; + font-family: 'DM Sans'; font-style: italic; font-weight: 800; - src: url('/fonts/playfair-v2-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/dm-sans-v15-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } - -/* nunito-sans-regular - latin */ +/* ibm-plex-mono-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; + font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; - src: url('/fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/ibm-plex-mono-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* nunito-sans-italic - latin */ +/* ibm-plex-mono-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; + font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 400; - src: url('/fonts/nunito-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/ibm-plex-mono-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* nunito-sans-600 - latin */ +/* ibm-plex-mono-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; + font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; - src: url('/fonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/ibm-plex-mono-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } -/* nunito-sans-600italic - latin */ +/* ibm-plex-mono-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; + font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 600; - src: url('/fonts/nunito-sans-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ -} -/* nunito-sans-800 - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; - font-style: normal; - font-weight: 800; - src: url('/fonts/nunito-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ -} -/* nunito-sans-800italic - latin */ -@font-face { - font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ - font-family: 'Nunito Sans'; - font-style: italic; - font-weight: 800; - src: url('/fonts/nunito-sans-v15-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ + src: url('/fonts/ibm-plex-mono-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } body { diff --git a/src/lib/components/Tag.svelte b/src/lib/components/Tag.svelte index 27a37520..729f0ac5 100644 --- a/src/lib/components/Tag.svelte +++ b/src/lib/components/Tag.svelte @@ -3,7 +3,7 @@ - {title} + {title} diff --git a/src/routes/[lang=lang]/notes/+page.svelte b/src/routes/[lang=lang]/notes/+page.svelte index 95e1cada..f210b78b 100644 --- a/src/routes/[lang=lang]/notes/+page.svelte +++ b/src/routes/[lang=lang]/notes/+page.svelte @@ -83,13 +83,11 @@ -
+