ritual/ritual.sh
ritual/ritual.sh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding contact information, updating about page

Browse source
This commit is contained in:
Dan 2026-01-06 14:54:30 +00:00
parent 80b1d7634a
commit 0041a48bae
11 changed files with 526 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

108
layouts/about/single.html
View file

@ -1,17 +1,15 @@
{{ define "header" }}{{ partial "page-header.html" . }}{{ end }} {{ define
"main" }}
{{ define "main" }}
<article class="about-page">
<div class="about-content">
<div class="content-screen">
<div class="about-header">{{ partial "elements/lavalamp.html" . }}</div>
<div class="screen-display crt no-scroll">
> about -v <br />
> about -s <br />
<span>Name</span> / <span class="info">Dan (He/Him)</span><br />
<span>Age</span> / <span class="info">40-something</span><br />
<span>Location</span> / <span class="info">UK 🇬🇧</span><br /><br />
<span>Interests</span> /
<span class="info">
Programming. Music. Movies. Tech. Photography. </span
<span class="info"> Programming. Music. Movies. Tech. Photography.</span
><br />
<span class="cursor-blink">_</span>
</div>
@ -23,6 +21,16 @@
partial "elements/lcd-screen.html" (dict "text" .) }} {{ end }}
</div>
<div class="wide-item">
<div class="content-screen">
<div class="screen-display crt">
> cat manifesto
<span class="cursor-blink">_</span>
</div>
</div>
</div>
<div class="wide-item manifesto-container">
<div class="content-screen">
<div class="screen-display crt">
@ -105,10 +113,96 @@
><br />
Camera / <span class="info">Fuji X-T5</span><br />
Audio / <span class="info">Hiby R4 EVA, Fiio FT-1</span> <br /><br />
More info coming soon...
<br /><span class="cursor-blink">_</span>
Check out my <a href="/now">/now</a> page to see more hardware and
software information. <br /><span class="cursor-blink">_</span>
</div>
</div>
<div class="about-music hidden-xxl-down">
<div class="music">
{{ partial "elements/ipod.html" . }}
<div class="">{{ partial "elements/vu-meter.html" . }}</div>
</div>
</div>
<div class="content-screen wide-item">
<div class="screen-display crt">
> cat contact_info<br />
<div class="about-contact-section">
<p>
If you have any comments, questions, corrections, or just fancy
saying "hello" please feel free to get in touch.
</p>
<p>
I am still debating with myself if I want to put more effort into a
mastodon/bluesky type thing, so for now email is the best way to
talk to me. PGP is available if that's your kind of thing.
</p>
<div class="contact-info">
<div class="contact-item">
<span class="contact-label">Email</span> /
<a href="mailto:dan@ritual.sh" class="info">dan@ritual.sh</a>
</div>
<div class="contact-item">
<span class="contact-label">PGP Public Key</span> /
<div class="pgp-actions">
<a href="/publickey.asc" download class="pgp-button">
<span class="button-icon">↓</span> Download
</a>
<button id="copy-pgp-key-about" class="pgp-button">
<span class="button-icon">⎘</span> Copy to Clipboard
</button>
</div>
</div>
<div id="copy-feedback-about" class="copy-feedback"></div>
</div>
</div>
<pre>
| .-.
| / \ .-.
| / \ / \ .-. .-. _ _
+--/-------\-----/-----\-----/---\---/---\---/-\-/-\/\/---
| / \ / \ / '-' '-'
|/ '-' '-'
</pre>
<span class="cursor-blink">_</span>
</div>
</div>
</div>
</article>
<script>
document.addEventListener("DOMContentLoaded", function () {
const copyButton = document.getElementById("copy-pgp-key-about");
const feedback = document.getElementById("copy-feedback-about");
if (copyButton) {
copyButton.addEventListener("click", async function () {
try {
const response = await fetch("/publickey.asc");
const pgpKey = await response.text();
await navigator.clipboard.writeText(pgpKey);
feedback.textContent = "PGP key copied to clipboard!";
feedback.classList.add("show", "success");
setTimeout(() => {
feedback.classList.remove("show");
}, 3000);
} catch (err) {
feedback.textContent = "Failed to copy key";
feedback.classList.add("show", "error");
setTimeout(() => {
feedback.classList.remove("show");
}, 3000);
}
});
}
});
</script>
{{ end }}

63
layouts/blog/single.html
View file

@ -23,6 +23,37 @@
<div class="blog-summary">{{ .Content }}</div>
</article>
<section class="blog-contact-section">
<h2 class="contact-title">Contact</h2>
<div class="contact-content">
<p>
If you found this interesting, have any comments, questions,
corrections, or just fancy saying "hello" please feel free to get
in touch.
</p>
<div class="contact-email">
<span class="contact-label">Email:</span>
<a href="mailto:dan@ritual.sh">dan@ritual.sh</a>
</div>
<div class="contact-pgp">
<span class="contact-label">PGP Public Key:</span>
<div class="pgp-actions">
<a
href="/publickey.asc"
download
class="pgp-button download-key"
>
<span class="button-icon">↓</span> Download
</a>
<button id="copy-pgp-key" class="pgp-button copy-key">
<span class="button-icon">⎘</span> Copy to Clipboard
</button>
</div>
<div id="copy-feedback" class="copy-feedback"></div>
</div>
</div>
</section>
<nav class="blog-post-navigation">
<div class="post-nav-links">
{{ with .PrevInSection }}
@ -49,4 +80,36 @@
<script src="/js/footnote-scroll.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const copyButton = document.getElementById("copy-pgp-key");
const feedback = document.getElementById("copy-feedback");
if (copyButton) {
copyButton.addEventListener("click", async function () {
try {
const response = await fetch("/publickey.asc");
const pgpKey = await response.text();
await navigator.clipboard.writeText(pgpKey);
feedback.textContent = "PGP key copied to clipboard!";
feedback.classList.add("show", "success");
setTimeout(() => {
feedback.classList.remove("show");
}, 3000);
} catch (err) {
feedback.textContent = "Failed to copy key";
feedback.classList.add("show", "error");
setTimeout(() => {
feedback.classList.remove("show");
}, 3000);
}
});
}
});
</script>
{{ end }}