cmc/cleberg.net

My personal web garden & blog. blog personal website https://cleberg.net

Commit 78d5e0aca2

78d5e0aca2dc23ffb953533fc5531f383606bf2c

parent: 18348aa3d2

Unsigned

cmc <hello@cleberg.net> · 2024-05-21 18:43 UTC 

add service outage banner alert

Layout: unified · split

static/styles.css +7
@@ -550,6 +550,13 @@ summary {
550 margin: 0; 550 margin: 0;
551} 551}
552 552
553.alert {
554 background-color: rgba(255,0,0,0.2);
555 border: 1px solid rgba(255,0,0,1);
556 padding: 0.5rem;
557 margin-top: 1rem;
558}
559
553@media (prefers-color-scheme: dark) { 560@media (prefers-color-scheme: dark) {
554 :root { 561 :root {
555 --bg: #141617; 562 --bg: #141617;
static/styles.min.css +1 −1
@@ -1 +1 @@
1/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#fff;--bg-bright:#eee;--fg:#111;--link:#00f;--code:#f00;--border:#ccc}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem;line-height:1.5;max-width:50em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg)}a,a:visited{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--bg-bright);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem}thead,th,tr,td{border:1px solid var(--border);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:inherit}pre{background-color:var(--bg-bright)!important;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{color:var(--code);font-family:inherit}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:5px solid var(--link);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post,.wiki-post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.wiki-post{justify-content:space-between}.wiki-post:first-of-type{border-bottom:1px dotted var(--fg);margin-bottom:1rem}.wiki-post p{margin:0}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}@media(prefers-color-scheme:dark){:root{--bg:#141617;--bg-bright:#191c1d;--fg:#b2aea9;--link:#fc6c1c;--code:#ffb454;--border:#333}}\ No newline at end of file 1/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--bg:#fff;--bg-bright:#eee;--fg:#111;--link:#00f;--code:#f00;--border:#ccc}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--bg);color:var(--fg);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem;line-height:1.5;max-width:50em;margin:0 auto;padding:0 1rem}.site-nav,footer{border-color:var(--fg)}footer{border-top:1px dotted;padding-top:1rem;margin:1rem 0}footer p{margin:0}.site-nav{border-bottom:1px dotted}.site-nav ul{list-style-type:none;display:flex;align-items:center;padding:0}.site-nav ul li{margin-right:.5rem}h1,h2,h3,h4{color:var(--fg)}a,a:visited{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{width:100%}table{border-collapse:collapse;color:var(--fg);border-color:var(--bg-bright);font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:.9rem}thead,th,tr,td{border:1px solid var(--border);padding:.25rem}pre>code,time,code{font-family:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;font-size:inherit}pre{background-color:var(--bg-bright)!important;margin:.5rem 0;padding:.5rem;overflow-x:auto}:not(pre)>code{color:var(--code);font-family:inherit}aside{background-color:var(--bg-bright);padding:1rem}blockquote{background-color:var(--bg-bright);border-left:5px solid var(--link);margin:1rem 0;padding:.5rem 1rem}blockquote p{margin:0}.post,.wiki-post{display:flex}.post time{flex-shrink:0;margin-right:.5rem}.wiki-post{justify-content:space-between}.wiki-post:first-of-type{border-bottom:1px dotted var(--fg);margin-bottom:1rem}.wiki-post p{margin:0}.post-metadata{border:1px dotted var(--fg);border-top:none;padding:1rem}.post-metadata h1{margin:0}.post-metadata p{margin:0}details{margin-top:1rem}summary{font-weight:700}.footnote-definition{display:flex;justify-content:flex-start;align-items:top;margin:1rem 0}.footnote-definition sup{font-size:inherit;top:0;line-height:inherit;padding-right:.5rem}.footnote-definition sup::after{content:"."}.footnote-definition p{display:inline-block;margin:0}.alert{background-color:rgba(255,0,0,.2);border:1px solid red;padding:.5rem;margin-top:1rem}@media(prefers-color-scheme:dark){:root{--bg:#141617;--bg-bright:#191c1d;--fg:#b2aea9;--link:#fc6c1c;--code:#ffb454;--border:#333}}\ No newline at end of file
templates/index.html +33 −19
@@ -1,6 +1,11 @@
1{% extends "base.html" %} 1{% extends "base.html" %} {% block content %}
2 2<section>
3{% block content %} 3 <div class="alert">
4 <b><u>Service Outage</u></b
5 >: Please note that all services and subdomains on
6 <code>cleberg.net</code> will be unavailable for a few days.
7 </div>
8</section>
4<section> 9<section>
5 <h1>cleberg.net</h1> 10 <h1>cleberg.net</h1>
6 <pre>pub rsa4096 2022-11-16 [SC] 11 <pre>pub rsa4096 2022-11-16 [SC]
@@ -9,18 +14,18 @@ uid [ultimate] Christian Cleberg &lt;hello@cleberg.net&gt;</pre>
9</section> 14</section>
10<section> 15<section>
11 <h2>Recent Blog Posts</h2> 16 <h2>Recent Blog Posts</h2>
12 {% set section = get_section(path="blog/_index.md") %} 17 {% set section = get_section(path="blog/_index.md") %} {% set i = 0 %} {%
13 {% set i = 0 %} 18 for page in section.pages %} {% if i < 3%} {% set_global i = i + 1%}
14 {% for page in section.pages %} 19 <div class="post">
15 {% if i < 3%} 20 <time
16 {% set_global i = i + 1%} 21 datetime="{{ page.date | date(format='%Y-%m-%d %H:%M:%S')
17 <div class="post"> 22 }}"
18 <time datetime="{{ page.date | date(format='%Y-%m-%d %H:%M:%S') 23 >{{ page.date | date(format='%Y-%m-%d') }}</time
19 }}">{{ page.date | date(format='%Y-%m-%d') }}</time> 24 >
20 <a href="/blog/{{ page.slug }}/">{{ page.title }}</a> 25 <a href="/blog/{{ page.slug }}/">{{ page.title }}</a>
21 </div> 26 </div>
22 {% endif %} {% endfor %} 27 {% endif %} {% endfor %}
23 <br> 28 <br />
24 <a href="/blog/">All Posts &rarr;</a> 29 <a href="/blog/">All Posts &rarr;</a>
25</section> 30</section>
26<section> 31<section>
@@ -35,10 +40,19 @@ uid [ultimate] Christian Cleberg &lt;hello@cleberg.net&gt;</pre>
35 <h2>Contact</h2> 40 <h2>Contact</h2>
36 <ul> 41 <ul>
37 <li>hello [at] cleberg.net (<a href="/gpg.txt">GPG</a>)</li> 42 <li>hello [at] cleberg.net (<a href="/gpg.txt">GPG</a>)</li>
38 <li><a href="https://matrix.to/#/@cyborg:matrix.tchncs.de" 43 <li>
39 target="_blank" rel="noopener">@cyborg:@matrix.tchncs.de</a></li> 44 <a
40 <li><a href="https://git.sr.ht/~cyborg/" target="_blank" 45 href="https://matrix.to/#/@cyborg:matrix.tchncs.de"
41 rel="noopener">Sourcehut</a></li> 46 target="_blank"
47 rel="noopener"
48 >@cyborg:@matrix.tchncs.de</a
49 >
50 </li>
51 <li>
52 <a href="https://git.sr.ht/~cyborg/" target="_blank" rel="noopener"
53 >Sourcehut</a
54 >
55 </li>
42 </ul> 56 </ul>
43</section> 57</section>
44{% endblock content %} 58{% endblock content %}