<!DOCTYPE html><!--  This site was created in Webflow. https://www.webflow.com  -->
<!--  Last Published: Fri Apr 05 2024 16:19:10 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="66101585e19be8199060db0a" data-wf-site="66007382143b5f99deb20223">

<head>
  <meta charset="utf-8">
  <title>{{title}}</title>
  <meta content="{{title}}" property="twitter:title">
  <meta property="og:title" content="{{title}}">
  <meta property="og:type" content="article">
  <meta property="og:image" content="/images/logo-z.png">
  <meta property="og:image:width" content="310">
  <meta property="og:image:height" content="310">
  <meta property="og:image:alt" content="The Compute logo">
  <meta property="og:site_name" content="Compute: Lake Braddock's Comp-Sci Journal">
  <meta property="og:article:published_time" content="{{published_og}}">
  <meta property="og:article:modified_time" content="{{modified_og}}">
  {% for author in authors %}
  <meta property="og:article:author:first_name" content="{{ author.full_name | split(pat=' ') | nth(n=0) }}">
  <meta property="og:article:author:last_name" content="{{ author.full_name | split(pat=' ') | nth(n=1) }}">
  <meta property="og:article:author:username" content="{{author.username}}">
  {% endfor %}
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="/css/normalize.css" rel="stylesheet" type="text/css">
  <link href="/css/webflow.css" rel="stylesheet" type="text/css">
  <link href="/css/compute-c23f91.webflow.css" rel="stylesheet" type="text/css">
  <script
    type="text/javascript">!function (o, c) {var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")}(window, document);</script>
  <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
  <link href="/images/webclip.png" rel="apple-touch-icon">
</head>

<body>
  <div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease"
    role="banner" class="w-nav">
    <div class="container-2 w-container">
      <a href="/" class="w-nav-brand"><img src="/images/logo-z.svg" loading="lazy" alt="Compute logo" height="64"></a>
      <nav role="navigation" class="w-nav-menu">
        <a href="/" class="w-nav-link">Home</a>
        <a href="/atom" class="w-nav-link">RSS/Atom</a>
        <a href="https://discord.gg/mRHP9mSqG9" class="w-nav-link">Discord Server</a>
      </nav>
      <div class="w-nav-button">
        <div class="w-icon-nav-menu"></div>
      </div>
    </div>
  </div>
  <div class="w-layout-vflex flex-block-2 purple" style="align-items: flex-start;">
    <h1 class="heading-8" style="font-size: 72px; margin-top: 20px;">{{title}}</h1>
    <div class="w-layout-hflex flex-block-3" style="margin-bottom: 10px;">
      {% for author in authors %}
      <img src="{{author.avatar_url}}" loading="lazy" width="32" height="32" alt="{{author.full_name}}'s Avatar"
        class="image">
      <div class="text-block-2">{{author.full_name}}</div>
      {% endfor %}
    </div>
    <p style="margin-left: 20px;color: white;font-size: 16px">{{published}}</p>
  </div>
  <article>{{body}}</article>
  <hr>
  <a href="/">
    <h3 style="margin-left: 20px;min-height:200px">Read more from Compute</h3>
  </a>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66007382143b5f99deb20223"
    type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"></script>
  <script src="/js/webflow.js" type="text/javascript"></script>
</body>

</html>