404.html

<!DOCTYPE html><html lang="en" class="h-full"> <head><link as="font" crossorigin rel="preload" href="/fonts/outfit.ttf" type="font/ttf"><style>@font-face {font-style: normal;font-family: Outfit;font-display: swap;src: url(/fonts/outfit.ttf)}</style><style>@font-face {font-style: normal;font-family: Poppins;font-display: swap;src: url(/fonts/poppins.ttf)}</style><style>@font-face {font-style: normal;font-family: Righteous;font-display: swap;src: url(/fonts/righteous.ttf)}</style><style>@font-face {font-style: normal;font-family: Sanchez;font-display: swap;src: url(/fonts/sanchez.ttf)}</style><style>@font-face {font-style: normal;font-family: DM Serif Text;font-display: swap;src: url(/fonts/dm-serif.ttf)}</style><style>.outfit { font-family: Outfit, '_font_fallback_1348434918983', sans-serif; } @font-face { font-family: '_font_fallback_1348434918983'; size-adjust: 100.06%; src: local('Arial'); ascent-override: 99.94%; descent-override: 25.98%; line-gap-override: 0.00%; }</style><style>.poppins { font-family: Poppins, '_font_fallback_1296620211394', sans-serif; } @font-face { font-family: '_font_fallback_1296620211394'; size-adjust: 113.11%; src: local('Arial'); ascent-override: 92.83%; descent-override: 30.94%; line-gap-override: 8.84%; }</style><style>.righteous { font-family: Righteous, '_font_fallback_1378161687890', sans-serif; } @font-face { font-family: '_font_fallback_1378161687890'; size-adjust: 106.09%; src: local('Arial'); ascent-override: 92.83%; descent-override: 24.21%; line-gap-override: 0.00%; }</style><style>.sanchez { font-family: Sanchez, '_font_fallback_601096497693', serif; } @font-face { font-family: '_font_fallback_601096497693'; size-adjust: 121.58%; src: local('Times New Roman'); ascent-override: 82.58%; descent-override: 22.54%; line-gap-override: 0.00%; }</style><style>.dm-serif { font-family: DM Serif Text, '_font_fallback_1714403203181', serif; } @font-face { font-family: '_font_fallback_1714403203181'; size-adjust: 110.07%; src: local('Times New Roman'); ascent-override: 94.12%; descent-override: 30.44%; line-gap-override: 0.00%; }</style><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="Astro v5.0.0-beta.5"><link rel="alternate" href="https://brutal.elian.codes/blog.xml" type="application/rss+xml"><meta name="title" content="Brutal Theme | Page Not Found"><meta name="description" content="Page not found"><meta property="og:type" content="website"><meta property="og:url" content="https://localhost:3000/404/"><meta property="og:title" content="Page Not Found"><meta property="og:description" content="Page not found"><meta property="og:image" content="https://localhost:3000/v1/generate/og/default.png"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://localhost:3000/404/"><meta property="twitter:title" content="Page Not Found"><meta property="twitter:description" content="Page not found"><meta property="twitter:image" content="https://localhost:3000/v1/generate/og/default.png"><link rel="canonical" href="https://localhost:3000/404/"><link rel="icon" type="image/svg" href="/favicon.svg"><title>W&M ACM Student Chapter | Page Not Found</title><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script type="module" src="/_astro/ClientRouter.astro_astro_type_script_index_0_lang.2daoxv0f.js"></script><link rel="stylesheet" href="/_astro/_slug_.DVmKJCiR.css">
<link rel="stylesheet" href="/_astro/_slug_.d3Mykg41.css">
<style>a[data-astro-cid-zql6ybly].brutal-btn{filter:drop-shadow(5px 5px 0 rgb(0 0 0 / 1));background-color:#fff;display:inline-block;padding:.5rem 1rem;border:2px solid black;transition:all;transition-duration:.5s;animation:ease-in-out;font-family:Sanchez,serif}a[data-astro-cid-zql6ybly].brutal-btn:hover{filter:drop-shadow(3px 3px 0 rgb(0 0 0 / 1));background-color:var(--color)}div[data-astro-cid-5taktgaz].brutal-card{background-color:var(--color);border-radius:.5rem;border:3px solid black;filter:drop-shadow(7px 7px 0 rgb(0 0 0 / 1));transition:all;padding:1rem;transition-duration:.5s;animation:ease-in-out}div[data-astro-cid-5taktgaz].brutal-card:hover{filter:drop-shadow(5px 5px 0 rgb(0 0 0 / 1))}span[data-astro-cid-erpl2sf6].brutal-pill{filter:drop-shadow(3px 3px 0 rgb(0 0 0 / 1));user-select:none;background-color:#fff;border-radius:9999px;border:2px solid black;padding:.25rem .75rem;transition:all;transition-duration:.5s;animation:ease-in-out;font-size:small}span[data-astro-cid-erpl2sf6].brutal-pill:hover{filter:drop-shadow(5px 5px 0 rgb(0 0 0 / 1));background-color:var(--color)}
</style></head><body class="h-full"> <header class="border-b-4 border-black flex justify-between p-6 items-center"> <h1 class="hidden">Page Not Found!</h1> <a href="/" title="Back to Home"> <p class="righteous md:text-5xl">ACM @ W&M</p> <p class="righteous md:text-xl">The community for computer science students at William & Mary</p> </a> <nav class="hidden md:inline-block"> <h2 class="hidden">Navigation</h2> <ul class="flex gap-8 poppins"> <li> <a class="text-lg font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out" href="/" title="Go to Home"> Home </a> </li><li> <a class="text-lg font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out" href="/blog/" title="Go to Blog"> Blog </a> </li><li> <a class="text-lg font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out" href="/officers/" title="Go to Officers"> Officers </a> </li><li> <a class="text-lg font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out" href="/resources" title="Go to Resources"> Resources </a> </li> <li> <a href="https://code.wm.edu/rdryder/acm-workshops" class="hover:text-green hover:underline transition-all duration-150 ease-in-out" target="_blank" title="'See W&#38;M ACM on GitHub"> <div class="i-uil-github w-6 h-6"></div> </a> </li><li> <a href="https://www.instagram.com/acmwm/" class="hover:text-green hover:underline transition-all duration-150 ease-in-out" target="_blank" title="'See W&#38;M ACM on Instagram"> <div class="i-uil-instagram w-6 h-6"></div> </a> </li><li> <a href="https://groupme.com/join_group/103293306/psGCCdFG" class="hover:text-green hover:underline transition-all duration-150 ease-in-out" target="_blank" title="'See W&#38;M ACM on GroupMe"> <div class="i-uil-rss w-6 h-6"></div> </a> </li> </ul> </nav> <nav class="md:hidden flex"> <h2 class="hidden">Mobile Navigation</h2> <ul> <li><a href="/blog/">Blog</a></li> </ul> </nav> </header>  <main class="bg-blue px-6 py-24"> <section class="flex flex-col gap-8 justify-between"> <p class="text-9xl font-bold dm-serif">404</p> <h2 class="text-4xl outfit">Page Not Found</h2> <p class="text-xl sm:text-3xl sanchez">
Sorry, we couldn't find the page you were looking for.
</p> <a href="/" title="Go back home" class="px-4 py-2 border-2 border-black hover:bg-red transition-colors duration-150 ease-in-out w-48 text-center poppins">&larr; Go Home</a> </section> <section class="mt-8"> <div class="brutal-card" data-astro-cid-5taktgaz style="--color: #00CC77;">  <div class="flex justify-between items-start"> <h2 class="text-2xl md:text-4xl lg:text-6xl mb-8 dm-serif">
Recent Newsletters and Other Press
</h2> <div class="hidden md:block"> <a href="/blog/" target="_self" class="brutal-btn" data-astro-cid-zql6ybly style="--color: #4ade80;"> All Posts&rarr; </a> </div> <div class="block md:hidden"> <a href="/blog/" target="_self" class="brutal-btn" data-astro-cid-zql6ybly style="--color: #22d3ee;"> to blog </a> </div> </div> <ul class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> <li> <div class="brutal-card" data-astro-cid-5taktgaz style="--color: white;">  <h3 class="poppins text-lg md:text-xl">Newsletter 2/10/25</h3> <div class="rounded-lg border-3 border-black my-4 h-56"> <img src="/_astro/wmacm-logo-png.CxktQyAV_epw9Q.webp" alt="Newsletter 2/10/25" class="rounded h-full w-full object-cover" width="800" height="400" loading="lazy" decoding="async"> </div> <p class="poppins">W&amp;M ACM&#39;s Newsletter for the week of 10 February</p>  <div class="flex justify-end my-4"> <a href="/blog/blogpost-3/" target="_self" class="brutal-btn" data-astro-cid-zql6ybly style="--color: #fb7185;"> Read post &rarr; </a> </div> <div class="hidden sm:inline-block"> <p class="poppins mt-2">tags:</p> <div class="flex justify-between items-center"> <ul class="flex flex-wrap gap-4 mt-2"> <li> <a class="sanchez" href="/blog/tags/newsletter/"> <span class="brutal-pill" data-astro-cid-erpl2sf6 style="--color: #f472b6;"> Newsletter </span> </a> </li> </ul>  </div> </div>   </div> </li><li> <div class="brutal-card" data-astro-cid-5taktgaz style="--color: white;">  <h3 class="poppins text-lg md:text-xl">Newsletter 2/2/25</h3> <div class="rounded-lg border-3 border-black my-4 h-56"> <img src="/_astro/wmacm-logo-png.CxktQyAV_epw9Q.webp" alt="Newsletter 2/2/25" class="rounded h-full w-full object-cover" width="800" height="400" loading="lazy" decoding="async"> </div> <p class="poppins">W&amp;M ACM&#39;s Newsletter for the week of 2 February</p>  <div class="flex justify-end my-4"> <a href="/blog/blogpost-2/" target="_self" class="brutal-btn" data-astro-cid-zql6ybly style="--color: #f87171;"> Read post &rarr; </a> </div> <div class="hidden sm:inline-block"> <p class="poppins mt-2">tags:</p> <div class="flex justify-between items-center"> <ul class="flex flex-wrap gap-4 mt-2"> <li> <a class="sanchez" href="/blog/tags/newsletter/"> <span class="brutal-pill" data-astro-cid-erpl2sf6 style="--color: #c084fc;"> Newsletter </span> </a> </li> </ul>  </div> </div>   </div> </li><li> <div class="brutal-card" data-astro-cid-5taktgaz style="--color: white;">  <h3 class="poppins text-lg md:text-xl">Newsletter 1/26/24</h3> <div class="rounded-lg border-3 border-black my-4 h-56"> <img src="/_astro/wmacm-logo-png.CxktQyAV_epw9Q.webp" alt="Newsletter 1/26/24" class="rounded h-full w-full object-cover" width="800" height="400" loading="lazy" decoding="async"> </div> <p class="poppins">W&amp;M ACM&#39;s Newsletter for the week of 26 January</p>  <div class="flex justify-end my-4"> <a href="/blog/blogpost-1/" target="_self" class="brutal-btn" data-astro-cid-zql6ybly style="--color: #818cf8;"> Read post &rarr; </a> </div> <div class="hidden sm:inline-block"> <p class="poppins mt-2">tags:</p> <div class="flex justify-between items-center"> <ul class="flex flex-wrap gap-4 mt-2"> <li> <a class="sanchez" href="/blog/tags/newsletter/"> <span class="brutal-pill" data-astro-cid-erpl2sf6 style="--color: #818cf8;"> Newsletter </span> </a> </li> </ul>  </div> </div>   </div> </li> </ul>  </div> </section> </main>  <footer class="bg-black text-white p-6" data-astro-cid-4jhxmvk6> <h2 class="hidden" data-astro-cid-4jhxmvk6>Footer</h2> <p data-astro-cid-4jhxmvk6> (C) 2025 The William & Mary chapter of the Association for Computing Machinery.
    Please direct all inquiries to <a href="mailto:computing@wm.edu" data-astro-cid-4jhxmvk6>computing@wm.edu</a> </p> </footer>  <script type="module">document.addEventListener("astro:page-load",()=>{const o=document.querySelector(".backToTop"),e=()=>{window.scrollY>250?o?.classList.add("active"):o?.classList.remove("active")};o?.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})}),window.addEventListener("scroll",e)});</script> </body></html>