---
layout: layouts/home
title: Freeside
---

<div class="container mx-auto h-full m-16 p-6 w-screen">
    <div class="grid grid-rows-1 grid-flow-col gap-2">
        <div class="row-span-1 col-span-1">
        <h1 class="text-8xl font-bold overflow-ellipsis z-10">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="row-span-2 col-span-2">
        <img class="rounded-full pull-right shadow-2xl z-0" src="/assets/img/lab.jpg" />
        </div>
        
    </div>
</div>
<div class="container mx-auto h-full m-16 p-6 w-screen">
    <div class="grid grid-rows-1 grid-flow-col">
            <div class="row-span-1 col-span-1">
        <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="row-span-2 col-span-1 m-9">
        <nav id="nav" class="nav box-hidden mobileXL:box-block gap-4" aria-label="Primary">
        <button class="link link-calltoaction ring-1 ring-black bg-discord color-primary hover:text-white text-400 weight-bold pl-900 pr-900 m-5"><a href="https://discord.gg/qAZ8dAp"> Join our Discord </a></button>
        <button class="link link-calltoaction ring-1 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900"><a href="https://profiles.freeside.co.uk/join"> Create Freeside Account </a></button>
        </nav>
        </div>
    </div>
</div>
<div class="container mx-auto h-full m-9 p-6">
    <div class="grid grid-rows-1 grow-cols-3 grid-flow-col">
        <div class="row-span-1 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>
            <nav class="nav box-hidden mobileXL:box-block">

            <button class="link link-calltoaction ring-2 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900 "><a href="/alumnni"> View Alumni </a></button>
            </nav>
        </div>
        </div>
        <div class="row-span-1 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>
            <nav class="nav box-hidden mobileXL:box-block">

            <button class="link link-calltoaction ring-2 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900 "><a href="https://github.com/FreesideHull"> Get involved </a></button>
            </nav>
        </div>
        </div>
        <div class="row-span-1 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>
            <nav class="nav box-hidden mobileXL:box-block">
            <button class="link link-calltoaction ring-2 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900 "><a href="https://github.com/FreesideHull/StudentResources"> View List </a></button>
            </nav>
        </div>
        </div>
    </div>
</div>