91 lines
3.7 KiB
Plaintext
91 lines
3.7 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Science-ation</title>
|
|
<link rel="stylesheet" href="/font.css" />
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
<link rel="icon" href="/assets/media/science-ation.png" />
|
|
</head>
|
|
|
|
<body class="overflow-hidden">
|
|
<div class="flex flex-col sticky top-0">
|
|
<div class="stickassets/media/science-ation.png" alt="Science-ation"></a>
|
|
|
|
<div class="px-5 flex navBar shadow-lg justify-between items-center">
|
|
<a href="/" class="flex items-center italic text-2xl py-4 block"><img class="w-32" src="/assets/media/science-ation.png"
|
|
alt="Science-ation"> <span class="pl-4">Experience the Science Sensation</span></a>
|
|
|
|
<button id="sidebar-toggle-button" class="sidebar-toggle-button sm:hidden" onclick="toggle_sidebar()">
|
|
<img src="/{{ 'menu' |> icon('material') }}" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="body flex h-screen">
|
|
<div id="side-bar" class="side-bar h-full overflow-y-auto flex p-6 pr-10 shadow-lg hidden fixed sm:block sm:static">
|
|
<div class="side-bar-items left-0 flex flex-col content-start gap-y-6 rounded-md">
|
|
<a href="/" class="{{ if page.data.url == '/' }} font-semibold {{ /if }}menu-item flex gap-x-2"><img
|
|
src="{{ 'home' |> icon('material') }}" />
|
|
<span class="">Home</span></a>
|
|
{{#<a href="/about" class="{{ if page.data.url == '/about/' }} font-semibold {{ /if }}menu-item flex gap-x-2"><img
|
|
src="{{ 'history' |> icon('material') }}" />
|
|
<span class="">About</span></a>#}}
|
|
<a href="/features"
|
|
class="{{ if page.data.url == '/features/' }} font-semibold {{ /if }}menu-item flex gap-x-2"><img
|
|
src="{{ 'list' |> icon('material') }}" />
|
|
<span>Features</span></a>
|
|
<a href="https://forge.science-ation.ca" class="menu-item flex gap-x-2"><img
|
|
src="{{ 'terminal' |> icon('material') }}" /><span>Development</span>
|
|
</a>
|
|
{{#<a href="https://forum.science-ation.ca" class="menu-item flex gap-x-2"><img
|
|
src="{{ 'forum' |> icon('material') }}" />
|
|
<span>Forum</span></a>#}}
|
|
</div>
|
|
</div>
|
|
<div class="w-full h-full overflow-scroll pb-72">
|
|
<div class="bg-white p-5 m-6 rounded-2xl border-8 border-dashed border-red-500 text-center shadow-lg">
|
|
<h2 class="text-3xl font-semibold">
|
|
ATTENTION: Science Fair in a Box (SFIAB) <br />
|
|
is back!
|
|
</h2>
|
|
<h3 class="pt-5">
|
|
To celebrate this sensational revival, we have rebranded the
|
|
project to Science-ation!
|
|
</h3>
|
|
</div>
|
|
{{ content }}
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<footer class="sticky bottom-0 footer flex flex-col justify-center items-center h-max py-2 shadow-lg z-40">
|
|
<a class="mb-4 font-bold" href="mailto:contact@science-ation.ca">contact@science-ation.ca</a>
|
|
<p class="italic text-sm text-center">
|
|
Original development sponsored by
|
|
<span class="font-semibold">Youth Science Ontario</span> and
|
|
<span class="font-semibold">Lightbox Technologies Inc.</span>
|
|
</p>
|
|
<p class="italic text-sm text-center">
|
|
Ongoing development and updates sponsored by
|
|
<a class="font-semibold" href="https://algolibre.io">AlgoLibre Inc.</a>
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script defer data-domain="science-ation.ca" src="https://plausible.io/js/script.hash.js"></script>
|
|
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
|
|
|
|
|
|
</html>
|
|
|
|
<script>
|
|
function toggle_sidebar() {
|
|
var sidebar = document.querySelector("#side-bar");
|
|
sidebar.classList.toggle("z-40");
|
|
sidebar.classList.toggle("hidden");
|
|
}
|
|
</script> |