FreesideWeb/internal/about/index.njk

118 lines
9.5 KiB
Plaintext

---
layout: layouts/default
title: About
---
<section class="landing mx-auto container h-full w-screen grid grid-rows-1 grid-flow-col gap-1">
<div class="px-5 py-6 mx-auto flex flex-wrap">
<div class="col-span-2 md:col-span-4 sm:col-span-4">
<h1 class="text-5xl font-bold m-1 text-center">About</h1>
<p class="tracking-wide text-center overflow-ellipsis font-big">Founded in 1998, Freeside is the student run and managed Linux Cluster at the University of Hull filling a need for students to gain hands on Linux experience in a collaborative production environment where experimentation is encouraged and breaking systems is a learning experience, not a crisis. Freeside is also the long running computer science related student group on Campus with a history spanning nearly 25 years.</p>
</div>
<div class="col-span-2 md:col-span-4 sm:col-span-4">
<p class="tracking-wide text-center overflow-ellipsis font-big font-semibold">
Freeside retains a lab in Robert Blackburn which students can access by going to RBB-300. Several Linux based machines are available for use and we actively encourage students and members to use the lab for projects, collaboration and learning. A university ID card is required for access to the lab and it is off limits to the wider public.
</p>
<p class="tracking-wide text-center overflow-ellipsis font-big">Whilst not mandatory, students can become a member of Freeside. There are many benefits of doing so including gaining knowledge and experience (e.g. system administration / coding experience), networking and career opportunities, social events / weekly virtual meet ups and access to the Freeside lab. Of course, the best benefit is that Freeside is completely free to join!</p>
</div>
<div class="px-5 py-6 mx-auto flex flex-wrap">
<div class="flex flex-wrap md:-m-2 -m-1">
<div class="flex flex-wrap w-1/2">
<div class="md:p-2 p-1 w-1/2">
<img alt="Lab photo" class="w-full object-cover h-full object-center block rounded-md" src="/img/lab.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="Hardware photo" class="w-full object-cover h-full object-center block rounded-md" src="/img/hardware.jpg">
</div>
<div class="md:p-2 p-1 w-full">
<img alt="Photo of hoodies" class="w-full h-full object-cover object-center block rounded-md" src="/img/hoodies.jpg">
</div>
</div>
<div class="flex flex-wrap w-1/2">
<div class="md:p-2 p-1 w-full">
<img alt="Photo of former freesiders" class="w-full h-full object-cover object-center block rounded-md" src="/img/group.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="gallery" class="w-full object-cover h-full object-center block rounded-md" src="/img/banner.jpg">
</div>
<div class="md:p-2 p-1 w-1/2">
<img alt="Photo of freesiders playing guitar hero" class="w-full object-cover h-full object-center block rounded-md" src="/img/party.jpg">
</div>
</div>
</div>
</div>
<div class="px-5 py-6 mx-auto flex flex-wrap">
<div class="col-span-2 md:col-span-4 sm:col-span-4">
<p class="tracking-wide text-center overflow-ellipsis font-big">During your time as a Freeside member, you will have the opportunity to contribute to <a class="about-links" href="https://github.com/FreesideHull">projects</a> which underpin Freesides core networking infrastructure including vital systems which underpin our membership and access control mechanisms. You will also have the opportunity to contribute to public facing Open-Source projects such as <a class="about-links" href="https://www.hullblogs.com">hullblogs.com</a>, freeside.uk and <a class="about-links" href="https://github.com/FreesideHull/StudentResources">the student resource list</a> or propose and create your own project. Similarly, you could join other members working with organisations such as <a class="about-links" href="https://hullcss.org/">HullCSS</a> and <a class="about-links" href="https://twitter.com/Hull_HUUGS">HUUGS</a> (Hull University Gaming Society) on a variety of projects, including managing Freeside hosted Minecraft Servers or hosting joint events.</p>
</div>
<div class="col-span-2 md:col-span-4 sm:col-span-4">
<p class="tracking-wide text-center overflow-ellipsis font-big">
Following Graduation, you will remain part of the Freeside community as one of our valued Alumni where you will have the opportunity to be featured on our Alumni Showcase and keep contributing to Freesides public facing Open-Source Projects, mentor student members and take part in meet-ups.
</p>
</div>
<div class="px-5 py-6 mx-auto flex flex-wrap">
<div class=" col-span-2 md:col-span-4 sm:col-span-4">
<h1 class="text-5xl font-bold m-1 text-center">Livestreams</h1>
<p class="tracking-wide text-center overflow-ellipsis font-big">Freeside members gave a talk as part of Freshers events in 2020 about the benefits of Linux and Open Source technology. The talk is available to view below and gives an interesting insight from members across different levels of study.</p>
<iframe width="90%" height="475" src="https://www.youtube.com/embed/KxnhM9kXAGU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="px-5 py-6 mx-auto flex flex-wrap">
<div class=" col-span-2 md:col-span-4 sm:col-span-4">
<h1 class="text-5xl font-bold m-1 text-center">Valued Members</h1>
<p class="tracking-wide text-center overflow-ellipsis font-big">
Members featured below have contributed to Freeside's history or development in a significant manner. We feature them here as recognition and as a token of gratitude.
</p>
<div class="flex justify-center items-center">
<div class="flex gap-4">
<div class="container mx-auto max-w-xs rounded-lg overflow-hidden my-4 bg-gray-800">
<div class="relative mb-6">
<img class="w-full rounded-md" src="/img/brian-tompsett.jpg"
alt="Brian Tompsett" />
<div class="text-center relative w-full" style="bottom: -30px">
<div class="mb-10">
<p class="text-white tracking-wide text-lg font-bold">Eur Ing Brian Tompsett</p>
<p class="text-sm text-white">Founding Member</p>
<p><a class="about-links text-sm font-semibold" href="https://stackexchange.com/users/5500680/brian-tompsett-%e6%b1%a4%e8%8e%b1%e6%81%a9">Stack Exchange</a></p>
<p><a class="about-links text-sm font-semibold" href="https://www.hull.ac.uk/staff-directory/brian-tompsett">University Profile</a></p>
</div>
</div>
</div>
</div>
<div class="container mx-auto max-w-xs rounded-lg overflow-hidden my-4 bg-gray-800">
<div class="relative mb-6">
<img class="w-full rounded-md" src="/img/mike-brayshaw.png"
alt="Mike Brayshaw" />
<div class="text-center relative w-full" style="bottom: -30px">
<div class="mb-10">
<p class="text-white tracking-wide text-lg font-bold">Dr. Michael Brayshaw</p>
<p class="text-sm text-white">Founding Member</p>
</div>
</div>
</div>
</div>
<div class="container mx-auto max-w-xs rounded-lg overflow-hidden my-4 bg-gray-800">
<div class="relative mb-6">
<img class="w-full rounded-md" src="/img/andy-hancock.jpeg"
alt="Andy Hancock" />
<div class="text-center relative w-full" style="bottom: -30px">
<div class="mb-10">
<p class="text-white tracking-wide text-lg font-bold">Andrew Hancock</p>
<p class="text-sm text-white">Freeside MVP</p>
<p><a class="about-links text-sm font-semibold" href="https://www.linkedin.com/in/andrewhancock/">Linkedin Profile</a></p>
<p><a class="about-links text-sm font-semibold" href="https://www.experts-exchange.com/members/hanccocka.html">Experts Exchange</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>