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

what

Browse source
This commit is contained in:
Alexander 2025-06-10 13:15:24 -04:00
parent 864544624c
commit a3e82f34b5
246 changed files with 4433 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

215
acl.cool/serve/css/fonts.css Normal file
View file

@ -0,0 +1,215 @@
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadRegular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadItalic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Heading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadBoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadMedium.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadMediumItalic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadSemibold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Subheading';
src: url('../assets/fonts/LiterataTT/LiterataTT-SubheadSemiboldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Alegreya/static/Alegreya-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Alegreya/static/Alegreya-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Alegreya/static/Alegreya-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BodySerif';
src: url('../assets/fonts/Alegreya/static/Alegreya-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'BodySans';
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-350-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-350-Italic.otf') format('opentype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-700-Regular.otf') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Mono';
src: url('../assets/fonts/CommitMonoUnfancyDevNV143/CommitMonoUnfancyDevN-700-Italic.otf') format('opentype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "Quote";
src: url('../assets/fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf') format('woff2');
}
@font-face {
font-family: 'Math';
src: url('../assets/fonts/STIXTwo/STIXTwoMath-Regular.woff2') format('woff2');
}
:root {
--base-font-size: 1.25rem;
}
/* Setting the line height here apparently stops "normal" from varying
across the course of <body>. */
body {
font-size: var(--base-font-size);
line-height: var(--read-spacing);
}
.font-hidpi body {
font-family: "BodySerif", sans-serif;
}
.font-lodpi body {
font-family: "BodySans", serif;
}
h1 {
font-family: "Heading";
font-style: italic;
line-height: normal;
}
h2,
h3,
h4,
h5,
h6 {
font-family: "Subheading";
font-style: italic;
font-weight: normal;
line-height: var(--ui-spacing);
}
h1 {
margin-block: 0.67em;
font-size: calc(2.22 * var(--base-font-size));
}
h2 {
font-size: calc(1.8 * var(--base-font-size));
}
h3 {
font-size: calc(1.6 * var(--base-font-size));
}
h4 {
font-size: calc(1.4 * var(--base-font-size));
}
h5 {
font-size: calc(1.2 * var(--base-font-size));
}
h6 {
font-size: calc(1.0 * var(--base-font-size))
}
code {
font-family: "Mono";
font-size: calc(0.845 * var(--base-font-size));
}

5
acl.cool/serve/css/index.css Normal file
View file

@ -0,0 +1,5 @@
@import url(fonts.css);
@import url(looks.css);
@import url(layout.css);

5
acl.cool/serve/css/layout.css Normal file
View file

@ -0,0 +1,5 @@
.container {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

70
acl.cool/serve/css/looks.css Normal file
View file

@ -0,0 +1,70 @@
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;
}
pre {
background-color: white;
overflow-x: auto;
border-style: solid;
border-radius: 3px;
border-width: 2px;
border-color: gainsboro;
padding-left: 0.35em;
padding-top: 0.1em;
padding-bottom: 0.2em;
}
body {
background-color: rgb(255, 255, 255);
color: var(--middle-color);
}
h2,
h3,
h4,
h5,
h6 {
color: var(--middle-color);
}
h1 {
color: var(--darkest-color);
}
blockquote {
font-family: "Quote";
font-size: 1.18em;
line-height: normal;
border-left: 4px solid var(--darkest-color);
padding-left: 0.45em;
margin: 0;
}
a:link {
color: var(--darkest-color)
}
table, th, td {
background-color: white;
overflow-x: auto;
border-style: solid;
border-radius: 3px;
border-width: 2px;
border-color: gainsboro;
padding-left: 0.35em;
padding-right: 0.35em;
border-collapse: collapse;
}
img {
width: 100%;
height: auto;
}