chore: update

loks0n · Jun 6, 2023 · 4d0de73 · 4d0de73
1 parent a89f653
commit 4d0de73
Show file tree

Hide file tree

Showing 7 changed files with 303 additions and 255 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,27 +13,28 @@
  "format": "prettier --plugin-search-dir . --write ."
  },
  "devDependencies": {
- "@fontsource/work-sans": "^4.5.14",
+ "@fontsource-variable/azeret-mono": "^5.0.3",
+ "@fontsource-variable/work-sans": "^5.0.3",
  "@splitbee/web": "^0.3.0",
- "@sveltejs/adapter-auto": "^2.0.1",
+ "@sveltejs/adapter-auto": "^2.1.0",
  "@sveltejs/adapter-static": "^2.0.2",
- "@sveltejs/kit": "^1.15.10",
- "@typescript-eslint/eslint-plugin": "^5.59.2",
- "@typescript-eslint/parser": "^5.59.2",
- "eslint": "^8.39.0",
+ "@sveltejs/kit": "^1.20.1",
+ "@typescript-eslint/eslint-plugin": "^5.59.9",
+ "@typescript-eslint/parser": "^5.59.9",
+ "eslint": "^8.42.0",
  "eslint-config-prettier": "^8.8.0",
  "eslint-plugin-svelte3": "^4.0.0",
  "mdsvex": "^0.10.6",
  "mdsvex-relative-images": "^1.0.3",
  "prettier": "^2.8.8",
- "prettier-plugin-svelte": "^2.10.0",
+ "prettier-plugin-svelte": "^2.10.1",
  "slugify": "^1.6.6",
- "svelte": "^3.58.0",
- "svelte-check": "^3.2.0",
+ "svelte": "^3.59.1",
+ "svelte-check": "^3.4.3",
  "svelte-sitemap": "^2.6.0",
- "tslib": "^2.5.0",
- "typescript": "^5.0.4",
- "vite": "^4.3.4"
+ "tslib": "^2.5.3",
+ "typescript": "^5.1.3",
+ "vite": "^4.3.9"
  },
  "type": "module"
 }
diff --git a/src/app.css b/src/app.css
@@ -56,31 +56,31 @@ h1 {
  line-height: 1.1;
  margin: 0 auto 0.5em;
  color: darkslategray;
- font-family: 'Courier New', Courier, monospace;
+ font-family: 'Azeret Mono Variable', monospace;
 }
 
 h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 1.5em;
  color: darkslategray;
- font-family: 'Courier New', Courier, monospace;
+ font-family: 'Azeret Mono Variable', monospace;
 }
 
 h3 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-top: 0.5em;
  color: darkslategray;
- font-family: 'Courier New', Courier, monospace;
+ font-family: 'Azeret Mono Variable', monospace;
 }
 
 h4 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 0.5em;
  color: darkslategray;
- font-family: 'Courier New', Courier, monospace;
+ font-family: 'Azeret Mono Variable', monospace;
 }
 
 @supports (font-variation-settings: normal) {
@@ -92,7 +92,7 @@ h4 {
  font-variation-settings: 'wght' 700;
  }
 
- h2 {
+ h3 {
  font-variation-settings: 'wght' 600;
  }
 }

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -19,8 +19,33 @@
  }
 
  h1 {
- font-size: 4.25rem;
+ font-size: 2rem;
  text-align: center;
- margin: 0.125em 0;
+ margin: 0.15em 0;
+ white-space: nowrap;
+ }
+
+ @media (min-width: 450px) {
+ h1 {
+ font-size: 3rem;
+ }
+ }
+
+ @media (min-width: 600px) {
+ h1 {
+ font-size: 4rem;
+ }
+ }
+
+ @media (min-width: 800px) {
+ h1 {
+ font-size: 5rem;
+ }
+ }
+
+ @media (min-width: 900px) {
+ h1 {
+ font-size: 6rem;
+ }
  }
 </style>
diff --git a/src/lib/components/Nav.svelte b/src/lib/components/Nav.svelte
@@ -53,7 +53,7 @@
  text-decoration: none;
  font-weight: 600;
  text-align: center;
- font-family: 'Courier New', Courier, monospace;
+ font-family: 'Azeret Mono Variable', monospace;
  }
 
  a:hover,

diff --git a/src/routes/(post)/[slug]/+page.svelte b/src/routes/(post)/[slug]/+page.svelte
@@ -39,6 +39,7 @@
 
  h1 {
  margin-bottom: 0.25em;
+ text-align: center;
  }
 
  small {

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script>
  import '../app.css';
- import '@fontsource/work-sans/variable.css';
+ import '@fontsource-variable/work-sans';
+ import '@fontsource-variable/azeret-mono';
  import splitbee from '@splitbee/web';
  import Nav from '$lib/components/Nav.svelte';
  import { SITE_TITLE } from '$lib/config';