al/pages
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

styling and a draft

Browse source
This commit is contained in:
Alexander 2025-06-10 23:21:42 -04:00
parent c33fdf4cbb
commit 02c80ce9dd
17 changed files with 63 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

13
css/fonts.css
View file

@ -112,28 +112,28 @@
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-350-Regular.otf') format('opentype');
src: url('../assets/fonts/JuliaMono/JuliaMono_Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-350-Italic.otf') format('opentype');
src: url('../assets/fonts/JuliaMono/JuliaMono_RegularItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-700-Regular.otf') format('opentype');
src: url('../assets/fonts/JuliaMono/JuliaMono_SemiBold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-700-Italic.otf') format('opentype');
src: url('../assets/fonts/JuliaMono/JuliaMono_SemiBoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@ -209,7 +209,8 @@ h6 {
font-size: calc(1.0 * var(--base-font-size))
}
code {
code, pre code {
font-family: "Mono";
font-size: calc(0.845 * var(--base-font-size));
font-size: calc(0.84 * var(--base-font-size));
/* font-weight: bold; */
}

21
css/looks.css
View file

@ -1,13 +1,21 @@
code:not(pre code) {
font-weight: bold;
}
:root {
--darkest-color: rgb(10, 5, 0);
--middle-color: rgb(60, 55, 50);
--lighter-color: rgb(95, 85, 80);
--ui-spacing: 1.25;
--read-spacing: 1.5;
--wide-gray: rgb(245, 240, 240);
--narrow-gray: rgb(225, 220, 220);
}
code:not(pre code) {
background-color: var(--wide-gray);
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
color: black;
border-radius: 5px;
}
pre {
@ -16,10 +24,11 @@ pre {
border-style: solid;
border-radius: 3px;
border-width: 2px;
border-color: gainsboro;
border-color: var(--narrow-gray);
padding-left: 0.35em;
padding-top: 0.1em;
padding-bottom: 0.2em;
line-height: normal;
}
body {
@ -48,7 +57,7 @@ blockquote {
margin: 0;
}
a:link {
a:link, a:visited {
color: var(--darkest-color)
}