altagos.dev
this repo has no description
move back button to new nav + fix figure width
+91
-57
+4
-2
layouts/home.shtml
+4
-2
layouts/home.shtml
···
2
2
3
3
<title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
4
4
5
+
<nav id="nav"></nav>
6
+
5
7
<main id="main">
6
-
<h1 :text="$page.title"></h1>
7
-
<div :html="$page.content()"></div>
8
+
<h1 :text="$page.title"></h1>
9
+
<div :html="$page.content()"></div>
8
10
</main>
+2
layouts/index.shtml
+2
layouts/index.shtml
+23
-21
layouts/note.shtml
+23
-21
layouts/note.shtml
···
2
2
3
3
<title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
4
4
5
+
<nav id="nav"></nav>
6
+
5
7
<main id="main">
6
-
<h1 :text="$page.title"></h1>
7
-
<h5>
8
-
Created on:
9
-
<span :text="$page.date.format('2006-01-02')">
10
-
</span>
11
-
</h5>
12
-
<div :html="$page.content()"></div>
13
-
<ctx :if="$page.footnotes?()">
14
-
<div class="footnotes">
15
-
<ol :loop="$if">
16
-
<li id="$loop.it.def_id">
17
-
<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
18
-
<ctx :loop="$loop.it.ref_ids">
19
-
<div class="back">
20
-
<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
21
-
</div>
22
-
</ctx>
23
-
</li>
24
-
</ol>
25
-
</div>
26
-
</ctx>
8
+
<h1 :text="$page.title"></h1>
9
+
<h5>
10
+
Created on:
11
+
<span :text="$page.date.format('2006-01-02')">
12
+
</span>
13
+
</h5>
14
+
<div :html="$page.content()"></div>
15
+
<ctx :if="$page.footnotes?()">
16
+
<div class="footnotes">
17
+
<ol :loop="$if">
18
+
<li id="$loop.it.def_id">
19
+
<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
20
+
<ctx :loop="$loop.it.ref_ids">
21
+
<div class="back">
22
+
<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
23
+
</div>
24
+
</ctx>
25
+
</li>
26
+
</ol>
27
+
</div>
28
+
</ctx>
27
29
</main>
+27
-22
layouts/snippet.shtml
+27
-22
layouts/snippet.shtml
···
2
2
3
3
<title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
4
4
5
+
<nav id="nav">
6
+
<a href="/snippets" class="back"><i class="ph-bold ph-arrow-left"></i>Back</a>
7
+
</nav>
8
+
5
9
<main id="main">
6
-
<a href="/snippets" class="back"><i class="ph-bold ph-arrow-left"></i>Back</a>
10
+
<div class="snippets">
7
11
8
-
<h1 :text="$page.title"></h1>
9
-
<h5>
10
-
Created on:
11
-
<span :text="$page.date.format('2006-01-02')">
12
-
</span>
13
-
</h5>
14
-
<div :html="$page.content()"></div>
15
-
<ctx :if="$page.footnotes?()">
16
-
<div class="footnotes">
17
-
<ol :loop="$if">
18
-
<li id="$loop.it.def_id">
19
-
<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
20
-
<ctx :loop="$loop.it.ref_ids">
21
-
<div class="back">
22
-
<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
23
-
</div>
24
-
</ctx>
25
-
</li>
26
-
</ol>
27
-
</div>
28
-
</ctx>
12
+
<h1 :text="$page.title"></h1>
13
+
<h5>
14
+
Created on:
15
+
<span :text="$page.date.format('2006-01-02')">
16
+
</span>
17
+
</h5>
18
+
<div :html="$page.content()"></div>
19
+
<ctx :if="$page.footnotes?()">
20
+
<div class="footnotes">
21
+
<ol :loop="$if">
22
+
<li id="$loop.it.def_id">
23
+
<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
24
+
<ctx :loop="$loop.it.ref_ids">
25
+
<div class="back">
26
+
<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
27
+
</div>
28
+
</ctx>
29
+
</li>
30
+
</ol>
31
+
</div>
32
+
</ctx>
33
+
</div>
29
34
</main>
+1
layouts/templates/root.shtml
+1
layouts/templates/root.shtml
+8
-5
style/content/figures.scss
+8
-5
style/content/figures.scss
···
1
1
figure {
2
-
width: var(--content-max-width);
2
+
max-width: var(--content-max-width);
3
3
overflow-y: auto;
4
4
text-align: center;
5
5
margin: 1em 0;
6
6
7
-
img {
7
+
> * {
8
8
max-width: var(--content-max-width);
9
+
width: 90%;
9
10
height: auto;
11
+
}
12
+
13
+
img {
14
+
resize: "horizontal";
10
15
object-fit: scale-down;
11
-
color: var(--text-color);
12
16
}
13
17
14
18
svg {
15
19
overflow: hidden;
16
20
resize: "horizontal";
17
-
max-width: var(--content-max-width);
18
-
height: auto;
21
+
19
22
color: var(--text-color);
20
23
}
21
24
}
+10
-6
style/content/footnotes.scss
+10
-6
style/content/footnotes.scss
+2
-1
style/content/text.scss
+2
-1
style/content/text.scss