fernando/araozu.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust fonts

Browse Source
This commit is contained in:
Araozu 2024-10-05 21:06:04 -05:00
parent 18c420b90b
commit d8ab18d285
9 changed files with 887 additions and 686 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package.json
View File

@ -10,11 +10,11 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/check": "^0.5.10",
"@astrojs/mdx": "^3.1.2",
"@astrojs/tailwind": "^5.1.0",
"@astrojs/check": "^0.9.4",
"@astrojs/mdx": "^3.1.7",
"@astrojs/tailwind": "^5.1.1",
"@types/node": "^22.3.0",
"astro": "^4.11.5",
"astro": "^4.15.11",
"tailwindcss": "^3.4.5",
"typescript": "^5.5.3"
},

1481
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

6
public/blog.css
View File

@ -1,5 +1,5 @@
:not(pre)>code {
font-family: "Iosevka Fixed Web", Iosevka, monospace;
font-family: var(--font-mono);
border: solid 1px var(--c-border-2);
padding: 0 0.25rem;
border-radius: 0.25rem;
@ -33,7 +33,7 @@ pre.astro-code>code .line::before {
#blog h2 {
font-size: 1.5rem;
font-family: "Iosevka Etoile Web", serif;
font-family: var(--font-display);
font-weight: 900;
margin-top: 3rem;
margin-bottom: 1.5rem;
@ -41,7 +41,7 @@ pre.astro-code>code .line::before {
#blog h3 {
font-size: 1.25rem;
font-family: "Iosevka Etoile Web", serif;
font-family: var(--font-display);
font-weight: 900;
margin-top: 2.25rem;
margin-bottom: 1.5rem;

24
public/global.css
View File

@ -8,24 +8,6 @@
src: url("/Iosevka/Regular.woff2") format("woff2");
}
@font-face {
font-family: 'Iosevka Fixed Web';
font-display: swap;
font-weight: 700;
font-stretch: normal;
font-style: normal;
src: url('/Iosevka/Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Iosevka Etoile Web';
font-display: swap;
font-weight: 900;
font-stretch: normal;
font-style: normal;
src: url('/IosevkaEtoile/Heavy.woff2') format('woff2');
}
/* Iosevka from Xe Iaso: https://xeiaso.net/ https://github.com/Xe/iosevka */
@font-face {
font-family: "Iosevka Iaso";
@ -43,6 +25,10 @@
--c-bg-2: #18181b;
--c-border-1: transparent;
--c-border-2: #606060;
--font-display: "Atkinson Hyperlegible", sans-serif;
--font-body: "Iosevka Iaso", "Iosevka Fixed Web", sans-serif;
--font-mono: "Iosevka Fixed Web", Iosevka, sans-serif;
}
@media (prefers-color-scheme: light) {
@ -62,6 +48,6 @@ html {
}
body {
font-family: "Iosevka Iaso", "Iosevka Fixed Web", sans-serif;
font-family: var(--font-body);
font-optical-sizing: auto;
}

1
src/env.d.ts vendored
View File

@ -1 +1,2 @@
/// <reference path="../.astro/types.d.ts" />
/// <reference types="astro/client" />

10
src/layouts/BlogLayout.astro
View File

@ -15,12 +15,10 @@ lang = lang ?? "en";
<link rel="stylesheet" href="/global.css" />
<link rel="stylesheet" href="/blog.css" />
<title>Blog - Fernando Araoz</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link
rel="stylesheet"
type="text/css"

9
src/layouts/SideProject.astro
View File

@ -22,12 +22,9 @@ const images_str = JSON.stringify(images);
<link rel="stylesheet" href="/global.css" />
<link rel="stylesheet" href="/blog.css" />
<title>Side projects - Fernando Araoz</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link
rel="stylesheet"
type="text/css"

4
src/pages/index.astro
View File

@ -14,6 +14,10 @@ import NavigationLayout from "../layouts/NavigationLayout.astro";
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<link rel="stylesheet" href="/global.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<title>Fernando Araoz</title>
<link
rel="stylesheet"

30
tailwind.config.mjs
View File

@ -1,21 +1,21 @@
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {
colors: {
'c-bg': 'var(--c-bg)',
'c-on-bg': 'var(--c-on-bg)',
'c-bg-2': 'var(--c-bg-2)',
},
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {
colors: {
'c-bg': 'var(--c-bg)',
'c-on-bg': 'var(--c-on-bg)',
'c-bg-2': 'var(--c-bg-2)',
},
fontFamily: {
"etoile": ["'Iosevka Etoile Web'", "serif"],
"display": ["'Outfit'", "sans-serif"],
"etoile": ["var(--font-display)"],
"display": ["var(--font-display)"],
}
},
},
plugins: [
function ({ addComponents }) {
},
},
plugins: [
function({ addComponents }) {
addComponents({
'.container': {
width: '98%',
@ -34,5 +34,5 @@ export default {
},
})
}
],
],
}