2024-10-23 16:04:35 -04:00
<!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 >
2024-10-23 16:44:17 -04:00
< link href = /meili.css rel = stylesheet >
2024-10-23 16:04:35 -04:00
< 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 >
2024-10-23 16:25:39 -04:00
< 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 >
2024-10-23 16:04:35 -04:00
< 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 >
2024-10-23 16:44:17 -04:00
< script src = /meili.js type = module > < / script >
2024-10-23 16:04:35 -04:00
< 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 >
2024-10-23 16:44:17 -04:00
< / html >
