summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-18 00:04:21 +0200
committerVolpeon <git@volpeon.ink>2022-06-18 00:04:21 +0200
commit26c099aa807d8e67944f72be04a325f37da305d5 (patch)
treef7781f003b95979d6a2e1c39d9491c26589ec91a /templates
parentMake some page elements wide (diff)
downloadvolpeon.ink-26c099aa807d8e67944f72be04a325f37da305d5.tar.gz
volpeon.ink-26c099aa807d8e67944f72be04a325f37da305d5.tar.bz2
volpeon.ink-26c099aa807d8e67944f72be04a325f37da305d5.zip
Added page type for art pieces
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html30
-rw-r--r--templates/feed_entry.xml12
-rw-r--r--templates/layouts/categorized_list.html2
-rw-r--r--templates/layouts/exhibit.html66
-rw-r--r--templates/layouts/list.html2
-rw-r--r--templates/layouts/page.html34
-rw-r--r--templates/layouts/redirect.html4
-rw-r--r--templates/partials/gallery_card.html8
-rw-r--r--templates/partials/grid_card.html8
-rw-r--r--templates/partials/list_card.html12
10 files changed, 130 insertions, 48 deletions
diff --git a/templates/base.html b/templates/base.html
index cfc40a4..4ffd690 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -52,7 +52,7 @@
52 <link rel="stylesheet" href="/style.css?$style_hash$" /> 52 <link rel="stylesheet" href="/style.css?$style_hash$" />
53</head> 53</head>
54 54
55<body itemscope itemtype="https://schema.org/WebPage"> 55<body itemscope itemtype="https://schema.org/WebPage" class="t-no-js">
56 <nav class="c-header" label="Mainmenu"> 56 <nav class="c-header" label="Mainmenu">
57 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$" itemprop="isPartOf" itemscope itemtype="https://schema.org/WebSite" itemid="$site.url$"> 57 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$" itemprop="isPartOf" itemscope itemtype="https://schema.org/WebSite" itemid="$site.url$">
58 <svg class="c-header__icon" width="1em" height="1em" aria-label="Logo"> 58 <svg class="c-header__icon" width="1em" height="1em" aria-label="Logo">
@@ -74,6 +74,8 @@ ${layouts/categorized_list()}
74${layouts/list()} 74${layouts/list()}
75 $elseif(layout.is_redirect)$ 75 $elseif(layout.is_redirect)$
76${layouts/redirect()} 76${layouts/redirect()}
77 $elseif(layout.is_exhibit)$
78${layouts/exhibit()}
77 $else$ 79 $else$
78${layouts/page()} 80${layouts/page()}
79 $endif$ 81 $endif$
@@ -85,32 +87,6 @@ ${layouts/page()}
85 </div> 87 </div>
86 </footer> 88 </footer>
87 89
88 <div class="o-backdrop js-lightbox u-d-none t-dark">
89 <div class="o-lightbox">
90 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
91 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
92 <use href="/icons.svg#x"></use>
93 </svg>
94 </button>
95
96 <img class="o-lightbox__img" />
97
98 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
99 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
100 <use href="/icons.svg#chevron-left"></use>
101 </svg>
102 </button>
103
104 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
105 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
106 <use href="/icons.svg#chevron-right"></use>
107 </svg>
108 </button>
109
110 <footer class="o-lightbox__footer"></footer>
111 </div>
112 </div>
113
114 <script src="/main.js"></script> 90 <script src="/main.js"></script>
115 <!--script src="/snow.js"></script--> 91 <!--script src="/snow.js"></script-->
116</body> 92</body>
diff --git a/templates/feed_entry.xml b/templates/feed_entry.xml
index 03d6569..a71b579 100644
--- a/templates/feed_entry.xml
+++ b/templates/feed_entry.xml
@@ -22,4 +22,14 @@ $else$
22 </author> 22 </author>
23 $endfor$ 23 $endfor$
24$endif$ 24$endif$
25<content type="html"><![CDATA[$it.content$]]></content> 25<content type="html"><![CDATA[
26 $it.content$
27
28 $if(it.layout.is_exhibit)$
29 $for(it.images)$
30 <figure>
31 <img src="$it$" />
32 </figure>
33 $endfor$
34 $endif$
35]]></content>
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 206c566..1a1048a 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -1,5 +1,5 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed"
3 itemprop="mainPart" 3 itemprop="mainPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/DataFeed" 5 itemtype="https://schema.org/DataFeed"
diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html
new file mode 100644
index 0000000..091859a
--- /dev/null
+++ b/templates/layouts/exhibit.html
@@ -0,0 +1,66 @@
1<main
2 itemprop="hasPart"
3 itemscope
4 itemtype="https://schema.org/$schema_type$"
5 itemid="$url.full$"
6>
7 <article class="h-entry">
8 <section class="c-exhibit js-lightbox">
9 <div class="c-exhibit__content o-lightbox">
10 <img class="o-lightbox__img" />
11
12 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
13 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
14 <use href="/icons.svg#chevron-left"></use>
15 </svg>
16 </button>
17
18 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
19 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
20 <use href="/icons.svg#chevron-right"></use>
21 </svg>
22 </button>
23
24 <footer class="o-lightbox__footer"></footer>
25 </div>
26
27 <footer class="c-exhibit__footer">
28 <div class="l-container l-container--pad-x l-container--narrow-125">
29 <div class="l-media l-media--200 u-pl-0 u-pr-0">
30 <div class="l-media__block l-media__block--main">
31 $if(date)$
32 <small class="u-d-block u-d-none@sm-hi">
33 <time datetime="$date.yyyy_mm_dd$" class="dt-updated" itemprop="dateCreated">
34 $date.short$
35 </time>
36 </small>
37 $endif$
38 <strong class="u-d-block u-elp" itemprop="name headline">$title$</strong>
39 </div>
40 $if(date)$
41 <small class="l-media__block u-d-none@sm-lo">
42 <time datetime="$date.yyyy_mm_dd$" itemprop="dateCreated">
43 $date.short$
44 </time>
45 </small>
46 $endif$
47 </div>
48 </div>
49 </footer>
50 </section>
51
52 <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-400">
53 <div class="s-body s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody">
54$body$
55
56 $for(images)$
57 <figure class="c-figure js-lightbox__image u-d-none@js">
58 <img src="$it$" />
59 </figure>
60 $endfor$
61 </div>
62 </div>
63 </article>
64</main>
65
66<script src="/lightbox.js"></script>
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 66a08fd..508ff4c 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -1,5 +1,5 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125 h-feed"
3 itemprop="mainPart" 3 itemprop="mainPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/DataFeed" 5 itemtype="https://schema.org/DataFeed"
diff --git a/templates/layouts/page.html b/templates/layouts/page.html
index f65a1cf..4058748 100644
--- a/templates/layouts/page.html
+++ b/templates/layouts/page.html
@@ -1,5 +1,5 @@
1<main 1<main
2 class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125" 2 class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow-125"
3 itemprop="hasPart" 3 itemprop="hasPart"
4 itemscope 4 itemscope
5 itemtype="https://schema.org/$schema_type$" 5 itemtype="https://schema.org/$schema_type$"
@@ -7,9 +7,9 @@
7> 7>
8 <article class="h-entry"> 8 <article class="h-entry">
9 $if(date)$ 9 $if(date)$
10 <div class="o-badge s-body__meta u-mb-125 dt-updated"> 10 <time datetime="$date.yyyy_mm_dd$" class="o-badge s-body__meta u-mb-125 dt-updated" itemprop="dateCreated">
11 $date.long$ 11 $date.long$
12 </div> 12 </time>
13 $endif$ 13 $endif$
14 14
15 <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline"> 15 <h1 class="o-heading o-heading--xxl u-mt-0 p-name" itemprop="name headline">
@@ -35,4 +35,32 @@ $body$
35 </footer> 35 </footer>
36 $endif$ 36 $endif$
37 </article> 37 </article>
38
39 <div class="o-backdrop js-lightbox js-lightbox--closeable u-d-none t-dark">
40 <div class="o-lightbox">
41 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
42 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
43 <use href="/icons.svg#x"></use>
44 </svg>
45 </button>
46
47 <img class="o-lightbox__img" />
48
49 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
50 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
51 <use href="/icons.svg#chevron-left"></use>
52 </svg>
53 </button>
54
55 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
56 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
57 <use href="/icons.svg#chevron-right"></use>
58 </svg>
59 </button>
60
61 <footer class="o-lightbox__footer"></footer>
62 </div>
63 </div>
38</main> 64</main>
65
66<script src="/lightbox.js"></script>
diff --git a/templates/layouts/redirect.html b/templates/layouts/redirect.html
index 9f78dec..6684bd2 100644
--- a/templates/layouts/redirect.html
+++ b/templates/layouts/redirect.html
@@ -1,4 +1,4 @@
1<article class="l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headlines"> 1<main class="c-main l-container l-container--pad-x l-container--pad-y l-container--narrow s-body s-colored-links s-headlines">
2 <h1 class="u-mt-0"><span class="s-headlines__title-inner">$title$</span></h1> 2 <h1 class="u-mt-0"><span class="s-headlines__title-inner">$title$</span></h1>
3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p> 3 <p>This page should redirect you to <a href="$url.full$">$url.full$</a> in 3 seconds.</p>
4</article> 4</main>
diff --git a/templates/partials/gallery_card.html b/templates/partials/gallery_card.html
index deffb3f..6692888 100644
--- a/templates/partials/gallery_card.html
+++ b/templates/partials/gallery_card.html
@@ -37,11 +37,11 @@ $if(it.thumbnail)$
37 <small class="u-d-block u-elp">$it.category$</small> 37 <small class="u-d-block u-elp">$it.category$</small>
38 <strong class="u-d-block u-elp">$it.title$</strong> 38 <strong class="u-d-block u-elp">$it.title$</strong>
39 $elseif(it.date)$ 39 $elseif(it.date)$
40 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 40 <small class="u-d-block">
41 <small> 41 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
42 $it.date.long$ 42 $it.date.long$
43 </small> 43 </time>
44 </time> 44 </small>
45 <strong class="u-d-block u-elp">$it.title$</strong> 45 <strong class="u-d-block u-elp">$it.title$</strong>
46 $else$ 46 $else$
47 <span class="p-name" itemprop="name headline"> 47 <span class="p-name" itemprop="name headline">
diff --git a/templates/partials/grid_card.html b/templates/partials/grid_card.html
index 9af9415..003e59f 100644
--- a/templates/partials/grid_card.html
+++ b/templates/partials/grid_card.html
@@ -24,11 +24,11 @@ $if(it.url)$
24 <small class="u-d-block u-elp">$it.category$</small> 24 <small class="u-d-block u-elp">$it.category$</small>
25 <strong class="u-d-block u-elp">$it.title$</strong> 25 <strong class="u-d-block u-elp">$it.title$</strong>
26 $elseif(it.date)$ 26 $elseif(it.date)$
27 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated"> 27 <small class="u-d-block">
28 <small> 28 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
29 $it.date.long$ 29 $it.date.long$
30 </small> 30 </time>
31 </time> 31 </small>
32 <strong class="u-d-block u-elp">$it.title$</strong> 32 <strong class="u-d-block u-elp">$it.title$</strong>
33 $else$ 33 $else$
34 <span class="p-name" itemprop="name headline"> 34 <span class="p-name" itemprop="name headline">
diff --git a/templates/partials/list_card.html b/templates/partials/list_card.html
index 6cf0e67..dc9111e 100644
--- a/templates/partials/list_card.html
+++ b/templates/partials/list_card.html
@@ -24,7 +24,9 @@ $if(it.url)$
24 <small class="u-d-block">$it.category$</small> 24 <small class="u-d-block">$it.category$</small>
25 <strong class="u-d-block">$it.title$</strong> 25 <strong class="u-d-block">$it.title$</strong>
26 $elseif(it.date)$ 26 $elseif(it.date)$
27 <time datetime="$it.date.yyyy_mm_dd$" class="u-d-block"><small>$it.date.long$</small></time> 27 <small>
28 <time datetime="$it.date.yyyy_mm_dd$">$it.date.long$</time>
29 </small>
28 <strong class="u-d-block">$it.title$</strong> 30 <strong class="u-d-block">$it.title$</strong>
29 $else$ 31 $else$
30 <span class="p-name" itemprop="name headline"> 32 <span class="p-name" itemprop="name headline">
@@ -44,11 +46,11 @@ $if(it.url)$
44 $it.category$ 46 $it.category$
45 </small> 47 </small>
46 $elseif(it.date)$ 48 $elseif(it.date)$
47 <time datetime="$it.date.yyyy_mm_dd$" class="l-media__block u-d-none@sm-lo" itemprop="dateCreated"> 49 <small class="l-media__block u-d-none@sm-lo">
48 <small> 50 <time datetime="$it.date.yyyy_mm_dd$" itemprop="dateCreated">
49 $it.date.short$ 51 $it.date.short$
50 </small> 52 </time>
51 </time> 53 </small>
52 $endif$ 54 $endif$
53 $if(it.post_icon)$ 55 $if(it.post_icon)$
54 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true"> 56 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
generated by cgit v1.2.3-54-g00ecf (git 2.44.0) at 2024-06-26 13:53:00 +0000