FreesideWeb/internal/index.njk

97 lines
5.1 KiB
Plaintext

---
layout: layouts/default
title: Freeside
---
<section class="landing mx-auto container mx-auto h-full w-screen grid grid-rows-1 grid-flow-col gap-2">
<div class="grid grid-cols-4 gap-4">
<div class="col-span-4 md:col-span-2">
<h1 class="text-8xl font-bold overflow-ellipsis">Linux @ Hull.</h1>
<h5 class="tracking-wide leading-loose">Freeside is the student run and maintained linux cluster within
the
University Of Hull Computer Science Department providing Linux administration experience, mentoring
and
technical advice alongside other peer-led support. It is completely <b>free</b> to all students to
join,
irrespective of degree pathway.</h5>
</div>
<div class="col-span-4 md:col-span-2">
<img class="rounded pull-right shadow-2xl" src="/assets/img/lab.jpg" />
</div>
</div>
</section>
<div class="container mx-auto h-full m-16 p-6 ">
<div class="">
<div class="">
<h3>Connect with us</h3>
<ol class="flex gap-10 m-5">
<li><a class="" href="https://github.com/FreesideHull"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/github.svg" /></a></li>
<li><a class="" href="https://gitlab.freeside.co.uk/"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/gitlab.svg" /></a></li>
<li><a class="icon-link" href="https://discord.gg/qAZ8dAp"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discord.svg" /></a></li>
<li><a class="icon-link" href="http://forums.freeside.co.uk/"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discourse.svg" /></a></li>
<li><a class="icon-link" href="https://www.twitter.com/FreesideHull"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/twitter.svg" /></a></li>
<li><a class="icon-link" href="https://www.facebook.com/FreesideHull"><img height="64" width="64"
src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/facebook.svg" /></a></li>
</ol>
</div>
<div class=" inline-block" aria-label="Primary">
<button
class="btn-cta inline-block"><a
href="https://discord.gg/qAZ8dAp"> Join our Discord </a></button>
<button
class="bg-discord text-white btn-cta inline-block"><a
href="https://profiles.freeside.co.uk/join"> Create Freeside Account </a></button>
</div>
</div>
</div>
</div>
<div class="container mx-auto h-full grid grid-cols-1 md:grid-cols-3">
<div class="col-span-1">
<div class="bg-alumni rounded-xl p-10 w-3/4">
<h2 class="text-gray text-bold">Alumni Network</h2>
<p>Our community is made up of like-minded life-time members including many distinguished alumni
whom continue to support students.</p>
<br>
<div class=" box-hidden mobileXL:box-block">
<button
class="btn-cta"><a
href="/alumnus"> View Alumni </a></button>
</div>
</div>
</div>
<div class="col-span-1">
<div class="rounded-xl bg-project p-10 w-3/4">
<h2 class="text-white text-bold">Hands-on Projects</h2>
<p class="text-white">Get involved with hands-on Linux administration or contribute to open-source
coding projects.</p>
<br>
<div class=" box-hidden mobileXL:box-block">
<button
class="btn-cta"><a
href="https://github.com/FreesideHull"> Get involved </a></button>
</div>
</div>
</div>
<div class="col-span-1">
<div class="rounded-xl bg-primary p-10 w-3/4">
<h2 class="text-gray text-bold">Free Resources</h2>
<p>Take your learning to the next level with our Free Student Resources List featuring over 130
contributions in multiple areas of Computer Science.</p>
<br>
<div class=" box-hidden mobileXL:box-block">
<button
class="btn-cta "><a
href="https://github.com/FreesideHull/StudentResources"> View List </a></button>
</div>
</div>
</div>
</div>