ctome
/
FreesideWeb
mirror of https://github.com/CrimsonTome/FreesideWeb.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

clean up some stuff, add some responsiveness

closebracket-solution
Kieran Coldron 2021-08-29 21:23:02 +01:00
parent 1ad13efb52
commit a1d4d05219
19 changed files with 1669 additions and 189706 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eleventy.js
View File

@ -19,7 +19,7 @@ module.exports = config => {
input: 'internal',
output: 'public',
includes: '_includes',
data: 'globals'
data: '_data'
}
}

364
.gitignore vendored
View File

@ -1,363 +1,5 @@
## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
##
## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
# User-specific files
*.rsuser
*.suo
*.user
*.userosscache
*.sln.docstates
# User-specific files (MonoDevelop/Xamarin Studio)
*.userprefs
# Mono auto generated files
mono_crash.*
# Build results
[Dd]ebug/
[Dd]ebugPublic/
[Rr]elease/
[Rr]eleases/
x64/
x86/
[Ww][Ii][Nn]32/
[Aa][Rr][Mm]/
[Aa][Rr][Mm]64/
bld/
[Bb]in/
[Oo]bj/
[Oo]ut/
[Ll]og/
[Ll]ogs/
# Visual Studio 2015/2017 cache/options directory
.vs/
# Uncomment if you have tasks that create the project's static files in wwwroot
#wwwroot/
# Visual Studio 2017 auto generated files
Generated\ Files/
# MSTest test Results
[Tt]est[Rr]esult*/
[Bb]uild[Ll]og.*
# NUnit
*.VisualState.xml
TestResult.xml
nunit-*.xml
# Build Results of an ATL Project
[Dd]ebugPS/
[Rr]eleasePS/
dlldata.c
# Benchmark Results
BenchmarkDotNet.Artifacts/
# .NET Core
project.lock.json
project.fragment.lock.json
artifacts/
# ASP.NET Scaffolding
ScaffoldingReadMe.txt
# StyleCop
StyleCopReport.xml
# Files built by Visual Studio
*_i.c
*_p.c
*_h.h
*.ilk
*.meta
*.obj
*.iobj
*.pch
*.pdb
*.ipdb
*.pgc
*.pgd
*.rsp
*.sbr
*.tlb
*.tli
*.tlh
*.tmp
*.tmp_proj
*_wpftmp.csproj
*.log
*.vspscc
*.vssscc
.builds
*.pidb
*.svclog
*.scc
# Chutzpah Test files
_Chutzpah*
# Visual C++ cache files
ipch/
*.aps
*.ncb
*.opendb
*.opensdf
*.sdf
*.cachefile
*.VC.db
*.VC.VC.opendb
# Visual Studio profiler
*.psess
*.vsp
*.vspx
*.sap
# Visual Studio Trace Files
*.e2e
# TFS 2012 Local Workspace
$tf/
# Guidance Automation Toolkit
*.gpState
# ReSharper is a .NET coding add-in
_ReSharper*/
*.[Rr]e[Ss]harper
*.DotSettings.user
# TeamCity is a build add-in
_TeamCity*
# DotCover is a Code Coverage Tool
*.dotCover
# AxoCover is a Code Coverage Tool
.axoCover/*
!.axoCover/settings.json
# Coverlet is a free, cross platform Code Coverage Tool
coverage*.json
coverage*.xml
coverage*.info
# Visual Studio code coverage results
*.coverage
*.coveragexml
# NCrunch
_NCrunch_*
.*crunch*.local.xml
nCrunchTemp_*
# MightyMoose
*.mm.*
AutoTest.Net/
# Web workbench (sass)
.sass-cache/
# Installshield output folder
[Ee]xpress/
# DocProject is a documentation generator add-in
DocProject/buildhelp/
DocProject/Help/*.HxT
DocProject/Help/*.HxC
DocProject/Help/*.hhc
DocProject/Help/*.hhk
DocProject/Help/*.hhp
DocProject/Help/Html2
DocProject/Help/html
# Click-Once directory
publish/
# Publish Web Output
*.[Pp]ublish.xml
*.azurePubxml
# Note: Comment the next line if you want to checkin your web deploy settings,
# but database connection strings (with potential passwords) will be unencrypted
*.pubxml
*.publishproj
# Microsoft Azure Web App publish settings. Comment the next line if you want to
# checkin your Azure Web App publish settings, but sensitive information contained
# in these scripts will be unencrypted
PublishScripts/
# NuGet Packages
*.nupkg
# NuGet Symbol Packages
*.snupkg
# The packages folder can be ignored because of Package Restore
**/[Pp]ackages/*
# except build/, which is used as an MSBuild target.
!**/[Pp]ackages/build/
# Uncomment if necessary however generally it will be regenerated when needed
#!**/[Pp]ackages/repositories.config
# NuGet v3's project.json files produces more ignorable files
*.nuget.props
*.nuget.targets
# Microsoft Azure Build Output
csx/
*.build.csdef
# Microsoft Azure Emulator
ecf/
rcf/
# Windows Store app package directories and files
AppPackages/
BundleArtifacts/
Package.StoreAssociation.xml
_pkginfo.txt
*.appx
*.appxbundle
*.appxupload
# Visual Studio cache files
# files ending in .cache can be ignored
*.[Cc]ache
# but keep track of directories ending in .cache
!?*.[Cc]ache/
# Others
ClientBin/
~$*
*~
*.dbmdl
*.dbproj.schemaview
*.jfm
*.pfx
*.publishsettings
orleans.codegen.cs
# Including strong name files can present a security risk
# (https://github.com/github/gitignore/pull/2483#issue-259490424)
#*.snk
# Since there are multiple workflows, uncomment next line to ignore bower_components
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
#bower_components/
# RIA/Silverlight projects
Generated_Code/
# Backup & report files from converting an old project file
# to a newer Visual Studio version. Backup files are not needed,
# because we have git ;-)
_UpgradeReport_Files/
Backup*/
UpgradeLog*.XML
UpgradeLog*.htm
ServiceFabricBackup/
*.rptproj.bak
# SQL Server files
*.mdf
*.ldf
*.ndf
# Business Intelligence projects
*.rdl.data
*.bim.layout
*.bim_*.settings
*.rptproj.rsuser
*- [Bb]ackup.rdl
*- [Bb]ackup ([0-9]).rdl
*- [Bb]ackup ([0-9][0-9]).rdl
# Microsoft Fakes
FakesAssemblies/
# GhostDoc plugin setting file
*.GhostDoc.xml
# Node.js Tools for Visual Studio
.ntvs_analysis.dat
.vscode/
public/
node_modules/
# Visual Studio 6 build log
*.plg
# Visual Studio 6 workspace options file
*.opt
# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
*.vbw
# Visual Studio LightSwitch build output
**/*.HTMLClient/GeneratedArtifacts
**/*.DesktopClient/GeneratedArtifacts
**/*.DesktopClient/ModelManifest.xml
**/*.Server/GeneratedArtifacts
**/*.Server/ModelManifest.xml
_Pvt_Extensions
# Paket dependency manager
.paket/paket.exe
paket-files/
# FAKE - F# Make
.fake/
# CodeRush personal settings
.cr/personal
# Python Tools for Visual Studio (PTVS)
__pycache__/
*.pyc
# Cake - Uncomment if you are using it
# tools/**
# !tools/packages.config
# Tabs Studio
*.tss
# Telerik's JustMock configuration file
*.jmconfig
# BizTalk build output
*.btp.cs
*.btm.cs
*.odx.cs
*.xsd.cs
# OpenCover UI analysis results
OpenCover/
# Azure Stream Analytics local run output
ASALocalRun/
# MSBuild Binary and Structured Log
*.binlog
# NVidia Nsight GPU debugger configuration file
*.nvuser
# MFractors (Xamarin productivity tool) working folder
.mfractor/
# Local History for Visual Studio
.localhistory/
# BeatPulse healthcheck temp database
healthchecksdb
# Backup folder for Package Reference Convert tool in Visual Studio 2017
MigrationBackup/
# Ionide (cross platform F# VS Code tools) working folder
.ionide/
# Fody - auto-generated XML schema
FodyWeavers.xsd
package-lock.json

14
internal/_data/contributors.js Normal file
View File

@ -0,0 +1,14 @@
const Cache = require("@11ty/eleventy-cache-assets");
//todo: change this to actual repo when it's no longer private
const repo = "FreesideHull/Freeside-Blog"
module.exports = async function() {
console.log( "Fetching github contribuitors" );
// GitHub API: https://developer.github.com/v3/repos/#get
return await Cache(`https://api.github.com/repos/${repo}/contributors`, {
duration: "1d", // 1 day
type: "json"
});
};

21
internal/_includes/css/tailwind.css → internal/_includes/css/tailwind.scss
View File

@ -2,11 +2,14 @@
@tailwind components;
@tailwind utilities;
// Non Tailwind CSS Below
.bg-primary {
background:#fe6431
@layer components {
.btn-cta {
@apply inline-block pb-1 pt-2 pl-2 pr-2 mr-2 bg-primary hover:ring-white rounded ring-2 ring-black text-white;
}
}
/* Non Tailwind CSS Below */
/*
.bg-secondary {
background:#525252
}
@ -720,10 +723,7 @@ h3 {
font-size:var(--text-700);
line-height:1.5
}
ol,
ul {
padding:0 0 0 1.25rem
}
a {
text-decoration: none;
color: #fe6431;
@ -799,6 +799,9 @@ a:not([class]):hover {
background:#525252;
color: #F3F6FB;
}
.mobile-nav {
--transition-duration:.3s;
position:fixed;
@ -916,3 +919,5 @@ a:not([class]):hover {
width:var(--social-icon-size);
height:var(--social-icon-size)
}
*/

4
internal/_includes/css/theme.scss
View File

@ -1,4 +0,0 @@
// color variables
$color-primary: #240d09;
$color-secondary: #fe6431;
$color-white: #F3F6FB;

4
internal/_includes/layouts/default.njk
View File

@ -6,6 +6,10 @@
{% include "snippets/nav.njk" %}
<body class="bg-white color-primary font-base leading-normal">
<div id="wrapper" class="container mx-auto ">
{# include content #}

10
internal/_includes/layouts/home.njk
View File

@ -2,10 +2,13 @@
<html lang="en">
{# include header #}
{% include "snippets/head.njk" %}
{# include nav #}
{% include "snippets/nav.njk" %}
<body class="bg-white color-primary font-base leading-normal">
{# include nav #}
{% include "snippets/nav.njk" %}
<div id="wrapper" class="container mx-auto ">
{# include content #}
@ -15,8 +18,5 @@
{% include "snippets/footer.njk" %}
</div>
{# include mobile nav #}
</body>
</html>

30
internal/_includes/snippets/footer.njk
View File

@ -1,12 +1,26 @@
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png" />
</div>
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
Hull</a>.
<hr/>
<p class="color-grey">Website built by:</p>
{% for contributor in contributors %}
<a class="inline-block" href="{{ contributor.html_url }}">
<div class="m-1 mr-2 w-12 h-12 relative flex justify-center items-center rounded-full bg-gray-500 text-xl text-white">
<img src="{{contributor.avatar_url}}" class="rounded-full">
</div>
</a>
{% endfor %}
</p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png"/>
</div>
</div>
</div>

52
internal/_includes/snippets/nav.njk
View File

@ -1,13 +1,41 @@
<div class="container flex mx-auto h-24 mb-20 mt-2">
<div class="flex-none">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64"></a>
</div>
<div class="flex-1 flex justify-end">
<div class="container mx-auto m-2 h-24">
<nav id="nav" class="nav" aria-label="Primary">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
<ul class="float-right flex space-x-3 m-6">
<!-- <li><a class="link hover:text-yellow-600" href="/about">about</a></li>
<li><a class="link hover:text-yellow-600" href="/history">history</a></li>
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li> -->
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
</nav>
</div>
<ul class="invisible md:visible">
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
<li class="inline-block"><button
class="btn-cta "><a
href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li class="inline-block"><button
class="btn-cta bg-gray-400"><a
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
<div class="md:hidden flex items-center">
<button class="outline-none mobile-menu-button">
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
<path d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="md:hidden mobile-menu">
<ul>
<li class="active"><a href="index.html"
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
</li>
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
</li>
</ul>
</div>

13
internal/about/index.njk
View File

@ -2,16 +2,3 @@
layout: layouts/default
title: About
---
<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>

4
internal/history/index.md
View File

@ -1,4 +0,0 @@
---
layout: layouts/default
title: About
---

154
internal/index.njk
View File

@ -1,77 +1,97 @@
---
layout: layouts/home
layout: layouts/default
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>
<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>
<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>
</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>
<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">
<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="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="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="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>
<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>
<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>
</div>

3
package.json
View File

@ -8,6 +8,7 @@
"description": "Freeside web is an eleventy static site with tailwind and postcss integration to update the Freeside website",
"main": "index.js",
"dependencies": {
"@11ty/eleventy-cache-assets": "^2.3.0",
"autoprefixer": "^10.3.1",
"concurrently": "^6.2.1",
"postcss-cli": "^8.3.1",
@ -19,7 +20,7 @@
"@types/simple-icons": "^5.8.0"
},
"scripts": {
"tailwind:process": "npx postcss internal/_includes/css/tailwind.css --o public/assets/css/main.css --watch",
"tailwind:process": "npx postcss internal/_includes/css/tailwind.scss --o public/assets/css/main.css --watch",
"start": "concurrently \"npm run tailwind:process\" \"npm run serve\"",
"serve": "npx eleventy --serve"
}

94
public/about/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<link rel="canonical" href="/about/">
<meta name="description" content="Linux @ Hull. Freeside is the student run and maintained linux cluster within the University Of Hull Computer Science Department providing...">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -28,50 +28,76 @@
<!-- endbuild -->
<div class="container flex mx-auto h-24 mb-20 mt-2">
<div class="flex-none">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64"></a>
</div>
<div class="flex-1 flex justify-end">
<div class="container mx-auto m-2 h-24">
<nav id="nav" class="nav" aria-label="Primary">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
<ul class="float-right flex space-x-3 m-6">
<li><a class="link hover:text-yellow-600" href="/about">about</a></li>
<li><a class="link hover:text-yellow-600" href="/about">history</a></li>
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li>
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
</nav>
</div>
<ul class="invisible md:visible">
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
<li class="inline-block"><button
class="btn-cta "><a
href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li class="inline-block"><button
class="btn-cta bg-gray-400"><a
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
<div class="md:hidden flex items-center">
<button class="outline-none mobile-menu-button">
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
<path d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="md:hidden mobile-menu">
<ul>
<li class="active"><a href="index.html"
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
</li>
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
</li>
</ul>
</div>
<body class="bg-white color-primary font-base leading-normal">
<div id="wrapper" class="container mx-auto ">
<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-11/12 h-11/12">
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png" />
</div>
</div>
</div>
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
Hull</a>.
<hr/>
<p class="color-grey">Website built by:</p>
</p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png"/>
</div>
</div>
</div>

80
public/alumni/index.html
View File

@ -28,21 +28,53 @@
<!-- endbuild -->
<div class="container flex mx-auto h-24 mb-20 mt-2">
<div class="flex-none">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64"></a>
</div>
<div class="flex-1 flex justify-end">
<div class="container mx-auto m-2 h-24">
<nav id="nav" class="nav" aria-label="Primary">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
<ul class="float-right flex space-x-3 m-6">
<li><a class="link hover:text-yellow-600" href="/about">about</a></li>
<li><a class="link hover:text-yellow-600" href="/about">history</a></li>
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li>
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
</nav>
</div>
<ul class="invisible md:visible">
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
<li class="inline-block"><button
class="btn-cta "><a
href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li class="inline-block"><button
class="btn-cta bg-gray-400"><a
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
<div class="md:hidden flex items-center">
<button class="outline-none mobile-menu-button">
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
<path d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="md:hidden mobile-menu">
<ul>
<li class="active"><a href="index.html"
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
</li>
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
</li>
</ul>
</div>
<body class="bg-white color-primary font-base leading-normal">
<div id="wrapper" class="container mx-auto ">
@ -96,16 +128,22 @@
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png" />
</div>
</div>
</div>
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
Hull</a>.
<hr/>
<p class="color-grey">Website built by:</p>
</p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png"/>
</div>
</div>
</div>

189901
public/assets/css/main.css
View File

File diff suppressed because it is too large Load Diff

353
public/history/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8">
<link rel="canonical" href="/history/">
<meta name="description" content="">
<meta name="description" content="2021 Some history here 2020 Some history here 2019 Some history here 2018 Some history here 2017 Some history here 2016 Some history here...">
<meta name="format-detection" content="telephone=no">
<meta name="robots" content="index,follow" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -12,7 +12,7 @@
<meta name="author" content="">
<meta name="HandheldFriendly" content="true"/>
<title>About</title>
<title>History</title>
<link rel="stylesheet" href="../assets/css/main.css">
@ -28,38 +28,345 @@
<!-- endbuild -->
<div class="container flex mx-auto h-24 mb-20 mt-2">
<div class="flex-none">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64"></a>
</div>
<div class="flex-1 flex justify-end">
<div class="container mx-auto m-2 h-24">
<nav id="nav" class="nav" aria-label="Primary">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
<ul class="float-right flex space-x-3 m-6">
<li><a class="link hover:text-yellow-600" href="/about">about</a></li>
<li><a class="link hover:text-yellow-600" href="/about">history</a></li>
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li>
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
</nav>
</div>
<ul class="invisible md:visible">
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
<li class="inline-block"><button
class="btn-cta "><a
href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li class="inline-block"><button
class="btn-cta bg-gray-400"><a
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
<div class="md:hidden flex items-center">
<button class="outline-none mobile-menu-button">
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
<path d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="md:hidden mobile-menu">
<ul>
<li class="active"><a href="index.html"
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
</li>
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
</li>
</ul>
</div>
<body class="bg-white color-primary font-base leading-normal">
<div id="wrapper" class="container mx-auto ">
<div class="container bg-white mx-auto w-full h-full">
<div class="relative wrap overflow-hidden p-10 h-full">
<div class="border-2-2 absolute border-opacity-20 border-gray-700 h-full border" style="left: 50%"></div>
<!-- 2021 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2021</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2020 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2020</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2019 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2019</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2018 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2018</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2017 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2017</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2016 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2016</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2015 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2015</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2014 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2014</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2013 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2013</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2012 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2012</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2011 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2011</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2010 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2010</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2009 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2009</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2008 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2008</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2007 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2007</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2006 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2006</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2005 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2005</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2004 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2004</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2003 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2003</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2002 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2002</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2001 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">2001</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 2000 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">2000</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Some history here</p>
</div>
</div>
<!-- 1999 -->
<div class="mb-8 flex justify-between flex-row-reverse items-center w-full left-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-primary rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-white text-xl">1999</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-white text-opacity-100">Some history here</p>
</div>
</div>
<!-- 1998 -->
<div class="mb-8 flex justify-between items-center w-full right-timeline">
<div class="order-1 w-5/12"></div>
<div class="z-20 flex items-center order-1 bg-gray-800 shadow-xl w-8 h-8 rounded-full">
</div>
<div class="order-1 bg-gray-400 rounded-lg shadow-xl w-5/12 px-6 py-4">
<h3 class="mb-3 font-bold text-gray-800 text-xl">1998</h3>
<p class="text-sm leading-snug tracking-wide text-gray-900 text-opacity-100">Start of Freeside</p>
</div>
</div>
</div>
</div>
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png" />
</div>
</div>
</div>
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
Hull</a>.
<hr/>
<p class="color-grey">Website built by:</p>
</p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png"/>
</div>
</div>
</div>

234
public/index.html
View File

@ -1,5 +1,5 @@
<!doctype html>
<html lang="en">
<html class="h-100" lang="">
<meta charset="utf-8">
@ -28,112 +28,168 @@
<!-- endbuild -->
<div class="container flex mx-auto h-24 mb-20 mt-2">
<div class="flex-none">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64"></a>
</div>
<div class="flex-1 flex justify-end">
<div class="container mx-auto m-2 h-24">
<nav id="nav" class="nav" aria-label="Primary">
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
<ul class="float-right flex space-x-3 m-6">
<li><a class="link hover:text-yellow-600" href="/about">about</a></li>
<li><a class="link hover:text-yellow-600" href="/about">history</a></li>
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li>
<li><button class="link link-button ring-1 ring-black bg-primary box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li><button class="link link-button ring-1 ring-black bg-gray-400 box-block color-primary hover:text-white text-400 weight-bold pl-500 pr-500 "><a href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
</nav>
</div>
<ul class="invisible md:visible">
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
<li class="inline-block"><button
class="btn-cta "><a
href="https://profiles.freeside.co.uk/join"> create account </a></li>
<li class="inline-block"><button
class="btn-cta bg-gray-400"><a
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
</ul>
<div class="md:hidden flex items-center">
<button class="outline-none mobile-menu-button">
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
<path d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="md:hidden mobile-menu">
<ul>
<li class="active"><a href="index.html"
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
</li>
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
</li>
</ul>
</div>
<body class="bg-white color-primary font-base leading-normal">
<div id="wrapper" class="container mx-auto ">
<section id="landing">
<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>
</section>
<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>
<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-full pull-right shadow-2xl" src="/assets/img/lab.jpg" />
</div>
</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>
</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>
<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">
<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="link link-calltoaction ring-2 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900 "><a href="/alumnus"> 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="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="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>
<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>
</div>
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of Hull</a>. | <p class="color-grey">Built by <a href="https://github.com/closebracket" class="link color-primary text-500 weight-bold">closebracket</a>.</p></p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png" />
</div>
</div>
</div>
<div class="grid grid-rows-1 grid-flow-col gap-4">
<div class="row-span-2 col-span-2">
<p class="color-grey">Freeside is a student run project at the <a
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
Hull</a>.
<hr/>
<p class="color-grey">Website built by:</p>
</p>
</div>
<div class="row-span-1 col-span-1">
<img class="w-40" src="../assets/img/uoh-logo.png"/>
</div>
</div>
</div>

38
tailwind.config.js
View File

@ -1,21 +1,23 @@
module.exports = {
mode: 'jit',
purge: [
'./public/**/*.html',
'./public/*.html',
'./internal/**/*.njk',
'./internal/*.njk',
'./internal/**/*.md',
'./internal/*.md',
],
theme: {
backgroundColor: theme => ({
...theme('colors'),
'primary': '#fe7c3b',
'secondary': '#fcac67',
'danger': '#240d09',
}),
gradientColorStops: theme => ({
...theme('colors'),
'primary': '#fe7c3b',
'secondary': '#ff5f0f',})
extend: {
colors: {
primary: '#fe7c3b',
secondary: '#525252',
danger: '#240d09',
discord: '#5865F2'
}
}
}
}
}