Something went wrong. Try again.
My personal website
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!doctype html><!-- blank post: copy to /SECTION/SLUG/index.html and replace everything in CAPS. how to structure it: internal/example.html --><html lang="en">
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="ONE SENTENCE SUMMARY - copy this verbatim into the feed entry summary" /> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self'; font-src 'self'; img-src 'self' https://assets.danieldaum.net; media-src 'self' https://assets.danieldaum.net;" /> <meta name="referrer" content="strict-origin-when-cross-origin" /> <link rel="preload" href="/assets/fonts/ioskeleymono/IoskeleyMono-Regular.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/assets/fonts/ioskeleymono/IoskeleyMono-Bold.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preload" href="/assets/fonts/ioskeleymono/IoskeleyMono-SemiBold.woff2" as="font" type="font/woff2" crossorigin /> <link rel="preconnect" href="https://assets.danieldaum.net" /> <link rel="stylesheet" href="/global.css" /> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" /> <link rel="manifest" href="/assets/favicon/site.webmanifest" /> <link rel="alternate" type="application/atom+xml" title="daniel daum" href="https://danieldaum.net/feed.xml" /> <title>daniel daum - POST TITLE</title>
<meta property="og:type" content="website" /> <meta property="og:site_name" content="daniel daum" /> <meta property="og:title" content="daniel daum - POST TITLE" /> <meta property="og:description" content="ONE SENTENCE SUMMARY - copy this verbatim into the feed entry summary" /> <meta property="og:url" content="https://danieldaum.net/SECTION/SLUG/" /> <meta property="og:image" content="https://assets.danieldaum.net/img/misc/og.jpg" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="daniel daum - software engineer, avid reader, aspiring game dev - danieldaum.net" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="daniel daum - POST TITLE" /> <meta name="twitter:description" content="ONE SENTENCE SUMMARY - copy this verbatim into the feed entry summary" /> <meta name="twitter:image" content="https://assets.danieldaum.net/img/misc/og.jpg" /> <meta name="twitter:image:alt" content="daniel daum - software engineer, avid reader, aspiring game dev - danieldaum.net" /></head>
<body> <a class="skip-link" href="#main">skip to content</a>
<!-- ===== HEADER ===== --> <header class="site-header"> <a class="site-name" href="/">Daniel Daum</a> <nav aria-label="main navigation"> <a href="/">home</a> <a href="/about/">about</a> <a href="/now/">now</a> <a href="/blog/">blog</a> <a href="/projects/">projects</a> <a href="/garden/">garden</a> </nav> </header>
<!-- ===== MAIN ===== --> <main id="main"> <article> <!-- optional banner: FILE = the photo's file name, alt = its alt on /photos/ --> <!-- <a class="post-banner" href="/photos/FILE/" aria-label="photo details: PHOTO TITLE"> <img src="https://assets.danieldaum.net/img/photos/FILE.webp" alt="PHOTO ALT" /> </a> --> <header class="page-header page-header--post"> <p class="page-header-kicker"><span aria-hidden="true">/</span>SECTION</p> <h1>Post Title</h1> <p class="meta caps"><time datetime="YYYY-MM-DD">D MONTH YYYY</time></p> </header>
<section> <h2 class="caps">Section heading</h2> <p> Body text. </p>
<h3>Sub-heading</h3> <p> Body text. </p> </section>
<!-- likes and comments are filled in by functions/_middleware.js --> <section class="post-social" id="comments" data-social aria-label="likes and comments"> <p class="meta">likes and comments unavailable</p> </section> </article>
<!-- remove whichever card has no post yet --> <nav class="pager" aria-label="post navigation"> <a class="pager-link pager-prev" href="/SECTION/PREVIOUS-SLUG/" rel="prev"> <span class="pager-label">← previous</span> <span class="pager-title">Previous Post Title</span> </a> <a class="pager-link pager-next" href="/SECTION/NEXT-SLUG/" rel="next"> <span class="pager-label">next →</span> <span class="pager-title">Next Post Title</span> </a> </nav> </main>
<!-- ===== FOOTER ===== --> <footer> <nav aria-label="site links"> <p aria-hidden="true">//</p> <a href="mailto:daniel@danieldaum.net">email</a> <a href="https://tangled.org/danieldaum.net" aria-label="git (opens in new tab)" target="_blank" rel="noopener noreferrer">git</a> <a href="/pgp.asc" aria-label="PGP public key (516E97FF)">PGP</a> <a href="/changelog/">changelog</a> <a href="/privacy/">privacy</a> <a href="/feed.xml">feed</a> </nav> </footer></body>
</html>