-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdevlog.html
88 lines (82 loc) · 25.2 KB
/
devlog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!doctype html>
<html lang="en" class="min-h-full">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./_app/immutable/assets/0.CdyhV9_Z.css" rel="stylesheet">
<link href="./_app/immutable/assets/NoteGridStatusFilter.eq4K4R-6.css" rel="stylesheet">
<link href="./_app/immutable/assets/MDSveXNoteLayout.fO7cJVK6.css" rel="stylesheet">
<link href="./_app/immutable/assets/3.Dup2Frd_.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.GcTRgMDU.js">
<link rel="modulepreload" href="./_app/immutable/chunks/entry.BX1RhRLo.js">
<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.ewBkyc9q.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.BFRNH8s5.js">
<link rel="modulepreload" href="./_app/immutable/chunks/preload-helper.C1FmrZbK.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.DpmaPz1F.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.BV4L4bjs.js">
<link rel="modulepreload" href="./_app/immutable/chunks/each.DRjyAD6E.js">
<link rel="modulepreload" href="./_app/immutable/chunks/NoteGridStatusFilter.svelte_svelte_type_style_lang.DWqbp7nv.js">
<link rel="modulepreload" href="./_app/immutable/nodes/3.BnggG2EG.js">
<link rel="modulepreload" href="./_app/immutable/chunks/stores.DcHqE9Lr.js">
<link rel="modulepreload" href="./_app/immutable/chunks/NoteGrid.CL4l8Gtm.js"><title>Weekly Dev Logs - Allan Deutsch</title><!-- HEAD_svelte-x3qw35_START --><meta name="description" content="Each week I write a log of what I've worked on. View them all here!"><meta property="og:title" content="Weekly Dev Logs"><meta property="og:type" content="article"><meta property="og:url" content="https://allandeutsch.com/devlog"><meta property="og:description" content="Each week I write a log of what I've worked on. View them all here!"><meta property="og:locale" content="en_US"><meta property="twitter:card" content="summary"><meta property="twitter:url" content="https://allandeutsch.com"><meta property="twitter:title" content="Weekly Dev Logs"><meta property="twitter:description" content="Each week I write a log of what I've worked on. View them all here!"><meta property="twitter:site" content="@AllanDeutsch"><meta property="twitter:creator" content="@AllanDeutsch"><link rel="canonical" href="https://allandeutsch.com/devlog"><script type="module" src="https://docduck.dev/selection.js" data-svelte-h="svelte-1qfon0b"></script><script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="AllanDeutsch" data-description="Support me on Buy me a coffee!" data-message="" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18" data-svelte-h="svelte-bv2cpr"></script><!-- HEAD_svelte-x3qw35_END --><!-- HEAD_svelte-cpyj77_START --> <meta name="theme-color" content="dark"><!-- HTML_TAG_START --><script nonce="%sveltekit.nonce%">(function setInitialMode(defaultMode, themeColors2) {
const rootEl = document.documentElement;
const mode = localStorage.getItem("mode-watcher-mode") || defaultMode;
const light = mode === "light" || mode === "system" && window.matchMedia("(prefers-color-scheme: light)").matches;
rootEl.classList[light ? "remove" : "add"]("dark");
rootEl.style.colorScheme = light ? "light" : "dark";
if (themeColors2) {
const themeMetaEl = document.querySelector('meta[name="theme-color"]');
if (themeMetaEl) {
themeMetaEl.setAttribute("content", mode === "light" ? themeColors2.light : themeColors2.dark);
}
}
localStorage.setItem("mode-watcher-mode", mode);
})("system", {"dark":"dark","light":"light"});</script><!-- HTML_TAG_END --><!-- HEAD_svelte-cpyj77_END -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-86124920-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-86124920-1');
</script>
</head>
<body
data-sveltekit-preload-data="hover"
data-sveltekit-preload-data="viewport"
class="h-full min-h-[100vh] bg-base-100">
<div style="display: contents"> <div class="h-full min-h-[100dvh]"><div class="toaster svelte-jyff3d" role="alert"> </div> <div class="navbar bg-base-100 print:hidden"><div class="navbar-start"><div class="dropdown"><button tabindex="0" class="btn btn-ghost sm:hidden" data-svelte-h="svelte-o7egld"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16"></path></svg></button> <ul tabindex="0" class="dropdown-content menu rounded-box menu-sm mt-3 w-52 bg-base-100 p-2 shadow"><li><a href="/">Home</a></li><li><a href="/notes">Notes</a></li><li><a href="/devlog">Devlog</a></li></ul></div> <a class="btn btn-ghost text-xl normal-case" href="/">Allan Deutsch</a></div> <div class="navbar-center hidden sm:flex"><ul class="menu menu-horizontal px-1 text-base"><li><a href="/">Home</a></li><li><a href="/notes">Notes</a></li><li><a href="/devlog">Devlog</a></li></ul></div> <div class="navbar-end"> <div class="h-8" data-svelte-h="svelte-1hosge2"><a href="https://twitter.com/AllanDeutsch" class="group"><svg height="24" width="24" class="mr-1.5 inline fill-base-content transition-colors duration-300 group-hover:fill-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 612"><path d="M612 116.258a250.714 250.714 0 01-72.088 19.772c25.929-15.527 45.777-40.155 55.184-69.411-24.322 14.379-51.169 24.82-79.775 30.48-22.907-24.437-55.49-39.658-91.63-39.658-69.334 0-125.551 56.217-125.551 125.513 0 9.828 1.109 19.427 3.251 28.606-104.326-5.24-196.835-55.223-258.75-131.174-10.823 18.51-16.98 40.078-16.98 63.101 0 43.559 22.181 81.993 55.835 104.479a125.556 125.556 0 01-56.867-15.756v1.568c0 60.806 43.291 111.554 100.693 123.104-10.517 2.83-21.607 4.398-33.08 4.398-8.107 0-15.947-.803-23.634-2.333 15.985 49.907 62.336 86.199 117.253 87.194-42.947 33.654-97.099 53.655-155.916 53.655-10.134 0-20.116-.612-29.944-1.721 55.567 35.681 121.536 56.485 192.438 56.485 230.948 0 357.188-191.291 357.188-357.188l-.421-16.253c24.666-17.593 46.005-39.697 62.794-64.861z"></path></svg></a> <a href="https://github.com/masstronaut" class="group"><svg height="24" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="24" data-view-component="true" class="mr-1.5 inline fill-base-content transition-colors duration-300 group-hover:fill-primary"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div> </div></div> <div class="h-full p-1 sm:p-4"> <docduck-feedback team="TKxfdiO22xOXIrW0c0Pfi"></docduck-feedback> <div class="grid w-full grid-cols-[1fr_min(65ch,100%)_1fr]"><h1 class="col-start-2 col-end-3 text-left text-4xl font-bold" style="view-transition-name: title">Weekly Dev Logs</h1></div> <article class="note-container prose mb-8 max-w-full px-2 svelte-1kfhx26" style="view-transition-name: article;"><header class="w-full max-w-3xl self-center"><div class="text-md mb-12 mt-4 flex justify-between border-t border-t-neutral border-opacity-20 pt-1 text-base-content"><div><span class="pr-2" data-svelte-h="svelte-114jejz">🌱</span><span class="hidden sm:inline" data-svelte-h="svelte-1psjisz">Planted
</span>May 20, 2024.
<br>Last tended June 5, 2024.</div> <div class="flex flex-col items-end"><div class="note__status seedling svelte-1kfhx26">seedling 🌱</div> <div>2 minutes read ⏱</div></div></div></header> <p data-svelte-h="svelte-5iw9ck">After embarking on the adventure of trying to launch a new product solo, I
realized in the future I’d want to revisit the journey. I decided to start
making a weekly devlog detailing what I did during the week, both for my
future self and for my friends who want to stay in the loop on what I’m up to.</p> <p data-svelte-h="svelte-1y5ewbv">I hope my journey will inspire you to also start a weekly blogging practice! If you do, I’d love to hear about it.</p> <p data-svelte-h="svelte-cahs3y">Typically these are structured with a personal update first, and then project & technical updates afterwards. This makes it more approachable for non-technical friends & family. When I want to go deeper on something technical, I’ll typically split it out into a standalone note and link to it from the devlog.</p> <h2 id="my-dev-logs" data-svelte-h="svelte-pmr866"><a aria-hidden="true" tabindex="-1" href="#my-dev-logs"><span class="icon icon-link"></span></a><a href="#my-dev-logs" aria-hidden="true" tabindex="-1"><span class="icon icon-link"></span></a>My dev logs</h2> <ul data-svelte-h="svelte-1qpgtcp"><li><a href="/devlog/11">devlog 11: Learning vim and neovim</a></li> <li><a href="/devlog/10">devlog 10: CascadiaJS</a></li> <li><a href="/devlog/9">devlog 9: Buildspace begins!</a></li> <li><a href="/devlog/8">devlog 8: Squeaky clean feedback UX</a></li> <li><a href="/devlog/7">devlog 7: More life</a></li> <li><a href="/devlog/6">devlog 6: routing overhaul</a></li> <li><a href="/devlog/5">devlog 5: back on stage!</a></li> <li><a href="/devlog/4">devlog 4: in glorious 5K</a></li> <li><a href="/devlog/3">devlog 3: now with more pixels</a></li> <li><a href="/devlog/2">devlog 2</a></li> <li><a href="/devlog/1">devlog 1</a></li> <li><a href="/devlog/0">devlog 0: init</a></li></ul> <div class="divider"></div> <aside class="prose" data-svelte-h="svelte-1w3uusp"> <p>If you're feeling extra generous, you can show your support by buying me a
coffee with the button in the bottom right corner of the page.</p> <div class="divider"></div></aside></article> <p data-svelte-h="svelte-1bbfa0c">Loading comments...</p> <div class="flex w-full flex-col items-center"><h2 class="my-6 self-center text-5xl text-base-content">Linked notes</h2> <div class="col-auto grid w-full grid-cols-[repeat(auto-fill,_minmax(300px,_1fr))] justify-items-center gap-3"><a href="/devlog/11" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 11</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Learning new technologies, vim, and neovim!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Jul 9, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/10" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 10: CascadiaJS</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Doc Duck takes to the stage! Finding my first customer and also inspiration at the PNW's premier JS conference.</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Jun 26, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/9" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 9: Buildspace begins!</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Doc Duck's feedback widget is now branded!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Jun 15, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/8" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 8: Squeaky clean feedback UX</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Murder, a new bike, polishing the feedback view, and a live site incident!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Jun 5, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/7" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 7: More life</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">What do polyrhythms, new cars, bike rides, and CascadiaJS have in common? They're all part of this week's updates!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">May 27, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/6" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 85, 40%, 55%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 6: routing overhaul</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">A major overhaul to routing on this site! Plus TS identity functions, reference sheets, and my resume!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">May 19, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">seedling 🌱</div></section></article> </a><a href="/devlog/5" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 5: back on stage!</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Back on stage, this time to present about TypeScript! I also made some PRs to TypeScript and added dynamic TS playground links.</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">May 11, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a><a href="/devlog/4" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 4: in glorious 5K</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">I went to the Berkshire Hathaway annual shareholder meeting, launched the Doc Duck site, and brushed up on my databases knowledge</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">May 5, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a><a href="/devlog/3" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 3: now with more pixels</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Professional web forms, dogfooding Doc Duck, and glorious images on the internet!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Apr 28, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a><a href="/devlog/2" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 2</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Branding and landing page updates for my startup, plus an exciting personal announcement!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Apr 21, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a><a href="/devlog/1" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 1</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">Code block updates on allandeutsch.com and detailed feedback on Doc Duck. Plus a new post!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Apr 14, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a><a href="/devlog/0" class="m-4 flex w-full min-w-[300px] max-w-[450px] flex-1 basis-80 text-inherit no-underline" style="--statusColor: 95, 60%, 30%;"><article class="group flex h-64 w-full flex-col justify-between border border-solid border-base-300 bg-base-100 px-10 py-8 text-base-content text-opacity-80 transition-all duration-200 hover:border-[hsl(var(--statusColor))] hover:text-opacity-100 hover:shadow-xl hover:shadow-[hsla(var(--statusColor),.25)] active:-translate-y-1 active:scale-[1.01] active:shadow-md svelte-1f9x9br"><section class="notecontent"><header class="svelte-1f9x9br"><h1 class="line-clamp-2 h-16 text-lg svelte-1f9x9br">devlog 0: init</h1></header> <p class="mt-3 line-clamp-3 h-[4.5em] leading-[1.5em] transition-all duration-200">My first devlog!</p></section> <section class="notemetadata border-t border-t-neutral-content border-opacity-60 pt-1 text-right text-sm svelte-1f9x9br"><div class="date min-w-[12ch] text-opacity-50 svelte-1f9x9br">Apr 7, 2024</div> <div class="min-w-[12ch] capitalize text-[hsl(var(--statusColor))] svelte-1f9x9br">evergreen 🌲</div></section></article> </a></div></div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-KiWOvVjnN8qwAZbuQyWDIbfCLFhLXNETzBQjA/92pIowpC0d2O3nppDGQVgwd2nB" crossorigin="anonymous"></div></div>
<script>
{
__sveltekit_dy12v2 = {
base: new URL(".", location).pathname.slice(0, -1)
};
const element = document.currentScript.parentElement;
const data = [null,null];
Promise.all([
import("./_app/immutable/entry/start.GcTRgMDU.js"),
import("./_app/immutable/entry/app.BFRNH8s5.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 3],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>