FreesideWeb/internal/index.njk

---
layout: layouts/default
title: Freeside | Student run Linux user group at the University of Hull.
---

<section class="landing mx-auto container 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>
            <p class="font-big tracking-wide leading-loose py-4">Freeside is the student run Linux user group 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.
            </p>
        </div>
        <div class="col-span-4 md:col-span-2">
            <img class="rounded-3xl pull-right shadow-2xl" src="/img/lab.jpg"/>
        </div>
    </div>
</section>
<div class="container mx-auto h-full m-16 p-6 grid grid-cols-1 md:grid-cols-2">
        <div class="col-span-1">
            <h3>Connect with us</h3>
            <ol class="flex gap-8 m-5">
                <li>
                    <a class="icon-link" 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="icon-link" href="https://discord.freeside.co.uk"><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="https://www.x.com/freeside"><img height="64" width="64"
                                src="https://cdn.jsdelivr.net/npm/simple-icons@v11/icons/x.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="col-span-1">
            <ol class="flex gap-4 m-5 p-5 justify-center">

            </ol>
        </div>
</div>
</div>
<div class="container mx-auto h-full grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-4">
    <div class="col-span-1 rounded-xl bg-discord-guild p-10">
        <h2 class="text-white text-bold">Discord</h2>
        <p class="text-white">Hop onto our Discord server for friendly chats, advice and guidance from fellow students.</p>
        <br>
        <a class="bg-discord text-white btn-cta inline-block" href="https://discord.freeside.co.uk">Join our Discord</a>
    </div>
    <div class="col-span-1 rounded-xl bg-projects p-10">
        <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>
        <a class="btn-cta" href="https://github.com/freesidehull">Get involved</a>
    </div>
    <div class="col-span-1 rounded-xl bg-resources p-10">
        <h2 class="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>
          <a class="bg-secondary btn-cta" href="https://github.com/freesidehull/studentresources">View List</a>
    </div>
</div>