Isaac Mills
9c333d4985
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
186 lines
7.9 KiB
HTML
186 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html data-wf-page=66007382143b5f99deb2022a data-wf-site=66007382143b5f99deb20223 prefix="og: http://ogp.me/ns#"
|
|
xmlns:og="http://opengraphprotocol.org/schema/">
|
|
|
|
<head>
|
|
<meta charset=utf-8>
|
|
<title>Compute</title>
|
|
<link href="/atom.xml" rel="alternate" title="Compute: Lake Braddock's Comp-Sci Journal" type="application/atom+xml">
|
|
<meta content=width=device-width,initial-scale=1 name=viewport>
|
|
<meta content=Webflow name=generator>
|
|
<meta content=Compute property=og:title>
|
|
<meta content=Compute property=twitter:title>
|
|
<meta name="theme-color" content="#F6C415">
|
|
<meta content="Compute: Lake Braddock's Comp-Sci journal" property=og:site_name>
|
|
<meta content=website property=og:type>
|
|
<meta content=/images/opengraph.png property=og:image>
|
|
<meta content=/images/opengraph.png property=twitter:image>
|
|
<meta content=1200 property=og:image:width>
|
|
<meta content=630 property=og:image:height>
|
|
<meta property="og:url" content="https://compute.nations.lol">
|
|
<meta property="twitter:url" content="https://compute.nations.lol">
|
|
<meta property="twitter:domain" content="compute.nations.lol">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta
|
|
content="Your dose of Comp-Sci journalism. Compute is a publication run out of Lake Braddock high school which writes articles about all things Computer Science from AI, to video games, to programming tips. It's all on Compute."
|
|
property=og:description>
|
|
<meta
|
|
content="Your dose of Comp-Sci journalism. Compute is a publication run out of Lake Braddock high school which writes articles about all things Computer Science from AI, to video games, to programming tips. It's all on Compute."
|
|
property=twitter:description>
|
|
<link href=https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css rel=stylesheet>
|
|
<link href=./meili.css rel=stylesheet>
|
|
<link href=/css/norwester-pro.css rel=stylesheet>
|
|
<link href=/css/normalize.css rel=stylesheet>
|
|
<link href=/css/webflow.css rel=stylesheet>
|
|
<link href=/css/compute-c23f91.webflow.css rel=stylesheet>
|
|
<script>!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 rel="icon shortcut" href=/images/favicon.ico type=image/x-icon>
|
|
<link href=/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&display=swap"
|
|
rel="stylesheet">
|
|
<style>
|
|
@keyframes ldio-yzaezf3dcml {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.ldio-yzaezf3dcml>div>div {
|
|
border-radius: 50%;
|
|
position: absolute
|
|
}
|
|
|
|
.ldio-yzaezf3dcml>div>div:first-child {
|
|
background: #572c84;
|
|
width: 140px;
|
|
height: 140px;
|
|
top: 30px;
|
|
left: 30px
|
|
}
|
|
|
|
.ldio-yzaezf3dcml>div>div:nth-child(2) {
|
|
transform-origin: 21px 60.2px;
|
|
background: #f1bf18;
|
|
width: 42px;
|
|
height: 42px;
|
|
animation: 1s linear infinite ldio-yzaezf3dcml;
|
|
top: 39.8px;
|
|
left: 79px
|
|
}
|
|
|
|
.loadingio-spinner-disk-2by998twmg9 {
|
|
background: #fff;
|
|
width: 200px;
|
|
height: 200px;
|
|
display: inline-block;
|
|
overflow: hidden
|
|
}
|
|
|
|
.ldio-yzaezf3dcml {
|
|
backface-visibility: hidden;
|
|
transform-origin: 0 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
transform: matrix(1, 0, 0, 1, 0, 0)
|
|
}
|
|
|
|
.ldio-yzaezf3dcml div {
|
|
box-sizing: content-box
|
|
}
|
|
|
|
#loading_spinner:not(:only-child) {
|
|
display: none
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class=w-nav data-animation=default data-collapse=medium data-duration=400 data-easing=ease data-easing2=ease
|
|
role=banner>
|
|
<div class="container-2 w-container"><a class=w-nav-brand href=#><img alt="Compute Logo" height=64 width=64
|
|
loading=lazy src=/images/logo-z.svg></a>
|
|
<nav class=w-nav-menu role=navigation><a class=w-nav-link href=#>Home</a><a class=w-nav-link
|
|
href=/atom.xml>RSS/Atom</a><a class=w-nav-link href=https://discord.gg/mRHP9mSqG9>Discord Server</a></nav>
|
|
<div class=w-nav-button>
|
|
<div class=w-icon-nav-menu></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-block-2 w-layout-vflex" style="background-color: #552a85">
|
|
<h1 class="compute-gradiant heading-3 unwrapped-compute nw-regular">Compute</h1>
|
|
<h1 class="compute-gradiant heading-3 wrapped-compute nw-regular">Com<br>pute</h1>
|
|
<div class=text-block style=margin:20px;font-weight:300>Your dose of comp-sci journalism</div>
|
|
</div>
|
|
<!-- BANNER -->
|
|
<div id="banner">
|
|
<a id="banner-message" href="/ComputeEdition1.pdf"><u>FIRST EDITION IS OUT NOW!</u></a>
|
|
<button
|
|
style="position: absolute; right: 8px; top: 0px; height: 100%; background: none; border: none; color: #552a85; font-weight: bold; cursor: pointer;"
|
|
id="close-banner">✖</button>
|
|
</div>
|
|
<!-- <div class="flex-block-2 w-layout-vflex" style="background-color: #f6c318"> -->
|
|
<!-- <a href="/first_edition.html" class="unwrapped-edition" style="text-decoration: none;"> -->
|
|
<!-- <p style="color: #552a85; font-family: 'Fira Code', monospace; font-size: 6vw;margin: 10;">First Edition -></p> -->
|
|
<!-- </a> -->
|
|
<!-- <a href="/first_edition.html" class="wrapped-edition" style="text-decoration: none;"> -->
|
|
<!-- <p style="color: #552a85; font-family: 'Fira Code', monospace; font-size: 8vw;margin: 10;text-align: center;"> -->
|
|
<!-- First<br>Edition<br>-></p> -->
|
|
<!-- </a> -->
|
|
<!-- </div> -->
|
|
<div style=margin:20px>
|
|
<div id=searchbox></div>
|
|
<center id=sortby></center>
|
|
<div id=hits>
|
|
<center id=loading_spinner>
|
|
<div class=loadingio-spinner-disk-2by998twmg9>
|
|
<div class=ldio-yzaezf3dcml>
|
|
<div>
|
|
<div></div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
<div id=pagination></div>
|
|
</div>
|
|
<hr>
|
|
<center style="min-height: 200px;">
|
|
<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>
|
|
</center>
|
|
<script crossorigin
|
|
src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66007382143b5f99deb20223"></script>
|
|
<script src=/js/webflow.js></script>
|
|
<script src=./meili.js type=module></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script>
|
|
<script>
|
|
document.getElementById("close-banner").onclick = function () {
|
|
document.getElementById("banner").style.display = "none";
|
|
};
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|