journal/templates/article.html
Isaac Mills 66c846961b
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Make notification footer more clear
2024-04-25 22:23:43 -04:00

115 lines
No EOL
6.7 KiB
HTML

<!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" prefix="og: http://ogp.me/ns#"
xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>{{title}}</title>
<link href="/atom.xml" rel="alternate" title="Compute: Lake Braddock's Comp-Sci Journal" type="application/atom+xml">
<meta property="twitter:title" content="{{title}}">
<meta name="theme-color" content="#F6C415">
<meta property="og:title" content="{{title}}">
<meta property="og:type" content="article">
<meta property="og:image" content="{{base_url}}/{{branch}}/{{id}}.png">
<meta property="twitter:image" content="{{base_url}}/{{branch}}/{{id}}.png">
<meta property="og:url" content="{{base_url}}/{{branch}}/{{id}}.html">
<meta property="twitter:domain" content="{{domain}}">
<meta property="twitter:url" content="{{base_url}}/{{branch}}/{{id}}.html">
<meta property="article:published_time" content="{{modified_date}}">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<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 name="author" content="{{author.full_name}}">
<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}}">
<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}}">
{% endfor %}
<meta property="og:description" content="{{description}}">
<meta property="twitter:description" content="{{description}}">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="{{base_url}}/css/normalize.css" rel="stylesheet" type="text/css">
<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">
<link href="{{base_url}}/css/code-theme.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="{{base_url}}/images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="{{base_url}}/images/webclip.png" rel="apple-touch-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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"
rel="stylesheet">
</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="{{base_url}}/" class="w-nav-brand"><img src="{{base_url}}/images/logo-z.svg" loading="lazy"
alt="Compute logo" height="64"></a>
<nav role="navigation" class="w-nav-menu">
<a href="{{base_url}}/" class="w-nav-link">Home</a>
<a href="{{base_url}}/atom.xml" 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="background-color:#552a85">
<div id="header-elements">
<h1 class="heading-8">{{title}}</h1>
<div class="w-layout-hflex flex-block-3">
{% 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 class="text-block-2" style="font-size: 16px;margin: 0;">
{{read_time}} minute read · Published: {{published}}
</p>
</div>
</div>
<article class="content">{{body}}</article>
<hr>
<center>
<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>
<a href="{{base_url}}/">
<h3 style="min-height:200px">Read more from Compute</h3>
</a>
</center>
<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="{{base_url}}/js/webflow.js" type="text/javascript"></script>
<script src="{{base_url}}/js/code_copy.js" type="text/javascript"></script>
</body>
</html>