Initial release

This commit is contained in:
patrick 2024-11-14 11:53:56 -05:00 committed by Patrick Trottier
commit a8c9944cef
13 changed files with 1837 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
_site
_cache

5
_cms.ts Normal file
View File

@ -0,0 +1,5 @@
import lumeCMS from "lume/cms/mod.ts";
const cms = lumeCMS();
export default cms;

22
_config.ts Normal file
View File

@ -0,0 +1,22 @@
import lume from "lume/mod.ts";
import tailwindcss from "lume/plugins/tailwindcss.ts";
import postcss from "lume/plugins/postcss.ts";
import icons from "lume/plugins/icons.ts";
import googleFonts from "lume/plugins/google_fonts.ts";
const site = lume();
site.copy("assets");
site.use(tailwindcss(/* Options */));
site.use(postcss());
site.use(icons());
site.use(googleFonts({
cssFile: "font.css",
fonts:
"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap",
}));
export default site;

87
_includes/layout.vto Normal file
View File

@ -0,0 +1,87 @@
<!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>
</html>
<script>
function toggle_sidebar() {
var sidebar = document.querySelector("#side-bar");
sidebar.classList.toggle("z-40");
sidebar.classList.toggle("hidden");
}
</script>

View File

@ -0,0 +1,188 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="81.923759mm"
height="30.64138mm"
viewBox="0 0 81.923759 30.64138"
version="1.1"
id="svg20645"
xml:space="preserve"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="algolibre_logo.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview20647"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.88212407"
inkscape:cx="224.45822"
inkscape:cy="259.60067"
inkscape:window-width="756"
inkscape:window-height="893"
inkscape:window-x="8"
inkscape:window-y="64"
inkscape:window-maximized="0"
inkscape:current-layer="g21656" /><defs
id="defs20642" /><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-65.90831,-135.17829)"><g
id="g21656"><g
id="g4076-2-0-8"
transform="matrix(2.3761582,0,0,2.3691715,68.818583,-352.03625)"><g
aria-label="b"
id="text3083-5-8-4-4-7"
style="font-size:7.05556px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"><path
d="m 21.658483,218.11593 v -4.63021 h -0.609782 v -0.36518 h 1.24368 v 2.27032 q 0.186035,-0.34451 0.471978,-0.50643 0.289389,-0.16537 0.713136,-0.16537 0.675239,0 1.102431,0.53399 0.427192,0.53399 0.427192,1.39527 0,0.86127 -0.427192,1.39871 -0.427192,0.53399 -1.102431,0.53399 -0.423747,0 -0.713136,-0.16192 -0.285943,-0.16537 -0.471978,-0.50988 v 0.57189 h -1.24368 v -0.36518 z m 0.633898,-1.28502 q 0,0.66146 0.251492,1.00941 0.254937,0.34451 0.737251,0.34451 0.485759,0 0.733806,-0.38929 0.251492,-0.3893 0.251492,-1.14722 0,-0.76137 -0.251492,-1.14722 -0.248047,-0.38585 -0.733806,-0.38585 -0.482314,0 -0.737251,0.34795 -0.251492,0.34796 -0.251492,1.00597 z"
id="path1525" /></g><g
aria-label="r"
id="text3120-2-6-2-0"
style="font-size:7.05556px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"><path
d="m 28.843257,214.83915 v 0.9164 h -0.36518 q -0.01723,-0.27217 -0.151584,-0.40653 -0.134359,-0.13435 -0.392741,-0.13435 -0.468534,0 -0.720026,0.32383 -0.248047,0.32384 -0.248047,0.93018 v 1.67432 h 0.733806 v 0.36518 h -1.93959 V 218.143 h 0.571886 v -2.93522 h -0.606337 v -0.36174 h 1.240235 v 0.65112 q 0.186035,-0.3824 0.478869,-0.56499 0.292833,-0.18604 0.713135,-0.18604 0.155029,0 0.323839,0.0241 0.172255,0.0241 0.361735,0.0689 z"
id="path1577" /></g><g
aria-label="e"
id="text3124-4-9-0-3"
style="font-size:7.05556px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"><path
d="M 33.029922,216.64372 H 30.29796 v 0.0276 q 0,0.74069 0.279053,1.11966 0.279053,0.37551 0.823378,0.37551 0.416857,0 0.68213,-0.21704 0.268717,-0.22049 0.375515,-0.65112 h 0.509875 q -0.151585,0.60289 -0.561551,0.90606 -0.406522,0.30317 -1.071426,0.30317 -0.802707,0 -1.291911,-0.5271 -0.485759,-0.53055 -0.485759,-1.4056 0,-0.86817 0.478869,-1.39871 0.478868,-0.53055 1.25746,-0.53055 0.830269,0 1.274686,0.51332 0.444418,0.50988 0.461643,1.48484 z m -0.747586,-0.36518 q -0.02067,-0.64079 -0.272163,-0.96463 -0.248047,-0.32728 -0.71658,-0.32728 -0.437527,0 -0.689019,0.32728 -0.251493,0.32728 -0.306614,0.96463 z"
id="path1631" /></g><g
aria-label="L"
id="text3304-0-5-7"
style="font-size:7.05556px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"
transform="translate(-4.5968926,0.00206706)"><path
d="m 15.248751,218.47895 v -0.36518 h 0.654568 v -6.71584 c 0,0 0.691918,0.003 0.699355,0 v 6.65728 l 4.070219,-2.8e-4 v -0.861 h 0.424 v 1.285 z"
id="path3438-8-2-3"
sodipodi:nodetypes="ccccccccccc"
style="fill:#800000" /></g><g
aria-label="i"
id="text3308-1-9-2"
style="font-size:7.05556px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"
transform="translate(-0.17298281)"><path
d="m 19.293541,218.11545 0.599447,4.5e-4 v 0.36518 h -1.839682 v -0.36518 h 0.606337 L 18.66,215.5 h 0.633541 z"
id="path3389-3-0-6"
sodipodi:nodetypes="ccccccccc"
style="fill:#800000" /></g><g
id="g3300-1-2-5"><g
id="g3021-8-1-8-2"
transform="translate(-2.2003829,15.568662)"><g
id="g2289-5-1-0-3-6"
style="fill:#800000"
transform="translate(-8.8540607,18.233975)"><g
aria-label="A"
id="text1747-4-1-7-2-3-8-5"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';stroke-width:0.264583"><path
d="m 21.33302,177.19429 h 2.831859 l -1.41593,-3.66902 z m -2.180739,2.79568 v -0.54776 h 0.676959 l 2.749178,-7.1675 h 0.868161 l 2.754345,7.1675 h 0.759641 v 0.54776 h -2.806021 v -0.54776 h 0.857826 l -0.645954,-1.69499 h -3.245269 l -0.645954,1.69499 h 0.847491 v 0.54776 z"
id="path1671" /></g></g><g
aria-label="A"
id="text2297-5-9-0-4-7"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#808080;stroke-width:0.264583"><path
d="m 12.148044,195.2027 h 2.831859 l -1.415929,-3.66902 z m -2.1807386,2.79568 v -0.54777 h 0.6769586 l 2.749178,-7.16749 h 0.868161 l 2.754345,7.16749 h 0.759641 v 0.54777 h -2.806021 v -0.54777 h 0.857826 l -0.645953,-1.69498 h -3.24527 l -0.645953,1.69498 h 0.847491 v 0.54777 z"
id="path1636" /></g></g><g
id="g3014-6-9-9-6"
transform="translate(-3.7040391,15.553645)"><g
aria-label="l"
transform="scale(1.0212672,0.9791757)"
id="text2681-8-1-1-0"
style="font-size:10.364px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.259101"><path
d="m 19.970586,201.91749 h 0.794506 v 0.53641 h -2.439184 v -0.53641 h 0.804627 v -6.80138 h -0.804627 v -0.53642 h 1.644678 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1666" /></g><g
aria-label="l"
transform="scale(1.0214575,0.97899324)"
id="text2604-1-6-6-1"
style="font-size:10.3757px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#808080;stroke-width:0.259393"><path
d="m 19.696479,201.72505 h 0.795403 v 0.53702 h -2.441937 v -0.53702 h 0.805535 v -6.80906 h -0.805535 v -0.53702 h 1.646534 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1641" /></g><text
xml:space="preserve"
style="font-size:10.5833px;line-height:1.25;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';stroke-width:0.264583"
x="-19.614923"
y="221.8513"
id="text4747-5-4"><tspan
sodipodi:role="line"
id="tspan4745-4-8"
style="stroke-width:0.264583"
x="-19.614923"
y="221.8513" /></text></g><g
id="g3027-5-3-4-7"
transform="translate(-4.1320079,15.475779)"><g
aria-label="g"
id="text2685-1-3-9-0"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"><path
d="m 25.31889,193.06149 v 4.82139 q 0,1.18339 -0.589109,1.82418 -0.583942,0.64595 -1.669144,0.64595 -0.490924,0 -0.93534,-0.0982 -0.444416,-0.0982 -0.857826,-0.29455 v -1.15238 h 0.449583 q 0.08268,0.53743 0.39274,0.78548 0.315225,0.24804 0.893999,0.24804 0.754474,0 1.105873,-0.47542 0.351398,-0.47025 0.351398,-1.48311 v -0.73897 q -0.253214,0.51677 -0.640786,0.76481 -0.387572,0.24288 -0.961178,0.24288 -0.909502,0 -1.488277,-0.80098 -0.578774,-0.80615 -0.578774,-2.09806 0,-1.2919 0.573607,-2.09289 0.578774,-0.80098 1.493444,-0.80098 0.573606,0 0.961178,0.24805 0.387572,0.24288 0.640786,0.75964 v -0.85783 h 1.674311 v 0.55294 z m -0.857826,1.92236 q 0,-0.98702 -0.341063,-1.50895 -0.341064,-0.52193 -0.992185,-0.52193 -0.661456,0 -1.002519,0.57877 -0.335896,0.57878 -0.335896,1.72082 0,1.13688 0.335896,1.72082 0.341063,0.58394 1.002519,0.58394 0.651121,0 0.992185,-0.51676 0.341063,-0.52193 0.341063,-1.51411 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1661" /></g><g
aria-label="g"
id="text2608-08-0-3-6"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#808080;stroke-width:0.264583"><path
d="m 25.042134,192.88244 v 4.8214 q 0,1.18338 -0.58911,1.82417 -0.583941,0.64595 -1.669143,0.64595 -0.490925,0 -0.93534,-0.0982 -0.444416,-0.0982 -0.857826,-0.29456 v -1.15238 h 0.449583 q 0.08268,0.53744 0.39274,0.78548 0.315225,0.24805 0.893999,0.24805 0.754474,0 1.105872,-0.47542 0.351399,-0.47026 0.351399,-1.48311 v -0.73897 q -0.253214,0.51676 -0.640786,0.76481 -0.387572,0.24287 -0.961178,0.24287 -0.909503,0 -1.488277,-0.80098 -0.578774,-0.80615 -0.578774,-2.09805 0,-1.29191 0.573606,-2.09289 0.578775,-0.80099 1.493445,-0.80099 0.573606,0 0.961178,0.24805 0.387572,0.24288 0.640786,0.75964 v -0.85782 h 1.674311 v 0.55293 z m -0.857826,1.92236 q 0,-0.98702 -0.341063,-1.50895 -0.341064,-0.52193 -0.992185,-0.52193 -0.661456,0 -1.002519,0.57878 -0.335896,0.57877 -0.335896,1.72082 0,1.13687 0.335896,1.72082 0.341063,0.58394 1.002519,0.58394 0.651121,0 0.992185,-0.51677 0.341063,-0.52193 0.341063,-1.51411 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1646" /></g></g><g
id="g3033-6-6-0-4"
transform="translate(-4.6824862,15.511264)"><g
aria-label="o"
id="text2689-4-6-5-7"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"><path
d="m 28.206304,197.75661 q 0.692462,0 1.043861,-0.60461 0.351399,-0.60461 0.351399,-1.78283 0,-1.17822 -0.351399,-1.77766 -0.351399,-0.60462 -1.043861,-0.60462 -0.687294,0 -1.038693,0.60462 -0.351398,0.59944 -0.351398,1.77766 0,1.17822 0.351398,1.78283 0.356567,0.60461 1.038693,0.60461 z m 0,0.5116 q -1.074866,0 -1.731155,-0.79065 -0.656288,-0.79581 -0.656288,-2.10839 0,-1.31258 0.651121,-2.10322 0.656288,-0.79065 1.736322,-0.79065 1.085202,0 1.736323,0.79065 0.656289,0.79064 0.656289,2.10322 0,1.31258 -0.656289,2.10839 -0.651121,0.79065 -1.736323,0.79065 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1656" /></g><g
aria-label="o"
id="text2608-3-2-0-2-3"
style="font-size:10.5833px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#808080;stroke-width:0.264583"><path
d="m 27.929548,197.57758 q 0.692462,0 1.043861,-0.60461 0.351398,-0.60461 0.351398,-1.78283 0,-1.17822 -0.351398,-1.77767 -0.351399,-0.60461 -1.043861,-0.60461 -0.687294,0 -1.038693,0.60461 -0.351399,0.59945 -0.351399,1.77767 0,1.17822 0.351399,1.78283 0.356566,0.60461 1.038693,0.60461 z m 0,0.5116 q -1.074866,0 -1.731155,-0.79065 -0.656289,-0.79581 -0.656289,-2.10839 0,-1.31258 0.651121,-2.10323 0.656289,-0.79064 1.736323,-0.79064 1.085202,0 1.736323,0.79064 0.656288,0.79065 0.656288,2.10323 0,1.31258 -0.656288,2.10839 -0.651121,0.79065 -1.736323,0.79065 z"
style="-inkscape-font-specification:'DejaVu Serif Semi-Condensed'"
id="path1651" /></g></g></g><text
xml:space="preserve"
style="font-size:7.05556px;line-height:1.25;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#800000;stroke-width:0.264583"
x="17.684551"
y="214.74858"
id="text3396-4-4-2"><tspan
sodipodi:role="line"
id="tspan3394-6-3-8"
style="font-size:7.05556px;fill:#800000;stroke-width:0.264583"
x="17.684551"
y="214.74858">.</tspan></text></g><g
inkscape:label="Layer 1"
id="layer1-7"
transform="matrix(1.3505741,0,0,1.3505741,21.030365,-27.017448)"><g
aria-label="1"
id="text12497"
style="font-size:50.8px;font-family:'DejaVu Serif';-inkscape-font-specification:'DejaVu Serif';fill:#333333;stroke-width:1.1;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:3.29999, 3.29999" /><g
id="g18696"><g
id="g18752"
transform="matrix(0.46069975,0,0,0.46120347,18.131723,64.462135)"><path
style="fill:none;fill-opacity:1;stroke:#757575;stroke-width:1.0788;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.0788, 3.23641;stroke-dashoffset:0;stroke-opacity:1"
id="path12712"
sodipodi:type="arc"
sodipodi:cx="-34.159729"
sodipodi:cy="142.35165"
sodipodi:rx="24.116798"
sodipodi:ry="25.089985"
sodipodi:start="1.5707963"
sodipodi:end="4.1887902"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="m -34.159729,167.44164 a 24.116798,25.089985 0 0 1 -23.295038,-18.59622 24.116798,25.089985 0 0 1 11.236639,-28.22233"
transform="scale(-1,1)" /><path
style="fill:none;fill-opacity:1;stroke:#80000f;stroke-width:2.363;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path12710"
sodipodi:type="arc"
sodipodi:cx="61.154205"
sodipodi:cy="143.95784"
sodipodi:rx="24.246492"
sodipodi:ry="24.246492"
sodipodi:start="1.5707963"
sodipodi:end="4.1887902"
sodipodi:open="true"
sodipodi:arc-type="arc"
d="M 61.154205,168.20433 A 24.246492,24.246492 0 0 1 37.733892,150.23329 24.246492,24.246492 0 0 1 49.030959,122.95976" /></g></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
assets/media/srsf_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

17
deno.json Normal file
View File

@ -0,0 +1,17 @@
{
"imports": {
"lume/": "https://deno.land/x/lume@v2.4.2/",
"lume/cms/": "https://cdn.jsdelivr.net/gh/lumeland/cms@v0.7.2/"
},
"tasks": {
"lume": "echo \"import 'lume/cli.ts'\" | deno run -A -",
"build": "deno task lume",
"serve": "deno task lume -s",
"cms": "deno task lume cms"
},
"compilerOptions": {
"types": [
"lume/types.ts"
]
}
}

1367
deno.lock Normal file

File diff suppressed because it is too large Load Diff

72
features.vto Normal file
View File

@ -0,0 +1,72 @@
---
layout: layout.vto
features:
- icon: "web"
heading: Modernized Interface
description: Reliable workflows upgraded with a 2024 look. Notice how we retained familiarity with this site's <a class="font-semibold underline" href="https://web.archive.org/web/20240119062342/http://www.sfiab.ca/" target="_blank">predecessor</a>.
- icon: "lock"
heading: Modern Security Practices
description: A good software is more than just a modern interface, security is at the core.
- icon: "emoji_events"
heading: Awards/Prizes Management
description: Ensure that all champions are accounted for.
- icon: "gavel"
heading: Judge Management and Scheduling
description: Unrivalled judge management and scheduling to bring piece of mind to the Chief Judge.
- icon: "payments"
heading: Fundraising/Sponsors Management
description: Never miss a recognition by keeping everything in one intuitive place.
- icon: "edit"
heading: Registration
description: Makes onboarding participants, volunteers, and committee members a breeze.
- icon: "summarize"
heading: Reporting
description: Forget the days of manually compiling the regional fair data!
- icon: "menu_book"
heading: Data-powered Templates
description: We are extending from the heritage of SFIAB with award ceremony scripts to also incorporate other aspects of the fair.
- icon: "code"
heading: Libre Software
description: We believe software should empower its users and will continue the heritage of Lightbox Technologies.
- icon: "view_module"
heading: Modular System
description: Pick and choose the components you use.
- icon: "dns"
heading: Customized Instance
description: Your science fair is unique, let us tailor your systems to your needs.
---
<div class="page-heading py-10 text-center">
<div class="page-heading text-3xl">Features</div>
<div class="flex flex-wrap m-5 gap-4 justify-center">
{{ for feature of features }}
<div
class="flex block max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100">
<img class="max-w-10 mr-5" src="{{ feature.icon |> icon('material') }}">
<div class="flex flex-col items-center justify-center align-center">
<h5 class="px-5 mb-2 text-2xl font-bold tracking-tight text-gray-900">{{ feature.heading }}
</h5>
<p class="font-normal text-gray-700">{{feature.description}}</p>
</div>
</div>
{{ /for }}
</div>
<div
class="relative mx-auto border-gray-800 bg-gray-800 border-[14px] rounded-[2.5rem] h-[600px] w-[300px]">
<div class="h-[32px] w-[3px] bg-gray-800 absolute -start-[17px] top-[72px] rounded-s-lg"></div>
<div class="h-[46px] w-[3px] bg-gray-800 absolute -start-[17px] top-[124px] rounded-s-lg">
</div>
<div class="h-[46px] w-[3px] bg-gray-800 absolute -start-[17px] top-[178px] rounded-s-lg">
</div>
<div class="h-[64px] w-[3px] bg-gray-800 absolute -end-[17px] top-[142px] rounded-e-lg"></div>
<div class="rounded-[2rem] overflow-hidden w-[272px] h-[572px] bg-white">
<div class="w-[272px] h-[572px] pt-20">
<p class="text-xl font-semibold">Now with mobile support!</p>
<p>(the design of this site is the prototype for the new modern interface)</p>
</div>
</div>
</div>
</div>

52
index.vto Normal file
View File

@ -0,0 +1,52 @@
---
layout: layout.vto
---
<div class="page-heading p-10">
<div class="flex flex-col items-center justify-center mb-16">
<a href="/"><img class="w-58" src="/assets/media/science-ation.png" alt="Science-ation"></a>
<p class="italic text-2xl pt-6">Experience the Science Sensation</p>
</div>
<div class="flex flex-col w-3/4 mx-auto text-justify gap-y-5">
<p>Science-ation is the new development initiative that seeks to bring back to life the venerable Science Fair in a Box (SFIAB) project. AlgoLibre Inc. is grateful to James Grant and Lightbox Technologies Inc. for their foundational work and look forward to the next chapter of the project!</p>
<p>
This work is initiated by AlgoLibre Inc. with the foundational support of Sudbury Regional Science Fair (SRSF).
</p>
<p class="font-light">
Please send inquiries and communications to <a class="underline" href="mailto:contact@science-ation.ca">contact@science-ation.ca</a> or <a class="underline" href="mailto:science-ation@algolibre.io">science-ation@algolibre.io</a>.
</p>
<p class="italic">
AlgoLibre Inc. wishes to thank the entire committee of the SRSF and Leo Racette, Muad Sakah, Armanveer Gill who are contributing to make this project a reality, led by past CWSF participant Patrick Trottier. Join us as we make this a reality!
</p>
<p>Here is the original description of SFIAB:</p>
<p class="page-content w-3/4 mx-auto text-justify pb-2">
The "Science Fair in a Box" (SFIAB) project provides regions hosting a science fair with a complete and comprehensive package that can be used to assist in the implementation and running of the fair. The SFIAB provides a web based application to facilitate all areas of running a science fair such as online registration for the participants, judges, sponsor management, judge scheduling and awards management.
</p>
<p class="page-content w-3/4 mx-auto text-justify py-1">
The SFIAB is implemented using open-source tools wherever possible, creating a truly open and customizable product that fairs can modify to suit their needs. However, SFIAB contain enough configuration options to allow fairs to use the system without any modifications to the underlying codebase. SFIAB is developed using PHP, with MySQL as the backend database. Other database backends could be supported in the future. All reports are created in print-ready PDF format to ensure cross-platform compatibility where applicable and also available to export as a CSV to external applications.
</p>
<p class="page-content w-3/4 mx-auto text-justify py-1">
All text in SFIAB is internationalized to allow the use of the system in any language. 'Language Packs' will be available in other language once translations are complete. (If you'd like to assist in translation, contact us!)
</p>
<p class="page-content w-3/4 mx-auto text-justify py-1">
SFIAB is the most advanced, most comprehensive Science Fair Software in the world, and is used by many science fairs spread across many different countries!
</p>
</div>
<h3 class="text-center text-3xl font-semibold mt-20 mb-10">Thank you to our founding members</h3>
<div class="flex justify-center gap-x-32">
<div>
<a href="https://srsf.ca" target="_blank"><img class="w-auto max-h-32" src="/assets/media/srsf_logo.png" alt="Sudbury Regional Science Fair"></a>
</div>
<div>
<a href="https://algolibre.io" target="_blank"><img class="w-auto max-h-full" src="/assets/media/algolibre_logo.svg" alt="AlgoLibre Inc."></a>
</div>
</div>
</div>

5
script.js Normal file
View File

@ -0,0 +1,5 @@
function toggle_sidebar(){
var sidebar = document.querySelector('#side-bar')
sidebar.classList.toggle('z-40')
sidebar.classList.toggle('hidden')
}

20
styles.css Normal file
View File

@ -0,0 +1,20 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
body{
background-color: #F1EEFF;
}
.navBar{
background-color: white;
}
.footer{
background-color: #e0e0ff;
}
.side-bar{
background-color: #e0e0ff;
}