lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Start making blog look more terminaly
All checks were successful
Build and copy to prod / build-and-copy (push) Successful in 1m22s
Details

Browse Source
This commit is contained in:
Lewis Dale 2024-10-02 22:02:06 +01:00
parent 5ca85c79c4
commit 862f12b4d0
9 changed files with 51 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/RobotoMono-VariableFont_wght.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/SixtyfourConvergence-Regular-VariableFont.ttf Normal file
View File

Binary file not shown.

6
src/css/exceptions/article.css
View File

@ -1,4 +1,10 @@
article {
h2, h3, h4, h5 {
&::before {
content: "\203A";
font-size: larger;
}
}
.published {
color: var(--color-subtle);
display: inline-block;

17
src/css/exceptions/home.css
View File

@ -1,14 +1,25 @@
.home {
h1,
/* h1,
h2,
h3 {
&::before {
content: none;
}
} */
/*
h1 {
font-size: var(--text-size-2xl);
} */
h1, h2, h3 {
&::before {
content: "\203A";
font-size: larger;
}
}
h1 {
font-size: var(--text-size-3xl);
h1 a {
text-decoration: none;
}
h2 {

16
src/css/fonts/roboto_mono.css Normal file
View File

@ -0,0 +1,16 @@
@font-face {
font-family: 'Roboto Mono';
src: url('/assets/fonts/RobotoMono-VariableFont_wght.ttf') format('truetype supports variations'),
url("/assets/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype-variations");
font-weight: 100 200 300 400 500 600 700;
font-feature-settings: "liga", "ss03", "ss02", "ss01", "onum";
}
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
src: url('/assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf') format('truetype supports variations'),
url("/assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf") format("truetype-variations");
font-weight: 100 200 300 400 500 600 700;
font-feature-settings: "liga", "ss03", "ss02", "ss01", "onum";
}

8
src/css/fonts/sixtyfour_convergence.css Normal file
View File

@ -0,0 +1,8 @@
@font-face {
font-family: 'SixtyFour Convergence';
src: url('/assets/fonts/SixtyfourConvergence-Regular-VariableFont.ttf') format('truetype supports variations'),
url("/assets/fonts/SixtyfourConvergence-Regular-VariableFont.ttf") format("truetype-variations");
font-weight: 100 200 300 400 500 600 700;
font-feature-settings: "bled", "scan", "xela", "yela";
}

7
src/css/globals.css
View File

@ -1,6 +1,6 @@
:root {
--color-primary: light-dark(var(--color-neutral-800), var(--color-neutral-200));
--color-secondary: light-dark(var(--color-neutral-100), var(--color-neutral-800));
--color-secondary: light-dark(var(--color-neutral-100), var(--color-neutral-900));
--color-decoration: light-dark(var(--color-yellow-400), var(--color-amber-200));
--color-subtle: light-dark(var(--color-zinc-600), var(--color-neutral-300));
--color-disabled: light-dark(var(--color-neutral-600), var(--color-neutral-400));
@ -38,7 +38,7 @@
body {
background-color: var(--color-secondary);
color: var(--color-primary);
font-family: var(--font-family-geometric);
font-family: var(--font-family-mono);
font-size: var(--text-size-s);
text-underline-offset: var(--space-size-4xs);
}
@ -49,12 +49,13 @@ h2,
h3,
h4,
h5 {
font-family: var(--font-family-neo);
font-family: var(--font-family-mono);
font-weight: bold;
line-height: 1.2;
margin: 0;
}
h1 {
font-size: var(--text-size-xl);
word-wrap: normal;

5
tailwind.config.js
View File

@ -47,10 +47,11 @@ module.exports = {
},
fontFamily: {
sans: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif'],
mono: ['"Space Grotesk"', ...defaultTheme.fontFamily.mono],
mono: ['"Roboto Mono"', '"Space Grotesk"', ...defaultTheme.fontFamily.mono],
humanist: ['Seravek', "'Gill Sans Nova'", 'Ubuntu', 'Calibri', "'DejaVu Sans'", 'source-sans-pro', 'sans-serif'],
neo: ['Inter', 'Roboto', "'Helvetica Neue'", "'Arial Nova'", "'Nimbus Sans'", "'Arial'", 'sans-serif'],
geometric: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif']
geometric: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif'],
display: ['"SixtyFour Convergence"', ...defaultTheme.fontFamily.mono]
},
gap: ({theme}) => ({
none: '0px',