Ledda/djledda-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Daniel Ledda
2025-12-21 23:39:07 +01:00
parent 2829504b2b
commit f40c02585f
15 changed files with 295 additions and 527 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/blog/content/poof-and-its-gone.html
View File

@@ -36,7 +36,7 @@
complete drag of a memorisation task, presumably aided by my younger, more language sensitive age at the time. Each day was a new game of detective guesswork, and better still, I got to play
with new ideas about how the language works each day in the schoolyard with the new friends I was making. New ways to
describe how things are situated in space, adverbs for how they move in relation to one another, mysterious new prefixes and other quaint linguistic
quirks, like the insane backwards word order of German&em;unlimited entertainment to see if I was up to
quirks, like the insane backwards word order of German—unlimited entertainment to see if I was up to
the challenge. I practically spent all my time in class ogling the immaculate chalk handwriting of the various teachers, I remember biology and German class in particular, and
trying to work out what on Earth was going on. For some strange reason, it was a kind of bliss.
</p>

2
public/blog/index_template.html
View File

@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/theme.css">
<link rel="stylesheet" href="/static/theme.css">
<meta name="description" content="dj blog - djledda's blog">
<!-- SSR HEAD OUTLET -->

16
public/home/index_template.html Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="/home/icon.webp" />
<link rel="icon" href="/home/img/dj.gif" />
<link rel="stylesheet" href="/static/theme.css" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SSR HEAD OUTLET -->
</head>
<body>
<div id="app-root" style="height: 100vh;"><!-- SSR OUTLET --></div>
</body>
</html>

13
public/index_template.html
View File

@@ -1,13 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="/home/icon.webp" />
<link rel="stylesheet" href="/theme.css" />
<link rel="icon" href="/home/img/dj.gif" />
<!-- SSR HEAD OUTLET -->
</head>
<body>
<div id="app-root"><!-- SSR OUTLET --></div>
</body>
</html>

BIN
public/static/assets/baskervville-italic.ttf Normal file
View File

Binary file not shown.

BIN
public/static/assets/baskervville.ttf Normal file
View File

Binary file not shown.

BIN
public/static/assets/quattrocento-bold.ttf Normal file
View File

Binary file not shown.

BIN
public/static/assets/quattrocento-regular.ttf Normal file
View File

Binary file not shown.

58
public/static/theme.css Normal file
View File

@@ -0,0 +1,58 @@
@font-face {
font-family: "Quattrocento";
font-style: regular;
src: local("Quattrocento"), url("assets/quattrocento-regular.ttf") format("truetype")
}
@font-face {
font-family: "Quattrocento";
font-style: bold;
src: local("Quattrocento"), url("assets/quattrocento-bold.ttf") format("truetype");
}
@font-face {
font-family: "Baskervville";
font-style: regular;
src: local("Baskervville"), url("assets/baskervville.ttf") format("truetype")
}
@font-face {
font-family: "Baskervville";
font-style: italic;
src: local("Baskervville"), url("assets/baskervville-italic.ttf") format("truetype");
}
:root {
--dj-palette1: #83a6bf;
--dj-palette2: #5e81ac;
--dj-palette3: #8fbcbb;
--dj-visited: #8d8bd5;
--dj-bgpalette1: #2e3440;
}
html, body {
box-sizing: border-box;
background-color: var(--dj-bgpalette1);
color: var(--dj-palette1);
margin: 0;
padding: 0;
font-family: "Quattrocento", serif;
font-optical-sizing: auto;
font-style: normal;
font-size: 16px;
}
h1, h2, h3, h4, h5, nav, .dj-title, .roboto-slab {
font-family: "Baskervville", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.spectral-regular, body {
font-family: "Spectral", serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
}

113
public/theme.css
View File

@@ -1,113 +0,0 @@
@import url('https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&family=Quattrocento:wght@400;700&family=Roboto+Slab:wght@100..900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
:root {
--dj-palette1: #83a6bf;
--dj-palette2: #5e81ac;
--dj-palette3: #8fbcbb;
--dj-visited: #8d8bd5;
--dj-bgpalette1: #2e3440;
}
html, body {
background-color: var(--dj-bgpalette1);
color: var(--dj-palette1);
font-family: "Quattrocento", sans-serif;
font-optical-sizing: auto;
font-weight: 400; /* bold 700 */
font-style: normal;
font-size: 16px;
}
h1, h2, h3, h4, h5, nav, .dj-title, .roboto-slab {
font-family: "Roboto Slab", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.spectral-extralight {
font-family: "Spectral", serif;
font-weight: 200;
font-style: normal;
}
.spectral-light {
font-family: "Spectral", serif;
font-weight: 300;
font-style: normal;
}
.spectral-regular, body {
font-family: "Spectral", serif;
font-weight: 400;
font-style: normal;
font-size: 19px;
}
.spectral-medium {
font-family: "Spectral", serif;
font-weight: 500;
font-style: normal;
}
.spectral-semibold {
font-family: "Spectral", serif;
font-weight: 600;
font-style: normal;
}
.spectral-bold {
font-family: "Spectral", serif;
font-weight: 700;
font-style: normal;
}
.spectral-extrabold {
font-family: "Spectral", serif;
font-weight: 800;
font-style: normal;
}
.spectral-extralight-italic {
font-family: "Spectral", serif;
font-weight: 200;
font-style: italic;
}
.spectral-light-italic {
font-family: "Spectral", serif;
font-weight: 300;
font-style: italic;
}
.spectral-regular-italic {
font-family: "Spectral", serif;
font-weight: 400;
font-style: italic;
}
.spectral-medium-italic {
font-family: "Spectral", serif;
font-weight: 500;
font-style: italic;
}
.spectral-semibold-italic {
font-family: "Spectral", serif;
font-weight: 600;
font-style: italic;
}
.spectral-bold-italic {
font-family: "Spectral", serif;
font-weight: 700;
font-style: italic;
}
.spectral-extrabold-italic {
font-family: "Spectral", serif;
font-weight: 800;
font-style: italic;
}