-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (69 loc) · 20.5 KB
/
index.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
<!DOCTYPE html><html lang="en-GB"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>home • Astro Theme Cactus</title><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" href="/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/192x192.png"><link rel="manifest" href="/manifest.webmanifest"><link rel="canonical" href="https://astro-cactus.chriswilliams.dev/"><meta name="title" content="home • Astro Theme Cactus"><meta name="description" content="An opinionated starter theme for Astro"><meta name="author" content="Chris Williams"><meta name="theme-color" content=""><meta property="og:type" content="website"><meta property="og:title" content="home"><meta property="og:description" content="An opinionated starter theme for Astro"><meta property="og:url" content="https://astro-cactus.chriswilliams.dev/"><meta property="og:site_name" content="Astro Theme Cactus"><meta property="og:locale" content="en_GB"><meta property="og:image" content="https://astro-cactus.chriswilliams.dev/social-card.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://astro-cactus.chriswilliams.dev/"><meta property="twitter:title" content="home"><meta property="twitter:description" content="An opinionated starter theme for Astro"><meta property="twitter:image" content="https://astro-cactus.chriswilliams.dev/social-card.png"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" title="Astro Theme Cactus" href="/rss.xml"><link rel="webmention" href="https://webmention.io/astro-cactus.chriswilliams.dev/webmention"><link rel="stylesheet" href="/_astro/_slug_.9263746d.css" /><script type="module" src="/_astro/hoisted.be9d1f0e.js"></script>
<script type="module" src="/_astro/page.30c903a1.js"></script><style>[data-astro-transition-scope="astro-t24eiqgj-1"] { view-transition-name: astro-t24eiqgj-1; }@layer astro { ::view-transition-old(astro-t24eiqgj-1) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-t24eiqgj-1) { animation: none; mix-blend-mode: normal; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-t24eiqgj-1"],
[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-t24eiqgj-1"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-t24eiqgj-1"],
[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-t24eiqgj-1"] { animation: none; mix-blend-mode: normal; }</style></head><body><script>
function getUserPref() {
const storedTheme = typeof localStorage !== "undefined" && localStorage.getItem("theme");
return (
storedTheme || (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark")
);
}
function setTheme(newTheme) {
if (!newTheme || (newTheme !== "light" && newTheme !== "dark")) {
return console.warn(
`Incorrect theme value received. Expected 'light' or 'dark', received ${newTheme}`,
);
}
const root = document.documentElement;
// class already set to newTheme, exit early
if (
(newTheme === "dark" && root.classList.contains("dark")) ||
(newTheme === "light" && !root.classList.contains("dark"))
) {
return;
}
const colorThemeMetaTag = document.querySelector("meta[name='theme-color']");
document.documentElement.classList.toggle("dark", newTheme === "dark");
const bgColour = getComputedStyle(document.body).getPropertyValue("--theme-bg");
colorThemeMetaTag.setAttribute("content", `hsl(${bgColour})`);
if (typeof localStorage !== "undefined") {
localStorage.setItem("theme", newTheme);
}
}
// initial setup
setTheme(getUserPref());
// View Transitions hook to restore theme
document.addEventListener("astro:after-swap", () => setTheme(getUserPref()));
// listen for theme-change custom event, fired in src/components/ThemeToggle.astro
document.addEventListener("theme-change", (e) => {
setTheme(e.detail.theme);
});
</script><a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:start-1 focus:top-1.5">skip to content
</a><header id="main-header" class="group relative mb-28 flex items-center sm:ps-[4.5rem]" data-astro-transition-scope="astro-t24eiqgj-1"><div class="flex sm:flex-col"><a href="/" class="inline-flex items-center grayscale hover:filter-none sm:relative sm:inline-block" aria-current="page"><svg class="me-3 h-16 w-16 sm:absolute sm:start-[-4.5rem] sm:me-0 sm:w-12" viewBox="0 0 392.598 392.598" xml:space="preserve" aria-hidden="true" focusable="false" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 272 480"><path style="fill:#FFC10D;" d="M370.78,32.711c0-6.012-4.848-10.925-10.925-10.925H32.743c-6.012,0-10.925,4.848-10.925,10.925
v51.911H370.78L370.78,32.711L370.78,32.711z"></path><path style="fill:#FFFFFF;" d="M21.818,359.822c0,6.012,4.848,10.925,10.925,10.925h327.111c6.012,0,10.925-4.848,10.925-10.925
V106.408H21.818V359.822z"></path><path style="fill:#56ACE0;" d="M43.604,128.259v14.222h43.184c6.012,0,10.925,4.848,10.925,10.925s-4.848,10.925-10.925,10.925
H43.604v29.608h17.455c6.012,0,10.925,4.848,10.925,10.925c0,6.077-4.913,10.796-10.925,10.796H43.604v133.301h305.325V128.259
H43.604z"></path><g><path style="fill:#194F82;" d="M359.855,0H32.743C14.707,0,0.032,14.675,0.032,32.711v327.111
c0,18.101,14.675,32.776,32.711,32.776h327.111c18.036,0,32.711-14.675,32.711-32.711V32.711C392.566,14.675,377.891,0,359.855,0z
M21.818,32.711c0-6.012,4.848-10.925,10.925-10.925h327.111c6.012,0,10.925,4.848,10.925,10.925v51.911H21.818V32.711z
M370.78,359.822L370.78,359.822c0,6.012-4.848,10.925-10.925,10.925H32.743c-6.012,0-10.925-4.848-10.925-10.925V106.408H370.78
L370.78,359.822L370.78,359.822z"></path><path style="fill:#194F82;" d="M342.141,41.891h-20.945c-6.012,0-10.925,4.848-10.925,10.925c0,6.012,4.848,10.925,10.925,10.925
h20.945c6.012,0,10.925-4.848,10.925-10.925S348.154,41.891,342.141,41.891z"></path><path style="fill:#194F82;" d="M265.665,41.891h-20.945c-6.012,0-10.925,4.848-10.925,10.925c0,6.012,4.848,10.925,10.925,10.925
h20.945c6.012,0,10.925-4.848,10.925-10.925S271.741,41.891,265.665,41.891z"></path><path style="fill:#194F82;" d="M133.139,304.808c6.594,5.947,13.317,2.133,15.451,0c4.267-4.267,4.267-11.119,0-15.451
l-34.844-34.844l34.844-34.844c4.267-4.267,4.267-11.119,0-15.451c-4.267-4.267-11.119-4.267-15.451,0L90.537,246.82
c-2.004,2.004-3.168,4.784-3.168,7.758c0,2.844,1.164,5.624,3.168,7.758L133.139,304.808z"></path><path style="fill:#194F82;" d="M244.008,304.808c2.133,2.133,8.792,6.077,15.451,0l42.602-42.602
c2.004-2.004,3.168-4.784,3.168-7.758c0-2.844-1.164-5.624-3.168-7.758l-42.602-42.602c-4.267-4.267-11.119-4.267-15.451,0
c-4.267,4.267-4.267,11.119,0,15.451l34.844,34.844l-34.844,34.974C239.741,293.624,239.741,300.477,244.008,304.808z"></path><path style="fill:#194F82;" d="M169.923,333.188c6.659,2.392,12.283-2.263,13.834-6.788l46.804-135.952
c1.939-5.689-1.099-11.895-6.788-13.834c-5.689-1.939-11.895,1.099-13.834,6.788L163.2,319.354
C161.196,325.107,164.299,331.184,169.923,333.188z"></path></g></svg><span class="text-xl font-bold sm:text-2xl">Diaz Ignacio</span></a><nav id="navigation-menu" class="absolute -inset-x-4 top-14 hidden flex-col items-end gap-y-4 rounded-md bg-bgColor/[.85] py-4 text-accent shadow backdrop-blur group-[.menu-open]:z-50 group-[.menu-open]:flex sm:static sm:z-auto sm:-ms-4 sm:mt-1 sm:flex sm:flex-row sm:items-center sm:divide-x sm:divide-dashed sm:divide-accent sm:rounded-none sm:bg-transparent sm:py-0 sm:shadow-none sm:backdrop-blur-none" aria-label="Main menu"><a href="/" class="px-4 py-4 sm:py-0 sm:hover:underline" aria-current="page" rel="prefetch">Home</a><a href="/about/" class="px-4 py-4 sm:py-0 sm:hover:underline" rel="prefetch">About</a><a href="/posts/" class="px-4 py-4 sm:py-0 sm:hover:underline" rel="prefetch">Blog</a></nav></div><site-search id="search" class="ms-auto" data-astro-cid-otpdt6jm><button data-open-modal disabled class="flex h-9 w-9 items-center justify-center rounded-md ring-zinc-400 transition-all hover:ring-2" data-astro-cid-otpdt6jm><svg aria-label="search" class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-astro-cid-otpdt6jm><path stroke="none" d="M0 0h24v24H0z" data-astro-cid-otpdt6jm></path><path d="M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M21 21l-6-6" data-astro-cid-otpdt6jm></path></svg></button><dialog aria-label="search" class="h-full max-h-full w-full max-w-full border border-zinc-400 bg-bgColor shadow backdrop:backdrop-blur sm:mx-auto sm:mb-auto sm:mt-16 sm:h-max sm:max-h-[calc(100%-8rem)] sm:min-h-[15rem] sm:w-5/6 sm:max-w-[48rem] sm:rounded-md" data-astro-cid-otpdt6jm><div class="dialog-frame flex flex-col gap-4 p-6 pt-12 sm:pt-6" data-astro-cid-otpdt6jm><button data-close-modal class="ms-auto cursor-pointer rounded-md bg-zinc-200 p-2 font-semibold dark:bg-zinc-700" data-astro-cid-otpdt6jm>Close</button><div class="search-container" data-astro-cid-otpdt6jm><div id="cactus__search" data-astro-cid-otpdt6jm></div></div></div></dialog></site-search><theme-toggle class="ms-2 sm:ms-4"><button type="button" id="toggle-theme" class="relative h-9 w-9 rounded-md p-2 ring-zinc-400 transition-all hover:ring-2" aria-label="Toggle Dark Mode"><svg id="sun-svg" class="absolute start-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-100 opacity-100 transition-all dark:scale-0 dark:opacity-0" aria-hidden="true" focusable="false" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><svg id="moon-svg" class="absolute start-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-0 opacity-0 transition-all dark:scale-100 dark:opacity-100" aria-hidden="true" focusable="false" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path><path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path><path d="M19 11h2m-1 -1v2"></path></svg></button></theme-toggle><mobile-button><button id="toggle-navigation-menu" class="group relative ms-4 h-7 w-7 sm:invisible sm:hidden" type="button" aria-label="Open main menu" aria-expanded="false" aria-haspopup="menu"><svg id="line-svg" class="absolute start-1/2 top-1/2 h-full w-full -translate-x-1/2 -translate-y-1/2 transition-all group-aria-expanded:scale-0 group-aria-expanded:opacity-0" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"></path></svg><svg id="cross-svg" class="absolute start-1/2 top-1/2 h-full w-full -translate-x-1/2 -translate-y-1/2 scale-0 text-accent opacity-0 transition-all group-aria-expanded:scale-100 group-aria-expanded:opacity-100" class="text-accent" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></mobile-button></header><main id="main"><section><h1 class="title mb-6">Hello World!</h1><p class="mb-4">
Hola Mundo!, escribo tips sobre desarrollo frontend.
</p><div class="flex flex-wrap items-end gap-x-4"><p>Find me on</p><ul class="flex flex-1 items-center gap-x-2 sm:flex-initial"><li class="flex"><a class="inline-block p-1 sm:hover:text-link" href="https://github.com/informaticadiaz" target="_blank" rel="noopener noreferrer "><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" class="h-6 w-6" astro-icon="mdi:github"><path fill="currentColor" d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2z"/></svg><span class="sr-only">Github</span></a></li><li class="flex"><a class="inline-block p-1 sm:hover:text-link" href="#" target="_blank" rel="noopener noreferrer "><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" class="h-6 w-6" astro-icon="mdi:mastodon"><path fill="currentColor" d="M20.94 14c-.28 1.41-2.44 2.96-4.97 3.26-1.31.15-2.6.3-3.97.24-2.25-.11-4-.54-4-.54v.62c.32 2.22 2.22 2.35 4.03 2.42 1.82.05 3.44-.46 3.44-.46l.08 1.65s-1.28.68-3.55.81c-1.25.07-2.81-.03-4.62-.5-3.92-1.05-4.6-5.24-4.7-9.5l-.01-3.43c0-4.34 2.83-5.61 2.83-5.61C6.95 2.3 9.41 2 11.97 2h.06c2.56 0 5.02.3 6.47.96 0 0 2.83 1.27 2.83 5.61 0 0 .04 3.21-.39 5.43M18 8.91c0-1.08-.3-1.91-.85-2.56-.56-.63-1.3-.96-2.23-.96-1.06 0-1.87.41-2.42 1.23l-.5.88-.5-.88c-.56-.82-1.36-1.23-2.43-1.23-.92 0-1.66.33-2.23.96C6.29 7 6 7.83 6 8.91v5.26h2.1V9.06c0-1.06.45-1.62 1.36-1.62 1 0 1.5.65 1.5 1.93v2.79h2.07V9.37c0-1.28.5-1.93 1.51-1.93.9 0 1.35.56 1.35 1.62v5.11H18V8.91z"/></svg><span class="sr-only">Mastodon</span></a></li><li class="flex"><a class="inline-block p-1 sm:hover:text-link" href="https://www.linkedin.com/in/diazignacio/" target="_blank" rel="noopener noreferrer "><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" class="h-6 w-6" astro-icon="mdi:linkedin"><path fill="currentColor" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg><span class="sr-only">LinkedIn</span></a></li><li class="flex"><a class="inline-block p-1 sm:hover:text-link" href="[email protected]" target="_blank" rel="noopener noreferrer me authn"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false" class="h-6 w-6" astro-icon="mdi:email"><path fill="currentColor" d="m20 8-8 5-8-5V6l8 5 8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"/></svg><span class="sr-only">email</span></a></li></ul></div></section><section aria-label="Blog post list" class="mt-16"><h2 class="title mb-4 text-xl">Posts</h2><ul class="space-y-4 sm:space-y-2"><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-25T03:00:00.000Z" class="min-w-[120px] text-gray-500">25 Nov 2023</time><div><a href="/posts/git-merge/" class="cactus-link" rel="prefetch">Git Merge</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-25T03:00:00.000Z" class="min-w-[120px] text-gray-500">25 Nov 2023</time><div><a href="/posts/git-vcs/" class="cactus-link" rel="prefetch">Git VCS</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-25T03:00:00.000Z" class="min-w-[120px] text-gray-500">25 Nov 2023</time><div><a href="/posts/ia-codium/" class="cactus-link" rel="prefetch">AI Codium</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-21T03:00:00.000Z" class="min-w-[120px] text-gray-500">21 Nov 2023</time><div><a href="/posts/css-inline-block/" class="cactus-link" rel="prefetch">CSS inline block</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-21T03:00:00.000Z" class="min-w-[120px] text-gray-500">21 Nov 2023</time><div><a href="/posts/css-list/" class="cactus-link" rel="prefetch">CSS List</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-21T03:00:00.000Z" class="min-w-[120px] text-gray-500">21 Nov 2023</time><div><a href="/posts/css-pseudo-classes/" class="cactus-link" rel="prefetch">CSS Pseudo Classes</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-21T03:00:00.000Z" class="min-w-[120px] text-gray-500">21 Nov 2023</time><div><a href="/posts/git-comandos-basicos/" class="cactus-link" rel="prefetch">GIT Comandos Basicos</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-11-20T03:00:00.000Z" class="min-w-[120px] text-gray-500">20 Nov 2023</time><div><a href="/posts/css-horizontal-vertical-align/" class="cactus-link" rel="prefetch">CSS Align horizontal vertical</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-10-31T03:00:00.000Z" class="min-w-[120px] text-gray-500">31 Oct 2023</time><div><a href="/posts/documentacion/" class="cactus-link" rel="prefetch">Documentacion</a></div></li><li class="flex flex-col gap-x-2 sm:flex-row"><time datetime="2023-10-30T03:00:00.000Z" class="min-w-[120px] text-gray-500">30 Oct 2023</time><div><a href="/posts/arrow-functions/" class="cactus-link" rel="prefetch">6 Types of arrow functions</a></div></li></ul></section><section class="mt-16"><h2 class="title mb-4 text-xl">Technologies</h2><ul class="space-y-4 sm:space-y-2"><li><a href="https://astro.build" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Astro</a>:
<p class="inline-block sm:mt-2">Build fast websites, faster.</p></li><li><a href="https://docs.astro.build/en/guides/assets/" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Astro Assets</a>:
<p class="inline-block sm:mt-2">Built-in optimized asset support.</p></li><li><a href="https://tailwindcss.com" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Tailwind CSS</a>:
<p class="inline-block sm:mt-2">Rapidly build modern websites without ever leaving your HTML.</p></li><li><a href="https://www.markdownguide.org/" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Markdown</a>:
<p class="inline-block sm:mt-2">Simple and easy-to-use markup language.</p></li><li><a href="https://mdxjs.com/" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">MDX</a>:
<p class="inline-block sm:mt-2">Markdown for the component era.</p></li><li><a href="https://github.com/vercel/satori" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Satori</a>:
<p class="inline-block sm:mt-2">Generating png Open Graph images for blog posts.</p></li><li><a href="https://pagefind.app/" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Pagefind</a>:
<p class="inline-block sm:mt-2">A fully static search library.</p></li><li><a href="https://github.com/natemoo-re/astro-icon#readme" target="_blank" rel="noopener noreferrer" class="cactus-link inline-block">Astro Icon</a>:
<p class="inline-block sm:mt-2">An easy to use Icon component for Astro.</p></li></ul></section></main><footer class="mt-auto flex w-full flex-col items-center justify-center gap-y-2 pb-4 pt-20 text-center align-top text-gray-500 sm:flex-row sm:justify-between sm:text-xs"><div class="me-0 sm:me-4">
Copyright © 2023 Chris Williams</div><nav aria-label="More on this site" class="flex gap-x-2 sm:gap-x-0 sm:divide-x sm:divide-gray-500"><a href="/" class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline">Home</a><a href="/about/" class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline">About</a><a href="/posts/" class="px-4 py-2 sm:px-2 sm:py-0 sm:hover:text-textColor sm:hover:underline">Blog</a></nav></footer></body></html>