altagos.dev
this repo has no description
fonts + old style + stuff
+324
-24
assets/fonts/AndadaPro-Bold.woff2
assets/fonts/AndadaPro-Bold.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-BoldItalic.woff2
assets/fonts/AndadaPro-BoldItalic.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-ExtraBold.woff2
assets/fonts/AndadaPro-ExtraBold.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-ExtraBoldItalic.woff2
assets/fonts/AndadaPro-ExtraBoldItalic.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-Italic.woff2
assets/fonts/AndadaPro-Italic.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-Medium.woff2
assets/fonts/AndadaPro-Medium.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-MediumItalic.woff2
assets/fonts/AndadaPro-MediumItalic.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-Regular.woff2
assets/fonts/AndadaPro-Regular.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-SemiBold.woff2
assets/fonts/AndadaPro-SemiBold.woff2
This is a binary file and will not be displayed.
assets/fonts/AndadaPro-SemiBoldItalic.woff2
assets/fonts/AndadaPro-SemiBoldItalic.woff2
This is a binary file and will not be displayed.
assets/fonts/TX-02.woff2
assets/fonts/TX-02.woff2
This is a binary file and will not be displayed.
+17
-1
content/index.smd
+17
-1
content/index.smd
···
6
.draft = false,
7
---
8
9
+
ffi --> => `ffi -> =>`
10
+
11
+
Here's some [`x+\sqrt{1-x^2}`]($mathtex) math.
12
+
13
+
```=mathtex
14
+
x+\sqrt{1-x^2}
15
+
```
16
+
17
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada sit amet nisl sit amet aliquam. Donec iaculis egestas metus accumsan sodales. Duis in est interdum, convallis nisl eget, euismod arcu. Nulla facilisi. Duis vestibulum neque libero, a eleifend nisi imperdiet in. Cras ut nulla lacus. Sed interdum enim gravida erat dictum, quis lacinia est lacinia. Nullam consequat, est a laoreet imperdiet, nibh eros vulputate velit, at ultrices lorem orci vitae turpis. Sed ut libero ut sem tincidunt ornare nec a leo. Nulla convallis nec quam at tristique. Quisque blandit sem nulla, non dapibus lectus fringilla eu. In volutpat at felis semper ultrices. Suspendisse nec ex eu orci commodo blandit quis quis lectus. Quisque sollicitudin sed lacus a pulvinar.
18
+
19
+
Donec nibh risus, porta ut turpis quis, maximus ornare neque. Integer elementum, libero nec venenatis egestas, ante neque accumsan dolor, non semper dui augue sit amet sem. Mauris faucibus, orci at pellentesque mollis, nunc dolor dapibus lacus, id iaculis est lectus a urna. Maecenas rutrum cursus lectus sit amet hendrerit. Duis purus quam, scelerisque in eros ut, egestas iaculis nunc. Nam consequat nisl non mauris bibendum, vitae consequat odio sodales. Vestibulum porttitor, mi a interdum tristique, turpis augue faucibus tortor, sed tincidunt ligula eros at urna.
20
+
21
+
Etiam porttitor, lorem quis consectetur cursus, urna sem molestie ipsum, sit amet condimentum magna sapien eu leo. Sed vel consequat felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet odio id augue finibus molestie. Vivamus ut odio luctus, pharetra purus sed, venenatis enim. Nam laoreet leo vel sollicitudin lacinia. Praesent mollis dignissim justo ac aliquam. Suspendisse volutpat nisl eget blandit tincidunt. Praesent hendrerit quis tellus sodales condimentum. Morbi rhoncus, felis vitae sollicitudin sodales, nisi justo fringilla nibh, a ultrices arcu enim non leo. Maecenas mollis neque nec odio malesuada suscipit. In vel quam turpis. Quisque a nisi urna. Nunc ut tellus sit amet mauris condimentum ultricies quis in nulla.
22
+
23
+
Donec eu consequat elit, sed vehicula lorem. Integer vel leo eget sem auctor ultricies. Etiam consequat ultrices ultricies. Quisque nec risus nulla. In molestie, ligula nec fringilla tincidunt, dui magna consequat sapien, non interdum felis nulla in odio. Etiam non dolor semper, feugiat ante pretium, varius elit. Nam a tortor at lorem ultrices tincidunt. Suspendisse neque quam, luctus et diam sed, viverra accumsan leo. Cras eu lacus blandit, vulputate leo porta, pellentesque quam. Aenean ullamcorper ex ac finibus tincidunt. Etiam sit amet massa cursus metus bibendum aliquam. Quisque pulvinar tincidunt nisi, et ornare ligula dictum at.
24
+
25
+
Nam tempor tellus odio, ac viverra elit rhoncus a. Ut mollis nisl nec eros tempus, rhoncus mollis lorem porttitor. Morbi id varius augue. Pellentesque laoreet consequat ipsum faucibus dictum. Vivamus eget magna sit amet est convallis aliquam quis rhoncus eros. Cras pellentesque sapien mi, ut aliquam sem tincidunt at. Donec convallis laoreet turpis. Pellentesque blandit consequat orci, quis faucibus eros aliquam non. Cras imperdiet consequat mattis.
+29
-3
layouts/root.shtml
+29
-3
layouts/root.shtml
···
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
-
<title :text="$site.title"></title>
6
<link rel="stylesheet" href="$build.asset('altagos.css').link()">
7
<!-- Favicon -->
8
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
···
12
<link rel="manifest" href="/favicon/site.webmanifest">
13
</head>
14
<body>
15
<div class="content">
16
-
<h1 :text="$page.title"></h1>
17
-
<div :html="$page.content()"></div>
18
</div>
19
</body>
20
</html>
···
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
+
<title :text="$page.title.suffix(' | ', $site.title)"></title>
6
<link rel="stylesheet" href="$build.asset('altagos.css').link()">
7
<!-- Favicon -->
8
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
···
12
<link rel="manifest" href="/favicon/site.webmanifest">
13
</head>
14
<body>
15
+
<div class="head"></div>
16
<div class="content">
17
+
<main>
18
+
<h1 :text="$page.title"></h1>
19
+
<div :html="$page.content()"></div>
20
+
</main>
21
+
<footer>
22
+
<div>
23
+
<h2>
24
+
<a href="$site.link()">Jakob Speer</a>
25
+
</h2>
26
+
<div class="socials">
27
+
<ul>
28
+
<li>
29
+
<a href="https://github.com/altagos" rel="me">GitHub</a>
30
+
</li>
31
+
<li>
32
+
<a href="https://sr.ht/~altagos" rel="me">Sourcehut</a>
33
+
</li>
34
+
<li>
35
+
<a rel="me" href="https://hachyderm.io/@altagos">Mastodon</a>
36
+
</li>
37
+
</ul>
38
+
</div>
39
+
</div>
40
+
<div id="copyright">
41
+
<p>© 2025 Jakob Speer</p>
42
+
</div>
43
+
</footer>
44
</div>
45
</body>
46
</html>
+41
style/base/layout.scss
+41
style/base/layout.scss
···
···
1
+
html,
2
+
body {
3
+
height: 100%;
4
+
margin: 0;
5
+
padding: 0;
6
+
7
+
background-color: var(--bg1);
8
+
color: var(--fg1);
9
+
}
10
+
11
+
$head_height: 16px;
12
+
13
+
.head {
14
+
height: $head_height;
15
+
width: 100%;
16
+
background-color: var(--palette10);
17
+
}
18
+
19
+
.content {
20
+
margin: auto;
21
+
max-width: 650px;
22
+
height: calc(100% - $head_height);
23
+
24
+
display: flex;
25
+
flex-direction: column;
26
+
align-content: space-between;
27
+
justify-content: space-between;
28
+
}
29
+
30
+
@media only screen and (max-width: 320px) {
31
+
.content {
32
+
padding: 0 1em;
33
+
font-size: larger;
34
+
}
35
+
}
36
+
37
+
@media only screen and (max-width: 800px) and (min-width: 321px) {
38
+
.content {
39
+
padding: 0 2em;
40
+
}
41
+
}
+25
style/base/theme.scss
+25
style/base/theme.scss
···
···
1
+
body {
2
+
--palette0: #0d0c0c;
3
+
--palette1: #c4746e;
4
+
--palette2: #8a9a7b;
5
+
--palette3: #c4b28a;
6
+
--palette4: #8ba4b0;
7
+
--palette5: #a292a3;
8
+
--palette6: #8ea4a2;
9
+
--palette7: #c8c093;
10
+
--palette8: #a6a69c;
11
+
--palette9: #e46876;
12
+
--palette10: #87a987;
13
+
--palette11: #e6c384;
14
+
--palette12: #7fb4ca;
15
+
--palette13: #938aa9;
16
+
--palette14: #7aa89f;
17
+
--palette15: #c5c9c5;
18
+
19
+
--bg1: #181616;
20
+
--fg1: #c5c9c5;
21
+
--selection-background: var(--palette2);
22
+
--selection-foreground: var(--palette0);
23
+
24
+
--text-color: var(--fg1);
25
+
}
+5
style/base/variables.scss
+5
style/base/variables.scss
+24
style/content/text.scss
+24
style/content/text.scss
···
···
1
+
.content {
2
+
font-family: "Andada Pro";
3
+
font-size: var(--font-size);
4
+
font-weight: var(--normal-weight);
5
+
font-style: normal;
6
+
font-feature-settings: "liga" "calt";
7
+
8
+
line-height: 1.6;
9
+
10
+
::selection,
11
+
::-moz-selection {
12
+
background: var(--selection-background);
13
+
color: var(--selection-foreground);
14
+
}
15
+
}
16
+
17
+
a {
18
+
color: var(--palette12);
19
+
20
+
&:hover,
21
+
&:visited {
22
+
color: var(--palette4);
23
+
}
24
+
}
+69
style/fonts/andada-pro.scss
+69
style/fonts/andada-pro.scss
···
···
1
+
@font-face {
2
+
font-family: "Andada Pro";
3
+
src: url("/fonts/AndadaPro-Regular.woff2") format("woff2");
4
+
font-weight: 400;
5
+
font-style: normal;
6
+
}
7
+
8
+
@font-face {
9
+
font-family: "Andada Pro";
10
+
src: url("/fonts/AndadaPro-Italic.woff2") format("woff2");
11
+
font-weight: 400;
12
+
font-style: italic;
13
+
}
14
+
15
+
@font-face {
16
+
font-family: "Andada Pro";
17
+
src: url("/fonts/AndadaPro-Medium.woff2") format("woff2");
18
+
font-weight: 500;
19
+
font-style: normal;
20
+
}
21
+
22
+
@font-face {
23
+
font-family: "Andada Pro";
24
+
src: url("/fonts/AndadaPro-MediumItalic.woff2") format("woff2");
25
+
font-weight: 500;
26
+
font-style: italic;
27
+
}
28
+
29
+
@font-face {
30
+
font-family: "Andada Pro";
31
+
src: url("/fonts/AndadaPro-SemiBold.woff2") format("woff2");
32
+
font-weight: 600;
33
+
font-style: normal;
34
+
}
35
+
36
+
@font-face {
37
+
font-family: "Andada Pro";
38
+
src: url("/fonts/AndadaPro-SemiBoldItalic.woff2") format("woff2");
39
+
font-weight: 600;
40
+
font-style: italic;
41
+
}
42
+
43
+
@font-face {
44
+
font-family: "Andada Pro";
45
+
src: url("/fonts/AndadaPro-Bold.woff2") format("woff2");
46
+
font-weight: 700; // bold
47
+
font-style: normal;
48
+
}
49
+
50
+
@font-face {
51
+
font-family: "Andada Pro";
52
+
src: url("/fonts/AndadaPro-BoldItalic.woff2") format("woff2");
53
+
font-weight: 700; // bold
54
+
font-style: italic;
55
+
}
56
+
57
+
@font-face {
58
+
font-family: "Andada Pro";
59
+
src: url("/fonts/AndadaPro-ExtraBold.woff2") format("woff2");
60
+
font-weight: 800; // bolder
61
+
font-style: normal;
62
+
}
63
+
64
+
@font-face {
65
+
font-family: "Andada Pro";
66
+
src: url("/fonts/AndadaPro-ExtraBoldItalic.woff2") format("woff2");
67
+
font-weight: 800; // bolder
68
+
font-style: normal;
69
+
}
+6
style/fonts/tx-02.scss
+6
style/fonts/tx-02.scss
+12
-2
style/index.scss
+12
-2
style/index.scss
-18
style/layout/base.scss
-18
style/layout/base.scss
···
+13
zine.ziggy
+13
zine.ziggy
···
13
"favicon/site.webmanifest",
14
"favicon/web-app-manifest-192x192.png",
15
"favicon/web-app-manifest-512x512.png",
16
+
17
+
// Fonts
18
+
"fonts/TX-02.woff2",
19
+
"fonts/AndadaPro-Bold.woff2",
20
+
"fonts/AndadaPro-BoldItalic.woff2",
21
+
"fonts/AndadaPro-ExtraBold.woff2",
22
+
"fonts/AndadaPro-ExtraBoldItalic.woff2",
23
+
"fonts/AndadaPro-Italic.woff2",
24
+
"fonts/AndadaPro-Medium.woff2",
25
+
"fonts/AndadaPro-MediumItalic.woff2",
26
+
"fonts/AndadaPro-Regular.woff2",
27
+
"fonts/AndadaPro-SemiBold.woff2",
28
+
"fonts/AndadaPro-SemiBoldItalic.woff2",
29
],
30
}