2024-04-07 13:22:31 -04:00
<!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) -->
2024-04-20 13:30:23 -04:00
< html data-wf-page = "66101585e19be8199060db0a" data-wf-site = "66007382143b5f99deb20223" prefix = "og: http://ogp.me/ns#"
xmlns:og="http://opengraphprotocol.org/schema/">
2024-04-07 13:22:31 -04:00
< head >
2024-04-20 13:30:23 -04:00
< meta http-equiv = "content-type" content = "text/html;charset=UTF-8" >
2024-04-07 13:22:31 -04:00
< title > {{title}}< / title >
2024-04-20 17:26:52 -04:00
< link href = "/atom.xml" rel = "alternate" title = "Compute: Lake Braddock's Comp-Sci Journal" type = "application/atom+xml" >
2024-04-20 17:29:05 -04:00
< meta property = "twitter:title" content = "{{title}}" >
2024-04-22 09:13:46 -04:00
< meta name = "theme-color" content = "#F6C415" >
2024-04-07 19:13:43 -04:00
< meta property = "og:title" content = "{{title}}" >
< meta property = "og:type" content = "article" >
2024-04-20 17:19:14 -04:00
< meta property = "og:image" content = "{{base_url}}/{{branch}}/{{id}}.png" >
< meta property = "twitter:image" content = "{{base_url}}/{{branch}}/{{id}}.png" >
2024-04-20 13:30:23 -04:00
< meta property = "og:url" content = "{{base_url}}/{{branch}}/{{id}}.html" >
2024-04-20 17:52:25 -04:00
< meta property = "twitter:domain" content = "{{domain}}" >
2024-04-20 13:30:23 -04:00
< meta property = "twitter:url" content = "{{base_url}}/{{branch}}/{{id}}.html" >
2024-04-23 22:45:33 -04:00
< meta property = "article:published_time" content = "{{modified_date}}" >
2024-04-20 13:30:23 -04:00
< meta name = "twitter:card" content = "summary_large_image" >
2024-04-20 17:19:14 -04:00
< meta property = "og:image:width" content = "1200" >
< meta property = "og:image:height" content = "630" >
2024-04-07 19:13:43 -04:00
< 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 %}
2024-04-20 13:30:23 -04:00
< meta name = "author" content = "{{author.full_name}}" >
2024-04-07 19:13:43 -04:00
< meta property = "og:article:author:first_name" content = "{{ author.full_name | split(pat=' ') | nth(n=0) }}" >
2024-04-07 19:15:17 -04:00
< meta property = "og:article:author:last_name" content = "{{ author.full_name | split(pat=' ') | nth(n=1) }}" >
2024-04-07 19:13:43 -04:00
< meta property = "og:article:author:username" content = "{{author.username}}" >
2024-04-20 13:30:23 -04:00
< meta property = "profile:first_name" content = "{{ author.full_name | split(pat=' ') | nth(n=0) }}" >
< meta property = "profile:last_name" content = "{{ author.full_name | split(pat=' ') | nth(n=1) }}" >
< meta property = "profile:username" content = "{{author.username}}" >
2024-04-07 19:13:43 -04:00
{% endfor %}
2024-04-20 17:29:05 -04:00
< meta property = "og:description" content = "{{description}}" >
< meta property = "twitter:description" content = "{{description}}" >
2024-04-07 13:22:31 -04:00
< meta content = "width=device-width, initial-scale=1" name = "viewport" >
< meta content = "Webflow" name = "generator" >
2024-04-16 10:57:40 -04:00
< link href = "{{base_url}}/css/normalize.css" rel = "stylesheet" type = "text/css" >
2024-10-23 16:52:39 -04:00
< link href = "{{base_url}}/css/norwester-pro.css" rel = "stylesheet" type = "text/css" >
2024-04-16 10:57:40 -04:00
< link href = "{{base_url}}/css/webflow.css" rel = "stylesheet" type = "text/css" >
< link href = "{{base_url}}/css/compute-c23f91.webflow.css" rel = "stylesheet" type = "text/css" >
2024-04-22 23:11:04 -04:00
< link href = "{{base_url}}/css/code-theme.css" rel = "stylesheet" type = "text/css" >
2024-04-07 13:22:31 -04:00
< script
2024-10-23 16:51:18 -04:00
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 >
2024-04-16 10:57:40 -04:00
< link href = "{{base_url}}/images/favicon.ico" rel = "shortcut icon" type = "image/x-icon" >
< link href = "{{base_url}}/images/webclip.png" rel = "apple-touch-icon" >
2024-04-22 17:20:57 -04:00
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
2024-04-22 23:11:04 -04:00
< link
href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700& family=Fira+Code:wght@300..700& display=swap"
2024-04-22 17:20:57 -04:00
rel="stylesheet">
2024-04-07 13:22:31 -04:00
< / 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" >
2024-04-16 10:57:40 -04:00
< a href = "{{base_url}}/" class = "w-nav-brand" > < img src = "{{base_url}}/images/logo-z.svg" loading = "lazy"
alt="Compute logo" height="64">< / a >
2024-04-07 13:22:31 -04:00
< nav role = "navigation" class = "w-nav-menu" >
2024-04-16 10:57:40 -04:00
< a href = "{{base_url}}/" class = "w-nav-link" > Home< / a >
2024-04-20 17:26:52 -04:00
< a href = "{{base_url}}/atom.xml" class = "w-nav-link" > RSS/Atom< / a >
2024-04-07 17:40:50 -04:00
< a href = "https://discord.gg/mRHP9mSqG9" class = "w-nav-link" > Discord Server< / a >
2024-04-07 13:22:31 -04:00
< / nav >
< div class = "w-nav-button" >
< div class = "w-icon-nav-menu" > < / div >
< / div >
< / div >
< / div >
2024-04-22 17:26:22 -04:00
< div class = "w-layout-vflex flex-block-2 purple" style = "background-color:#552a85" >
2024-04-24 08:52:09 -04:00
< div id = "header-elements" >
2024-10-23 16:51:18 -04:00
< h1 id = "title" class = "heading-8 nw-regular" > {{title}}< / h1 >
2024-04-24 08:52:09 -04:00
< div class = "w-layout-hflex flex-block-3" >
2024-04-21 16:31:19 -04:00
{% 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 >
2024-04-24 09:20:59 -04:00
< p class = "text-block-2" style = "font-size: 16px;margin: 0;" >
2024-04-23 22:49:14 -04:00
{{read_time}} minute read · Published: {{published}}
2024-04-21 16:31:19 -04:00
< / p >
2024-04-07 13:22:31 -04:00
< / div >
< / div >
2024-04-20 16:21:21 -04:00
< article class = "content" > {{body}}< / article >
2024-04-07 13:22:31 -04:00
< hr >
2024-04-25 11:05:59 -04:00
< center >
2024-04-25 22:23:43 -04:00
< a style = "text-decoration: none;" href = "https://listmonk.nations.lol/subscription/form" >
< h3 style = "font-size: 24px; color: grey;" > Get Notified of new articles!< / h3 >
< / a >
< a style = "vertical-align: text-bottom;" href = "https://listmonk.nations.lol/subscription/form" > < svg
xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
style="vertical-align: text-bottom;">
< path style = "fill: grey;"
d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" />
< / svg > < / a >
< a href = "http://compute.nations.lol/atom.xml" style = "vertical-align: text-bottom;" > < svg
xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"
style="vertical-align: text-bottom;">
< path style = "fill: grey;"
d="M200-120q-33 0-56.5-23.5T120-200q0-33 23.5-56.5T200-280q33 0 56.5 23.5T280-200q0 33-23.5 56.5T200-120Zm480 0q0-117-44-218.5T516-516q-76-76-177.5-120T120-680v-120q142 0 265 53t216 146q93 93 146 216t53 265H680Zm-240 0q0-67-25-124.5T346-346q-44-44-101.5-69T120-440v-120q92 0 171.5 34.5T431-431q60 60 94.5 139.5T560-120H440Z" />
< / svg > < / a >
2024-04-25 11:05:59 -04:00
< a href = "{{base_url}}/" >
< h3 style = "min-height:200px" > Read more from Compute< / h3 >
< / a >
< / center >
2024-05-06 18:40:04 -04:00
{% if scripts %}
2024-04-07 13:22:31 -04:00
< 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 >
2024-04-16 10:57:40 -04:00
< script src = "{{base_url}}/js/webflow.js" type = "text/javascript" > < / script >
2024-04-23 08:12:30 -04:00
< script src = "{{base_url}}/js/code_copy.js" type = "text/javascript" > < / script >
2024-05-06 18:40:04 -04:00
{% endif %}
2024-04-07 13:22:31 -04:00
< / body >
2024-10-23 16:54:16 -04:00
< / html >