altagos.dev
this repo has no description
overflow + blocks + small stuff
+128
-27
+5
-1
content/notes/markdown-overview.smd
+5
-1
content/notes/markdown-overview.smd
···
4
4
.date = @date("2025-07-22"),
5
5
.layout = "root.shtml",
6
6
.draft = false,
7
-
.description = "A small overview of Markdown features supported by this site"
7
+
.description = "An overview over the supported Markdown features"
8
8
---
9
9
10
10
Learn how to apply basic formatting to your notes, using [Markdown](https://daringfireball.net/projects/markdown/). For more advanced formatting syntax, refer to [Advanced formatting syntax](https://help.obsidian.md/advanced-syntax).
···
211
211
212
212
> # [Tip]($block)
213
213
> If you want to add an image from inside your vault, you can also [embed an image in a note](https://help.obsidian.md/embeds#Embed%20an%20image%20in%20a%20note).
214
+
215
+
># [Warning]($block.attrs('warning'))
216
+
>This is now a block note.
217
+
>Lorem ipsum.
214
218
215
219
## Quotes
216
220
+2
-4
layouts/root.shtml
+2
-4
layouts/root.shtml
···
14
14
<link rel="apple-touch-icon" sizes="180x180" href="$site.asset('favicon/apple-touch-icon.png').link()">
15
15
<link rel="manifest" href="$site.asset('favicon/site.webmanifest').link()">
16
16
<!-- Phsophor Icons -->
17
-
<!-- <link rel="preload" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
18
-
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css"></noscript> -->
19
17
<link rel="stylesheet" href="$site.asset('phosphor-icons/bold.css').link()">
20
18
<!-- mathtex -->
21
19
<link rel="stylesheet" href="$site.asset('math/Temml-Local.css').link()">
22
20
</head>
23
21
<body>
24
-
<div class="head"></div>
22
+
<header></header>
25
23
<div class="content">
26
24
<main>
27
25
<h1 :text="$page.title"></h1>
···
68
66
<script defer src="$site.asset('math/temml.min.js').link()"></script>
69
67
<script defer src="$site.asset('math/render-mathtex.js').link()"></script>
70
68
</body>
71
-
</html>
69
+
</html>
+18
-9
style/base/layout.scss
+18
-9
style/base/layout.scss
···
1
+
*,
2
+
*::before,
3
+
*::after {
4
+
box-sizing: border-box;
5
+
}
6
+
1
7
html,
2
8
body {
3
9
height: 100%;
4
10
margin: 0;
5
11
padding: 0;
6
12
7
-
background-color: var(--bg1);
8
-
color: var(--fg1);
13
+
background-color: var(--bg);
14
+
color: var(--fg);
9
15
10
16
font-size-adjust: ex-height 0.5;
11
17
-webkit-text-size-adjust: 100%;
12
18
}
19
+
html {
20
+
scrollbar-gutter: stable;
21
+
scrollbar-color: var(--palette10) var(--bg-dim);
22
+
overflow-y: scroll;
23
+
}
13
24
14
-
$head_height: 16px;
15
-
16
-
.head {
17
-
height: $head_height;
25
+
header {
26
+
height: var(--header-height);
18
27
width: 100%;
19
-
background-color: var(--palette10);
28
+
background-color: var(--selection-background);
20
29
}
21
30
22
31
.content {
23
32
margin: auto;
24
-
max-width: 650px;
25
-
height: calc(100% - $head_height);
33
+
max-width: var(--content-max-width);
34
+
height: var(--content-height);
26
35
27
36
display: flex;
28
37
flex-direction: column;
+6
-6
style/base/theme.scss
+6
-6
style/base/theme.scss
···
46
46
--lightBlue: #a3d4d5; // unused yet
47
47
--waveAqua2: #7aa89f; // improve lightness: desaturated greenish Aqua
48
48
49
-
// --waveAqua2 : #68AD99;
50
-
// --waveAqua4 : #7AA880;
51
-
// --waveAqua5 : #6CAF95;
52
-
// --waveAqua3 : #68AD99;
49
+
--waveAqua2: #68ad99;
50
+
--waveAqua4: #7aa880;
51
+
--waveAqua5: #6caf95;
52
+
--waveAqua3: #68ad99;
53
53
54
54
--springGreen: #98bb6c;
55
55
--boatYellow1: #938056;
···
208
208
--palette14: #7aa89f;
209
209
--palette15: #c5c9c5;
210
210
211
-
--bg1: #181616;
212
-
--fg1: #c5c9c5;
211
+
/* --bg1: #181616;
212
+
--fg1: #c5c9c5; */
213
213
--selection-background: var(--palette2);
214
214
--selection-foreground: var(--palette0);
215
215
+5
-1
style/base/variables.scss
+5
-1
style/base/variables.scss
+39
style/content/blocks.scss
+39
style/content/blocks.scss
···
1
+
.block {
2
+
--block-highlight: var(--dragonBlue2);
3
+
--block-header: currentColor;
4
+
5
+
margin: 16px 0;
6
+
padding-bottom: 0.01px;
7
+
8
+
background: color-mix(in srgb, currentColor 5%, transparent);
9
+
border-left: 5px solid var(--block-highlight);
10
+
11
+
> * {
12
+
padding-left: 15px;
13
+
}
14
+
15
+
h1,
16
+
h2,
17
+
h3 {
18
+
margin: 0;
19
+
20
+
font-size: var(--font-size);
21
+
22
+
background: color-mix(in srgb, var(--block-highlight) 30%, transparent);
23
+
color: var(--block-header);
24
+
}
25
+
26
+
::selection {
27
+
background-color: var(--block-highlight);
28
+
color: var(--selection-foreground);
29
+
}
30
+
31
+
::-moz-selection {
32
+
background-color: var(--block-highlight);
33
+
color: var(--selection-foreground);
34
+
}
35
+
}
36
+
37
+
.block.warning {
38
+
--block-highlight: var(--dragonRed);
39
+
}
style/content/callouts.scss
style/content/callouts.scss
This is a binary file and will not be displayed.
+17
style/content/code.scss
+17
style/content/code.scss
···
3
3
font-size: var(--medium-size);
4
4
5
5
padding: 3px 8px;
6
+
overflow-wrap: anywhere;
6
7
7
8
background-color: var(--palette0);
8
9
border-radius: 5px;
···
24
25
}
25
26
}
26
27
28
+
p,
29
+
li {
30
+
&:has(code) {
31
+
}
32
+
}
33
+
27
34
figure:has(pre > code) {
28
35
margin: auto;
29
36
···
36
43
color: var($color);
37
44
font-weight: $font-weight;
38
45
font-style: $font-style;
46
+
47
+
&::selection {
48
+
background-color: var($color);
49
+
color: var(--selection-foreground);
50
+
}
51
+
52
+
&::-moz-selection {
53
+
background-color: var($color);
54
+
color: var(--selection-foreground);
55
+
}
39
56
}
40
57
41
58
// Syntax
+10
style/content/figures.scss
+10
style/content/figures.scss
-2
style/content/footnotes.scss
-2
style/content/footnotes.scss
+20
style/content/table.scss
+20
style/content/table.scss
···
1
+
table {
2
+
display: block;
3
+
overflow-x: unset;
4
+
overflow-y: auto;
5
+
6
+
border-spacing: 0;
7
+
border-collapse: collapse;
8
+
9
+
tr {
10
+
&:nth-child(even) {
11
+
background-color: var(--bg-dim);
12
+
border: unset;
13
+
}
14
+
}
15
+
16
+
td,
17
+
th {
18
+
padding: 3px 8px;
19
+
}
20
+
}