Merge pull request #3 from FreesideHull/responsiveness
Merge Responsiveness to Masterclosebracket-solution
|
@ -0,0 +1 @@
|
||||||
|
[{"fe4e1305":"1"},{"cachedAt":1630279364994,"type":"2"},"json"]
|
|
@ -0,0 +1 @@
|
||||||
|
[{"login":"sbrl","id":9929737,"node_id":"MDQ6VXNlcjk5Mjk3Mzc=","avatar_url":"https://avatars.githubusercontent.com/u/9929737?v=4","gravatar_id":"","url":"https://api.github.com/users/sbrl","html_url":"https://github.com/sbrl","followers_url":"https://api.github.com/users/sbrl/followers","following_url":"https://api.github.com/users/sbrl/following{/other_user}","gists_url":"https://api.github.com/users/sbrl/gists{/gist_id}","starred_url":"https://api.github.com/users/sbrl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sbrl/subscriptions","organizations_url":"https://api.github.com/users/sbrl/orgs","repos_url":"https://api.github.com/users/sbrl/repos","events_url":"https://api.github.com/users/sbrl/events{/privacy}","received_events_url":"https://api.github.com/users/sbrl/received_events","type":"User","site_admin":false,"contributions":29},{"login":"Epictek","id":1466270,"node_id":"MDQ6VXNlcjE0NjYyNzA=","avatar_url":"https://avatars.githubusercontent.com/u/1466270?v=4","gravatar_id":"","url":"https://api.github.com/users/Epictek","html_url":"https://github.com/Epictek","followers_url":"https://api.github.com/users/Epictek/followers","following_url":"https://api.github.com/users/Epictek/following{/other_user}","gists_url":"https://api.github.com/users/Epictek/gists{/gist_id}","starred_url":"https://api.github.com/users/Epictek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Epictek/subscriptions","organizations_url":"https://api.github.com/users/Epictek/orgs","repos_url":"https://api.github.com/users/Epictek/repos","events_url":"https://api.github.com/users/Epictek/events{/privacy}","received_events_url":"https://api.github.com/users/Epictek/received_events","type":"User","site_admin":false,"contributions":22},{"login":"dependabot[bot]","id":49699333,"node_id":"MDM6Qm90NDk2OTkzMzM=","avatar_url":"https://avatars.githubusercontent.com/in/29110?v=4","gravatar_id":"","url":"https://api.github.com/users/dependabot%5Bbot%5D","html_url":"https://github.com/apps/dependabot","followers_url":"https://api.github.com/users/dependabot%5Bbot%5D/followers","following_url":"https://api.github.com/users/dependabot%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/dependabot%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/dependabot%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dependabot%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/dependabot%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/dependabot%5Bbot%5D/repos","events_url":"https://api.github.com/users/dependabot%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/dependabot%5Bbot%5D/received_events","type":"Bot","site_admin":false,"contributions":3}]
|
|
@ -19,7 +19,7 @@ module.exports = config => {
|
||||||
input: 'internal',
|
input: 'internal',
|
||||||
output: 'public',
|
output: 'public',
|
||||||
includes: '_includes',
|
includes: '_includes',
|
||||||
data: 'globals'
|
data: '_data'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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/
|
.vs/
|
||||||
# Uncomment if you have tasks that create the project's static files in wwwroot
|
.vscode/
|
||||||
#wwwroot/
|
public/
|
||||||
|
|
||||||
# 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
|
|
||||||
node_modules/
|
node_modules/
|
||||||
|
package-lock.json
|
||||||
# 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
|
|
|
@ -0,0 +1,61 @@
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-project::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top:0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
background-image: url("/img/project-bg.png");
|
||||||
|
background-size:cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
filter: blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.bg-project {
|
||||||
|
/* this is needed or the background will be offset by a few pixels at the top */
|
||||||
|
overflow: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.bg-alumni:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top:0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
background-image: url("/img/alumni-bg.jpg");
|
||||||
|
background-size:cover;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
filter: blur(2px) brightness(40%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-alumni {
|
||||||
|
/* this is needed or the background will be offset by a few pixels at the top */
|
||||||
|
overflow: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons .icon-link:hover {
|
||||||
|
color: #fe6431;
|
||||||
|
}
|
||||||
|
}
|
|
@ -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"
|
||||||
|
});
|
||||||
|
};
|
|
@ -1,918 +0,0 @@
|
||||||
@tailwind base;
|
|
||||||
@tailwind components;
|
|
||||||
@tailwind utilities;
|
|
||||||
|
|
||||||
// Non Tailwind CSS Below
|
|
||||||
|
|
||||||
.bg-primary {
|
|
||||||
background:#fe6431
|
|
||||||
}
|
|
||||||
.bg-secondary {
|
|
||||||
background:#525252
|
|
||||||
}
|
|
||||||
.bg-grey {
|
|
||||||
background:#4e5b71
|
|
||||||
}
|
|
||||||
.bg-white {
|
|
||||||
background:#F3F6FB
|
|
||||||
}
|
|
||||||
.bg-discord {
|
|
||||||
background: #5865F2;
|
|
||||||
}
|
|
||||||
.bg-project {
|
|
||||||
background-image: url("/assets/img/project-bg.png");
|
|
||||||
background-size: 70vw;
|
|
||||||
background-position: -30vw;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.bg-alumni {
|
|
||||||
background-image: url("/assets/img/alumni-bg.jpg");
|
|
||||||
background-size: 70vw;
|
|
||||||
background-position: center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.color-primary {
|
|
||||||
color:#240d09
|
|
||||||
}
|
|
||||||
.color-secondary {
|
|
||||||
color:#fe6431
|
|
||||||
}
|
|
||||||
.color-grey {
|
|
||||||
color:#4e5b71
|
|
||||||
}
|
|
||||||
.color-white {
|
|
||||||
color:#F3F6FB
|
|
||||||
}
|
|
||||||
.font-base,
|
|
||||||
.font-heading {
|
|
||||||
font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif
|
|
||||||
}
|
|
||||||
.box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.mt-300 {
|
|
||||||
margin-top:.8rem
|
|
||||||
}
|
|
||||||
.mt-400 {
|
|
||||||
margin-top:1rem
|
|
||||||
}
|
|
||||||
.mt-500 {
|
|
||||||
margin-top:1.25rem
|
|
||||||
}
|
|
||||||
.mt-600 {
|
|
||||||
margin-top:1.56rem
|
|
||||||
}
|
|
||||||
.mt-700 {
|
|
||||||
margin-top:1.95rem
|
|
||||||
}
|
|
||||||
.mt-800 {
|
|
||||||
margin-top:2.44rem
|
|
||||||
}
|
|
||||||
.mt-900 {
|
|
||||||
margin-top:3.05rem
|
|
||||||
}
|
|
||||||
.mt-1000 {
|
|
||||||
margin-top:3.81rem
|
|
||||||
}
|
|
||||||
.mt-1100 {
|
|
||||||
margin-top:4.76rem
|
|
||||||
}
|
|
||||||
.mb-300 {
|
|
||||||
margin-bottom:.8rem
|
|
||||||
}
|
|
||||||
.mb-400 {
|
|
||||||
margin-bottom:1rem
|
|
||||||
}
|
|
||||||
.mb-500 {
|
|
||||||
margin-bottom:1.25rem
|
|
||||||
}
|
|
||||||
.mb-600 {
|
|
||||||
margin-bottom:1.56rem
|
|
||||||
}
|
|
||||||
.mb-700 {
|
|
||||||
margin-bottom:1.95rem
|
|
||||||
}
|
|
||||||
.mb-800 {
|
|
||||||
margin-bottom:2.44rem
|
|
||||||
}
|
|
||||||
.mb-900 {
|
|
||||||
margin-bottom:3.05rem
|
|
||||||
}
|
|
||||||
.mb-1000 {
|
|
||||||
margin-bottom:3.81rem
|
|
||||||
}
|
|
||||||
.mb-1100 {
|
|
||||||
margin-bottom:4.76rem
|
|
||||||
}
|
|
||||||
.ml-300 {
|
|
||||||
margin-left:.8rem
|
|
||||||
}
|
|
||||||
.ml-400 {
|
|
||||||
margin-left:1rem
|
|
||||||
}
|
|
||||||
.ml-500 {
|
|
||||||
margin-left:1.25rem
|
|
||||||
}
|
|
||||||
.ml-600 {
|
|
||||||
margin-left:1.56rem
|
|
||||||
}
|
|
||||||
.ml-700 {
|
|
||||||
margin-left:1.95rem
|
|
||||||
}
|
|
||||||
.ml-800 {
|
|
||||||
margin-left:2.44rem
|
|
||||||
}
|
|
||||||
.ml-900 {
|
|
||||||
margin-left:3.05rem
|
|
||||||
}
|
|
||||||
.ml-1000 {
|
|
||||||
margin-left:3.81rem
|
|
||||||
}
|
|
||||||
.ml-1100 {
|
|
||||||
margin-left:4.76rem
|
|
||||||
}
|
|
||||||
.mr-300 {
|
|
||||||
margin-right:.8rem
|
|
||||||
}
|
|
||||||
.mr-400 {
|
|
||||||
margin-right:1rem
|
|
||||||
}
|
|
||||||
.mr-500 {
|
|
||||||
margin-right:1.25rem
|
|
||||||
}
|
|
||||||
.mr-600 {
|
|
||||||
margin-right:1.56rem
|
|
||||||
}
|
|
||||||
.mr-700 {
|
|
||||||
margin-right:1.95rem
|
|
||||||
}
|
|
||||||
.mr-800 {
|
|
||||||
margin-right:2.44rem
|
|
||||||
}
|
|
||||||
.mr-900 {
|
|
||||||
margin-right:3.05rem
|
|
||||||
}
|
|
||||||
.mr-1000 {
|
|
||||||
margin-right:3.81rem
|
|
||||||
}
|
|
||||||
.mr-1100 {
|
|
||||||
margin-right:4.76rem
|
|
||||||
}
|
|
||||||
.pt-300 {
|
|
||||||
padding-top:.8rem
|
|
||||||
}
|
|
||||||
.pt-400 {
|
|
||||||
padding-top:1rem
|
|
||||||
}
|
|
||||||
.pt-500 {
|
|
||||||
padding-top:1.25rem
|
|
||||||
}
|
|
||||||
.pt-600 {
|
|
||||||
padding-top:1.56rem
|
|
||||||
}
|
|
||||||
.pt-700 {
|
|
||||||
padding-top:1.95rem
|
|
||||||
}
|
|
||||||
.pt-800 {
|
|
||||||
padding-top:2.44rem
|
|
||||||
}
|
|
||||||
.pt-900 {
|
|
||||||
padding-top:3.05rem
|
|
||||||
}
|
|
||||||
.pt-1000 {
|
|
||||||
padding-top:3.81rem
|
|
||||||
}
|
|
||||||
.pt-1100 {
|
|
||||||
padding-top:4.76rem
|
|
||||||
}
|
|
||||||
.pb-300 {
|
|
||||||
padding-bottom:.8rem
|
|
||||||
}
|
|
||||||
.pb-400 {
|
|
||||||
padding-bottom:1rem
|
|
||||||
}
|
|
||||||
.pb-500 {
|
|
||||||
padding-bottom:1.25rem
|
|
||||||
}
|
|
||||||
.pb-600 {
|
|
||||||
padding-bottom:1.56rem
|
|
||||||
}
|
|
||||||
.pb-700 {
|
|
||||||
padding-bottom:1.95rem
|
|
||||||
}
|
|
||||||
.pb-800 {
|
|
||||||
padding-bottom:2.44rem
|
|
||||||
}
|
|
||||||
.pb-900 {
|
|
||||||
padding-bottom:3.05rem
|
|
||||||
}
|
|
||||||
.pb-1000 {
|
|
||||||
padding-bottom:3.81rem
|
|
||||||
}
|
|
||||||
.pb-1100 {
|
|
||||||
padding-bottom:4.76rem
|
|
||||||
}
|
|
||||||
.pl-300 {
|
|
||||||
padding-left:.8rem
|
|
||||||
}
|
|
||||||
.pl-400 {
|
|
||||||
padding-left:1rem
|
|
||||||
}
|
|
||||||
.pl-500 {
|
|
||||||
padding-left:1.25rem
|
|
||||||
}
|
|
||||||
.pl-600 {
|
|
||||||
padding-left:1.56rem
|
|
||||||
}
|
|
||||||
.pl-700 {
|
|
||||||
padding-left:1.95rem
|
|
||||||
}
|
|
||||||
.pl-800 {
|
|
||||||
padding-left:2.44rem
|
|
||||||
}
|
|
||||||
.pl-900 {
|
|
||||||
padding-left:3.05rem
|
|
||||||
}
|
|
||||||
.pl-1000 {
|
|
||||||
padding-left:3.81rem
|
|
||||||
}
|
|
||||||
.pl-1100 {
|
|
||||||
padding-left:4.76rem
|
|
||||||
}
|
|
||||||
.pr-300 {
|
|
||||||
padding-right:.8rem
|
|
||||||
}
|
|
||||||
.pr-400 {
|
|
||||||
padding-right:1rem
|
|
||||||
}
|
|
||||||
.pr-500 {
|
|
||||||
padding-right:1.25rem
|
|
||||||
}
|
|
||||||
.pr-600 {
|
|
||||||
padding-right:1.56rem
|
|
||||||
}
|
|
||||||
.pr-700 {
|
|
||||||
padding-right:1.95rem
|
|
||||||
}
|
|
||||||
.pr-800 {
|
|
||||||
padding-right:2.44rem
|
|
||||||
}
|
|
||||||
.pr-900 {
|
|
||||||
padding-right:3.05rem
|
|
||||||
}
|
|
||||||
.pr-1000 {
|
|
||||||
padding-right:3.81rem
|
|
||||||
}
|
|
||||||
.pr-1100 {
|
|
||||||
padding-right:4.76rem
|
|
||||||
}
|
|
||||||
.text-300 {
|
|
||||||
font-size:.8rem
|
|
||||||
}
|
|
||||||
.text-400 {
|
|
||||||
font-size:1rem
|
|
||||||
}
|
|
||||||
.text-500 {
|
|
||||||
font-size:1.25rem
|
|
||||||
}
|
|
||||||
.text-600 {
|
|
||||||
font-size:1.56rem
|
|
||||||
}
|
|
||||||
.text-700 {
|
|
||||||
font-size:1.95rem
|
|
||||||
}
|
|
||||||
.text-800 {
|
|
||||||
font-size:2.44rem
|
|
||||||
}
|
|
||||||
.text-900 {
|
|
||||||
font-size:3.05rem
|
|
||||||
}
|
|
||||||
.text-1000 {
|
|
||||||
font-size:3.81rem
|
|
||||||
}
|
|
||||||
.text-1100 {
|
|
||||||
font-size:4.76rem
|
|
||||||
}
|
|
||||||
.leading-tight {
|
|
||||||
line-height:1.1
|
|
||||||
}
|
|
||||||
.leading-normal {
|
|
||||||
line-height:1.6
|
|
||||||
}
|
|
||||||
.leading-loose {
|
|
||||||
line-height:2
|
|
||||||
}
|
|
||||||
.weight-thin {
|
|
||||||
font-weight:300
|
|
||||||
}
|
|
||||||
.weight-regular {
|
|
||||||
font-weight:400
|
|
||||||
}
|
|
||||||
.weight-bold {
|
|
||||||
font-weight:700
|
|
||||||
}
|
|
||||||
.width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
.height-full {
|
|
||||||
height:100%
|
|
||||||
}
|
|
||||||
.height-screen {
|
|
||||||
height:100vh
|
|
||||||
}
|
|
||||||
.length-compact {
|
|
||||||
max-width:25ch
|
|
||||||
}
|
|
||||||
.length-optimal {
|
|
||||||
max-width:75ch
|
|
||||||
}
|
|
||||||
.z-20 {
|
|
||||||
z-index:20
|
|
||||||
}
|
|
||||||
@media screen and (min-width:22.5em) {
|
|
||||||
.mobileL\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.mobileL\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.mobileL\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.mobileL\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.mobileL\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.mobileL\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.mobileL\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.mobileL\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.mobileL\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.mobileL\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:40em) {
|
|
||||||
.mobileXL\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.mobileXL\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.mobileXL\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.mobileXL\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.mobileXL\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.mobileXL\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.mobileXL\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.mobileXL\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.mobileXL\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.mobileXL\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:48em) {
|
|
||||||
.tablet\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.tablet\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.tablet\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.tablet\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.tablet\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.tablet\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.tablet\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.tablet\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.tablet\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.tablet\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:64em) {
|
|
||||||
.laptop\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.laptop\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.laptop\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.laptop\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.laptop\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.laptop\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.laptop\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.laptop\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.laptop\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.laptop\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:80em) {
|
|
||||||
.desktop\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.desktop\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.desktop\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.desktop\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.desktop\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.desktop\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.desktop\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.desktop\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.desktop\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.desktop\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:90em) {
|
|
||||||
.desktopL\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.desktopL\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.desktopL\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.desktopL\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.desktopL\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.desktopL\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.desktopL\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.desktopL\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.desktopL\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.desktopL\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media screen and (min-width:120em) {
|
|
||||||
.desktopXL\:box-block {
|
|
||||||
display:block
|
|
||||||
}
|
|
||||||
.desktopXL\:box-inline-block {
|
|
||||||
display:inline-block
|
|
||||||
}
|
|
||||||
.desktopXL\:box-flex {
|
|
||||||
display:flex
|
|
||||||
}
|
|
||||||
.desktopXL\:box-grid {
|
|
||||||
display:grid
|
|
||||||
}
|
|
||||||
.desktopXL\:box-hidden {
|
|
||||||
display:none
|
|
||||||
}
|
|
||||||
.desktopXL\:width-full {
|
|
||||||
width:100%
|
|
||||||
}
|
|
||||||
.desktopXL\:width-screen {
|
|
||||||
width:100vw
|
|
||||||
}
|
|
||||||
.desktopXL\:width-half {
|
|
||||||
width:50%
|
|
||||||
}
|
|
||||||
.desktopXL\:width-quarter {
|
|
||||||
width:25%
|
|
||||||
}
|
|
||||||
.desktopXL\:width-third {
|
|
||||||
width:33.3333333333%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
:root {
|
|
||||||
--max-width:80rem;
|
|
||||||
--gap:1.56rem;
|
|
||||||
--base-font-size:1rem;
|
|
||||||
--ratio:1.1;
|
|
||||||
--text-300:calc(var(--base-font-size)/var(--ratio)/var(--ratio));
|
|
||||||
--text-400:calc(var(--text-300)*var(--ratio));
|
|
||||||
--text-500:calc(var(--text-400)*var(--ratio)*var(--ratio));
|
|
||||||
--text-600:calc(var(--text-500)*var(--ratio));
|
|
||||||
--text-700:calc(var(--text-600)*var(--ratio));
|
|
||||||
--text-800:calc(var(--text-700)*var(--ratio));
|
|
||||||
--text-900:calc(var(--text-800)*var(--ratio));
|
|
||||||
--text-1000:calc(var(--text-900)*var(--ratio));
|
|
||||||
--text-1100:calc(var(--text-1000)*var(--ratio));
|
|
||||||
--border-radius:.25rem;
|
|
||||||
--border-size:.15rem;
|
|
||||||
--transition-duration:.25s;
|
|
||||||
--transition-timing:ease-out
|
|
||||||
}
|
|
||||||
@media (min-width:48em) {
|
|
||||||
:root {
|
|
||||||
--ratio:1.2
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width:64em) {
|
|
||||||
:root {
|
|
||||||
--ratio:1.25
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inner {
|
|
||||||
width:100%;
|
|
||||||
margin:0 auto;
|
|
||||||
max-width:var(--max-width);
|
|
||||||
padding-left:1.56rem;
|
|
||||||
padding-right:1.56rem
|
|
||||||
}
|
|
||||||
.flow>*+* {
|
|
||||||
margin-top:var(--gap)
|
|
||||||
}
|
|
||||||
@media (min-width:48em) {
|
|
||||||
.flow>*+* {
|
|
||||||
--gap:1.95rem
|
|
||||||
}
|
|
||||||
}
|
|
||||||
[data-src] {
|
|
||||||
opacity:0
|
|
||||||
}
|
|
||||||
.loaded {
|
|
||||||
opacity:1;
|
|
||||||
transition:opacity var(--transition-duration) var(--transition-timing)
|
|
||||||
}
|
|
||||||
.sr-only {
|
|
||||||
position:absolute;
|
|
||||||
width:1px;
|
|
||||||
height:1px;
|
|
||||||
padding:0;
|
|
||||||
margin:-1px;
|
|
||||||
overflow:hidden;
|
|
||||||
clip:rect(0,0,0,0);
|
|
||||||
white-space:nowrap;
|
|
||||||
border-width:0
|
|
||||||
}
|
|
||||||
*,
|
|
||||||
:after,
|
|
||||||
:before {
|
|
||||||
box-sizing:border-box
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
min-height:100%;
|
|
||||||
scroll-behavior:smooth
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
overflow-x:hidden;
|
|
||||||
text-rendering:optimizeLegibility;
|
|
||||||
-webkit-font-smoothing:antialiased
|
|
||||||
}
|
|
||||||
blockquote,
|
|
||||||
body,
|
|
||||||
dd,
|
|
||||||
dl,
|
|
||||||
figure,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
ol,
|
|
||||||
p,
|
|
||||||
ul {
|
|
||||||
margin:0
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
display:block;
|
|
||||||
max-width:100%;
|
|
||||||
height:auto
|
|
||||||
}
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font:inherit
|
|
||||||
}
|
|
||||||
@media (prefers-reduced-motion:reduce) {
|
|
||||||
* {
|
|
||||||
-webkit-animation-duration:NaNs!important;
|
|
||||||
animation-duration:NaNs!important;
|
|
||||||
-webkit-animation-iteration-count:1!important;
|
|
||||||
animation-iteration-count:1!important;
|
|
||||||
transition-duration:NaNs!important;
|
|
||||||
scroll-behavior:auto!important
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ol[class],
|
|
||||||
ul[class] {
|
|
||||||
list-style:none;
|
|
||||||
padding:0
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-size:var(--text-500)
|
|
||||||
}
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
line-height:1.1;
|
|
||||||
letter-spacing:-.01rem
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
--gap:1.95rem;
|
|
||||||
font-size:var(--text-900);
|
|
||||||
margin:0 0 var(--gap)
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size:var(--text-800)
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size:var(--text-700)
|
|
||||||
}
|
|
||||||
.content {
|
|
||||||
word-wrap:break-word
|
|
||||||
}
|
|
||||||
.sub-heading {
|
|
||||||
font-size:var(--text-700);
|
|
||||||
line-height:1.5
|
|
||||||
}
|
|
||||||
ol,
|
|
||||||
ul {
|
|
||||||
padding:0 0 0 1.25rem
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #fe6431;
|
|
||||||
transition:color var(--transition-duration) var(--transition-timing)
|
|
||||||
}
|
|
||||||
a:hover{
|
|
||||||
text-decoration: none;
|
|
||||||
color: #240d09;
|
|
||||||
|
|
||||||
}
|
|
||||||
a:not([class]) {
|
|
||||||
color:#F3F6FB;
|
|
||||||
padding-bottom:.1rem;
|
|
||||||
-webkit-text-decoration-skip:ink;
|
|
||||||
text-decoration-skip-ink:auto
|
|
||||||
}
|
|
||||||
a:not([class]):hover {
|
|
||||||
color: #240d09;
|
|
||||||
}
|
|
||||||
:focus {
|
|
||||||
outline:1px solid #24e0d0;
|
|
||||||
outline-offset:.25rem
|
|
||||||
}
|
|
||||||
.wrapper {
|
|
||||||
min-height:100vh;
|
|
||||||
flex-direction:column;
|
|
||||||
background-attachment:fixed;
|
|
||||||
}
|
|
||||||
@media (min-width:40em) {
|
|
||||||
.wrapper {
|
|
||||||
padding-bottom:0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.logo {
|
|
||||||
--logo-size:1.25rem;
|
|
||||||
font-size:var(--logo-size);
|
|
||||||
margin:0 auto
|
|
||||||
}
|
|
||||||
@media (min-width:40em) {
|
|
||||||
.logo {
|
|
||||||
--logo-size:1.56rem;
|
|
||||||
margin:0 auto 0 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width:40em) {
|
|
||||||
.header-inner {
|
|
||||||
align-items:center;
|
|
||||||
justify-content:space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nav .link {
|
|
||||||
color: #240d09;
|
|
||||||
height:3.05rem;
|
|
||||||
line-height:3.05rem
|
|
||||||
}
|
|
||||||
.nav .link.active,
|
|
||||||
.nav .link:hover {
|
|
||||||
color: #fe6431;
|
|
||||||
}
|
|
||||||
.nav .link-button {
|
|
||||||
border-radius:var(--border-radius);
|
|
||||||
transition:background-color var(--transition-duration) var(--transition-timing)
|
|
||||||
}
|
|
||||||
.nav .link-button:hover {
|
|
||||||
background:#525252;
|
|
||||||
color: #fe6431;
|
|
||||||
}
|
|
||||||
.nav .link-calltoaction {
|
|
||||||
border-radius:var(--border-radius);
|
|
||||||
transition:background-color var(--transition-duration) var(--transition-timing)
|
|
||||||
}
|
|
||||||
.nav .link-calltoaction:hover {
|
|
||||||
background:#525252;
|
|
||||||
color: #F3F6FB;
|
|
||||||
}
|
|
||||||
.mobile-nav {
|
|
||||||
--transition-duration:.3s;
|
|
||||||
position:fixed;
|
|
||||||
top:0;
|
|
||||||
left:0;
|
|
||||||
overflow-y:auto;
|
|
||||||
transform:translate3d(-100%,0,0);
|
|
||||||
transition:transform var(--transition-duration) cubic-bezier(.77,0,.175,1);
|
|
||||||
transition-delay:.1s;
|
|
||||||
will-change:transform
|
|
||||||
}
|
|
||||||
.mobile-nav.menu-visible {
|
|
||||||
transform:translateZ(0)
|
|
||||||
}
|
|
||||||
.mobile-nav .link {
|
|
||||||
--gap:.25rem;
|
|
||||||
padding:var(--gap) 0
|
|
||||||
}
|
|
||||||
.mobile-nav .link.active,
|
|
||||||
.mobile-nav .link:hover {
|
|
||||||
color:#fe6431
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle {
|
|
||||||
position:fixed;
|
|
||||||
bottom:0;
|
|
||||||
height:3.05rem;
|
|
||||||
align-items:center;
|
|
||||||
justify-content:center;
|
|
||||||
border:0;
|
|
||||||
outline:0
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle .mobile-nav-icon {
|
|
||||||
flex-direction:column
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle .icon-line {
|
|
||||||
--transition-duration:.2s;
|
|
||||||
--transition-timing:cubic-bezier(0,0,.2,1);
|
|
||||||
height:2px;
|
|
||||||
width:1.25rem;
|
|
||||||
transform-origin:7px 1px;
|
|
||||||
transition:transform var(--transition-duration) var(--transition-timing),opacity var(--transition-duration) var(--transition-timing)
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle .icon-line:not(:last-child) {
|
|
||||||
margin-bottom:.25rem
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle.expanded .icon-line {
|
|
||||||
margin:0
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle.expanded .icon-line:first-child {
|
|
||||||
transform:rotate(45deg)
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle.expanded .icon-line:nth-child(2) {
|
|
||||||
opacity:0
|
|
||||||
}
|
|
||||||
.mobile-nav-toggle.expanded .icon-line:last-child {
|
|
||||||
transform:rotate(-45deg)
|
|
||||||
}
|
|
||||||
.main {
|
|
||||||
flex-direction:column;
|
|
||||||
flex:1
|
|
||||||
}
|
|
||||||
.main:focus {
|
|
||||||
outline:0
|
|
||||||
}
|
|
||||||
.page-header {
|
|
||||||
--gap:2.44rem;
|
|
||||||
margin-bottom:var(--gap)
|
|
||||||
}
|
|
||||||
@media (min-width:48em) {
|
|
||||||
.page-header {
|
|
||||||
--gap:3.05rem
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.footer-inner {
|
|
||||||
align-items:center;
|
|
||||||
justify-content:space-between
|
|
||||||
}
|
|
||||||
.button {
|
|
||||||
display:inline-block;
|
|
||||||
background-color:#fe6431;
|
|
||||||
border:0;
|
|
||||||
border-radius:var(--border-radius);
|
|
||||||
color:#525252;
|
|
||||||
padding:.8rem 1.25rem;
|
|
||||||
transition:background-color var(--transition-duration) var(--transition-timing);
|
|
||||||
font-weight:700
|
|
||||||
}
|
|
||||||
.button:hover {
|
|
||||||
background:#fe6431
|
|
||||||
}
|
|
||||||
.pagination {
|
|
||||||
--gap:3.81rem
|
|
||||||
}
|
|
||||||
.pagination .items {
|
|
||||||
justify-content:space-between;
|
|
||||||
padding:0
|
|
||||||
}
|
|
||||||
.input,
|
|
||||||
.textarea {
|
|
||||||
border:0;
|
|
||||||
border-radius:var(--border-radius);
|
|
||||||
padding:0 .5rem
|
|
||||||
}
|
|
||||||
.input {
|
|
||||||
height:2.44rem
|
|
||||||
}
|
|
||||||
.textarea {
|
|
||||||
height:4.76rem
|
|
||||||
}
|
|
||||||
.social-icons .icon-link:hover {
|
|
||||||
color:#fe6431
|
|
||||||
}
|
|
||||||
.social-icons .icon {
|
|
||||||
--social-icon-size:1.25rem;
|
|
||||||
width:var(--social-icon-size);
|
|
||||||
height:var(--social-icon-size)
|
|
||||||
}
|
|
|
@ -1,4 +0,0 @@
|
||||||
// color variables
|
|
||||||
$color-primary: #240d09;
|
|
||||||
$color-secondary: #fe6431;
|
|
||||||
$color-white: #F3F6FB;
|
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="{{ metadata.language }}">
|
||||||
|
{# include header #}
|
||||||
|
{% include "snippets/head.njk" %}
|
||||||
|
{# include nav #}
|
||||||
|
{% include "snippets/nav.njk" %}
|
||||||
|
|
||||||
|
<body class="bg-white color-primary font-base leading-normal">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="wrapper" class="container mx-auto ">
|
||||||
|
|
||||||
|
{# include content #}
|
||||||
|
{{ content | safe }}
|
||||||
|
|
||||||
|
{# include footer #}
|
||||||
|
{% include "snippets/footer.njk" %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -6,6 +6,10 @@
|
||||||
{% include "snippets/nav.njk" %}
|
{% include "snippets/nav.njk" %}
|
||||||
|
|
||||||
<body class="bg-white color-primary font-base leading-normal">
|
<body class="bg-white color-primary font-base leading-normal">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="wrapper" class="container mx-auto ">
|
<div id="wrapper" class="container mx-auto ">
|
||||||
|
|
||||||
{# include content #}
|
{# include content #}
|
||||||
|
@ -16,7 +20,5 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{# include mobile nav #}
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -2,10 +2,13 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
{# include header #}
|
{# include header #}
|
||||||
{% include "snippets/head.njk" %}
|
{% include "snippets/head.njk" %}
|
||||||
{# include nav #}
|
|
||||||
{% include "snippets/nav.njk" %}
|
|
||||||
|
|
||||||
<body class="bg-white color-primary font-base leading-normal">
|
<body class="bg-white color-primary font-base leading-normal">
|
||||||
|
|
||||||
|
{# include nav #}
|
||||||
|
{% include "snippets/nav.njk" %}
|
||||||
|
|
||||||
|
|
||||||
<div id="wrapper" class="container mx-auto ">
|
<div id="wrapper" class="container mx-auto ">
|
||||||
|
|
||||||
{# include content #}
|
{# include content #}
|
||||||
|
@ -15,8 +18,5 @@
|
||||||
{% include "snippets/footer.njk" %}
|
{% include "snippets/footer.njk" %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{# include mobile nav #}
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -1,12 +1,26 @@
|
||||||
<div class="container mx-auto h-full m-16 p-6 w-11/12 h-11/12">
|
<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="grid grid-rows-1 grid-flow-col gap-4">
|
||||||
<div class="row-span-2 col-span-2">
|
<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>
|
<p class="color-grey">Freeside is a student run project at the <a
|
||||||
</div>
|
class="link color-primary text-500 weight-bold" href="https://www.hull.ac.uk/">University of
|
||||||
<div class="row-span-1 col-span-1">
|
Hull</a>.
|
||||||
<img class="w-40" src="../assets/img/uoh-logo.png" />
|
<hr/>
|
||||||
</div>
|
<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>
|
||||||
|
<div class="row-span-1 col-span-1">
|
||||||
|
<img class="w-40" src="../img/uoh-logo.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1,13 +1,55 @@
|
||||||
|
<div class="container flex mx-auto h-24 mb-20 mt-2">
|
||||||
|
<div class="flex-none">
|
||||||
|
<a href="/"><img src="/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">
|
<ul class="invisible md:visible">
|
||||||
<nav id="nav" class="nav" aria-label="Primary">
|
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
|
||||||
<a href="/"><img src="/assets/img/logo.png" class="logo float-left w-64">
|
<li class="inline-block"><a class="link hover:text-primary" href="/history">history</a></li>
|
||||||
<ul class="float-right flex space-x-3 m-6">
|
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
|
||||||
<!-- <li><a class="link hover:text-yellow-600" href="/about">about</a></li>
|
<li class="inline-block"><button
|
||||||
<li><a class="link hover:text-yellow-600" href="/history">history</a></li>
|
class="btn-cta "><a
|
||||||
<li><a class="link hover:text-yellow-600" href="/alumni">alumni</a></li> -->
|
href="https://profiles.freeside.co.uk/join"> create account </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 class="inline-block"><button
|
||||||
<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>
|
class="btn-cta bg-gray-400"><a
|
||||||
</ul>
|
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
|
||||||
</nav>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="md:hidden flex items-center">
|
||||||
|
<button id="mobile-menu-button" class="outline-none">
|
||||||
|
<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 id="mobile-menu" class="hidden">
|
||||||
|
<ul>
|
||||||
|
<li class="active"><a href="/about"
|
||||||
|
class="block text-sm px-2 py-4 hover:bg-primary font-semibold ">About</a></li>
|
||||||
|
<li><a href="/about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">History</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="/alumni" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Alumni</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="/alumni" class="block text-sm px-2 py-4 bg-primary transition duration-300">Create Account</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="/alumni" class="block text-sm px-2 py-4 bg-gray-400 transition duration-300">Login</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let hamburger = document.getElementById('mobile-menu-button');
|
||||||
|
|
||||||
|
let mobileMenu = document.getElementById('mobile-menu');
|
||||||
|
|
||||||
|
hamburger.addEventListener('click', function(){
|
||||||
|
mobileMenu.classList.toggle('hidden');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
|
@ -1,17 +1,8 @@
|
||||||
---
|
---
|
||||||
layout: layouts/default
|
layout: layouts/comingsoon
|
||||||
title: About
|
title: About
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
<h1> Coming Soon! </h1>
|
||||||
<div class="grid grid-rows-1 grid-flow-col gap-2">
|
|
||||||
<div class="row-span-1 col-span-1">
|
<p> We're still adding content to this page. We promise it'll be up soon!</p>
|
||||||
<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>
|
|
|
@ -0,0 +1,49 @@
|
||||||
|
---
|
||||||
|
layout: layouts/default
|
||||||
|
title: Alumni
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="container mx-auto m-16 w-screen">
|
||||||
|
<div class="grid grid-rows-1 grid-flow-col">
|
||||||
|
<div class="row-span-1">
|
||||||
|
<h1 class="text-8xl font-bold">Our Alumni</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
||||||
|
<div class="grid grid-cols-2 md:grid-cols-4">
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-sm w-48 items-center" src="/img/epictek.jpg" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/closebracket.jpg" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1">
|
||||||
|
<img class="rounded-2xl w-48 items-center" src="/img/logo.png" />
|
||||||
|
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
|
@ -1,51 +1,8 @@
|
||||||
---
|
---
|
||||||
layout: layouts/default
|
layout: layouts/comingsoon
|
||||||
title: Alumni
|
title: Alumni
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="container mx-auto m-16 w-screen">
|
<h1> Coming Soon! </h1>
|
||||||
<div class="grid grid-rows-1 grid-flow-col">
|
|
||||||
<div class="row-span-1">
|
|
||||||
<h1 class="text-8xl font-bold">Our Alumni</h1>
|
|
||||||
</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-start-1">
|
|
||||||
<img class="rounded-sm w-48 items-center" src="/assets/img/epictek.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-2">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-3">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-4">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/closebracket.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-rows-1 grid-flow-col">
|
|
||||||
<div class="row-span-1 col-start-1">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-2">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-3">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-4">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
<p> We're still adding content to this page. We promise it'll be up soon!</p>
|
|
@ -1,3 +1,8 @@
|
||||||
---
|
---
|
||||||
layout: layouts/blog
|
layout: layouts/comingsoon
|
||||||
---
|
title: Blog
|
||||||
|
---
|
||||||
|
|
||||||
|
<h1> Coming Soon! </h1>
|
||||||
|
|
||||||
|
<p> We're still adding content to this page. We promise it'll be up soon!</p>
|
|
@ -0,0 +1,274 @@
|
||||||
|
---
|
||||||
|
layout: layouts/default
|
||||||
|
title: History
|
||||||
|
---
|
||||||
|
|
||||||
|
<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>
|
|
@ -1,4 +0,0 @@
|
||||||
---
|
|
||||||
layout: layouts/default
|
|
||||||
title: About
|
|
||||||
---
|
|
|
@ -1,274 +1,8 @@
|
||||||
---
|
---
|
||||||
layout: layouts/default
|
layout: layouts/comingsoon
|
||||||
title: History
|
title: History
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="container bg-white mx-auto w-full h-full">
|
<h1> Coming Soon! </h1>
|
||||||
<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 -->
|
<p> We're still adding content to this page. We promise it'll be up soon!</p>
|
||||||
<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>
|
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 145 KiB After Width: | Height: | Size: 145 KiB |
Before Width: | Height: | Size: 375 KiB After Width: | Height: | Size: 375 KiB |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
@ -1,77 +1,92 @@
|
||||||
---
|
---
|
||||||
layout: layouts/home
|
layout: layouts/default
|
||||||
title: Freeside
|
title: Freeside
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
<section class="landing mx-auto container h-full w-screen grid grid-rows-1 grid-flow-col gap-2">
|
||||||
<div class="grid grid-rows-1 grid-flow-col gap-2">
|
<div class="grid grid-cols-4 gap-4">
|
||||||
<div class="row-span-1 col-span-1">
|
<div class="col-span-4 md:col-span-2">
|
||||||
<h1 class="text-8xl font-bold overflow-ellipsis z-10">Linux @ Hull.</h1>
|
<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>
|
<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>
|
||||||
<div class="row-span-2 col-span-2">
|
<div class="col-span-4 md:col-span-2">
|
||||||
<img class="rounded-full pull-right shadow-2xl z-0" src="/assets/img/lab.jpg" />
|
<img class="rounded-3xl pull-right shadow-2xl" src="/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>
|
||||||
|
</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://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="col-span-1">
|
||||||
|
<ol class="flex gap-4 m-5 p-5 justify-center">
|
||||||
|
<button class="btn-cta inline-block ">
|
||||||
|
<ahref="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>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container mx-auto h-full m-9 p-6">
|
</div>
|
||||||
<div class="grid grid-rows-1 grow-cols-3 grid-flow-col">
|
<div class="container mx-auto h-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||||
<div class="row-span-1 col-span-1">
|
<div class="col-span-1 bg-alumni rounded-xl p-10">
|
||||||
<div class="bg-alumni rounded-xl p-10 w-3/4">
|
<h2 class="text-white text-bold">Alumni Network</h2>
|
||||||
<h2 class="text-gray text-bold">Alumni Network</h2>
|
<p class="text-white">Our community is made up of like-minded life-time members including many distinguished alumni
|
||||||
<p>Our community is made up of like-minded life-time members including many distinguished alumni whom continue to support students.</p>
|
whom continue to support students.</p>
|
||||||
<br>
|
<br>
|
||||||
<nav class="nav box-hidden mobileXL:box-block">
|
<button class="btn-cta">
|
||||||
|
<a href="/alumni"> View Alumni </a>
|
||||||
<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>
|
</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>
|
||||||
</div>
|
<div class="col-span-1 rounded-xl bg-project 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>
|
||||||
|
<button class="btn-cta">
|
||||||
|
<a href="https://github.com/freesidehull"> Get involved </a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-1 rounded-xl bg-primary 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>
|
||||||
|
<button class="btn-cta ">
|
||||||
|
<a href="https://github.com/freesidehull/studentresources"> View List </a>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
|
@ -8,6 +8,7 @@
|
||||||
"description": "Freeside web is an eleventy static site with tailwind and postcss integration to update the Freeside website",
|
"description": "Freeside web is an eleventy static site with tailwind and postcss integration to update the Freeside website",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@11ty/eleventy-cache-assets": "^2.3.0",
|
||||||
"autoprefixer": "^10.3.1",
|
"autoprefixer": "^10.3.1",
|
||||||
"concurrently": "^6.2.1",
|
"concurrently": "^6.2.1",
|
||||||
"postcss-cli": "^8.3.1",
|
"postcss-cli": "^8.3.1",
|
||||||
|
@ -16,10 +17,11 @@
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "^0.12.1",
|
"@11ty/eleventy": "^0.12.1",
|
||||||
"@11ty/eleventy-img": "^0.9.0",
|
"@11ty/eleventy-img": "^0.9.0",
|
||||||
"@types/simple-icons": "^5.8.0"
|
"@types/simple-icons": "^5.8.0",
|
||||||
|
"cross-env": "^7.0.3"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"tailwind:process": "npx postcss internal/_includes/css/tailwind.css --o public/assets/css/main.css --watch",
|
"tailwind:process": "cross-env TAILWIND_MODE=watch postcss css/tailwind.scss --o public/assets/css/main.css --watch",
|
||||||
"start": "concurrently \"npm run tailwind:process\" \"npm run serve\"",
|
"start": "concurrently \"npm run tailwind:process\" \"npm run serve\"",
|
||||||
"serve": "npx eleventy --serve"
|
"serve": "npx eleventy --serve"
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,83 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="h-100" lang="">
|
|
||||||
|
|
||||||
|
|
||||||
<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="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">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<meta name="HandheldFriendly" content="true"/>
|
|
||||||
|
|
||||||
<title>About</title>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../assets/css/main.css">
|
|
||||||
|
|
||||||
<script src="assets/js/main.min.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
|
|
||||||
<link rel="icon" type="image/svg+xml" href="">
|
|
||||||
<link rel="icon" type="image/png" href="">
|
|
||||||
<link rel="apple-touch-icon" href="" sizes="180x180">
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,117 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="h-100" lang="">
|
|
||||||
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="canonical" href="/alumni/">
|
|
||||||
<meta name="description" content="Our Alumni epictek shinsters sleepyxuras closebracket ????? ????? ????? ?????">
|
|
||||||
<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">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<meta name="HandheldFriendly" content="true"/>
|
|
||||||
|
|
||||||
<title>Alumni</title>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../assets/css/main.css">
|
|
||||||
|
|
||||||
<script src="assets/js/main.min.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
|
|
||||||
<link rel="icon" type="image/svg+xml" href="">
|
|
||||||
<link rel="icon" type="image/png" href="">
|
|
||||||
<link rel="apple-touch-icon" href="" sizes="180x180">
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<body class="bg-white color-primary font-base leading-normal">
|
|
||||||
<div id="wrapper" class="container mx-auto ">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container mx-auto m-16 w-screen">
|
|
||||||
<div class="grid grid-rows-1 grid-flow-col">
|
|
||||||
<div class="row-span-1">
|
|
||||||
<h1 class="text-8xl font-bold">Our Alumni</h1>
|
|
||||||
</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-start-1">
|
|
||||||
<img class="rounded-sm w-48 items-center" src="/assets/img/epictek.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">epictek</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-2">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">shinsters</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-3">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">sleepyxuras</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-4">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/closebracket.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">closebracket</h4>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grid grid-rows-1 grid-flow-col">
|
|
||||||
<div class="row-span-1 col-start-1">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-2">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-3">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</div>
|
|
||||||
<div class="row-span-1 col-start-4">
|
|
||||||
<img class="rounded-2xl w-48 items-center" src="/assets/img/logo.jpg" />
|
|
||||||
<h4 class="p-2 text-gray-400 font-medium leading-relaxed">?????</h4>
|
|
||||||
</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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
190085
public/assets/css/main.css
Before Width: | Height: | Size: 83 KiB |
|
@ -1 +0,0 @@
|
||||||
<ul></ul>
|
|
|
@ -1,71 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html class="h-100" lang="">
|
|
||||||
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="canonical" href="/history/">
|
|
||||||
<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">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<meta name="HandheldFriendly" content="true"/>
|
|
||||||
|
|
||||||
<title>About</title>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../assets/css/main.css">
|
|
||||||
|
|
||||||
<script src="assets/js/main.min.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
|
|
||||||
<link rel="icon" type="image/svg+xml" href="">
|
|
||||||
<link rel="icon" type="image/png" href="">
|
|
||||||
<link rel="apple-touch-icon" href="" sizes="180x180">
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<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-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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,145 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="canonical" href="/">
|
|
||||||
<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="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">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
<meta name="HandheldFriendly" content="true"/>
|
|
||||||
|
|
||||||
<title>Freeside</title>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="../assets/css/main.css">
|
|
||||||
|
|
||||||
<script src="assets/js/main.min.js" defer></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
|
|
||||||
<link rel="icon" type="image/svg+xml" href="">
|
|
||||||
<link rel="icon" type="image/png" href="">
|
|
||||||
<link rel="apple-touch-icon" href="" sizes="180x180">
|
|
||||||
<!-- endbuild -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
</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="/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="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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,21 +1,23 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
|
mode: 'jit',
|
||||||
|
purge: [
|
||||||
|
'./public/**/*.html',
|
||||||
|
'./public/*.html',
|
||||||
|
'./internal/**/*.njk',
|
||||||
|
'./internal/*.njk',
|
||||||
|
'./internal/**/*.md',
|
||||||
|
'./internal/*.md',
|
||||||
|
|
||||||
|
|
||||||
|
],
|
||||||
theme: {
|
theme: {
|
||||||
backgroundColor: theme => ({
|
extend: {
|
||||||
|
colors: {
|
||||||
...theme('colors'),
|
primary: '#fe7c3b',
|
||||||
|
secondary: '#525252',
|
||||||
'primary': '#fe7c3b',
|
danger: '#240d09',
|
||||||
|
discord: '#5865F2'
|
||||||
'secondary': '#fcac67',
|
}
|
||||||
|
|
||||||
'danger': '#240d09',
|
|
||||||
}),
|
|
||||||
gradientColorStops: theme => ({
|
|
||||||
|
|
||||||
...theme('colors'),
|
|
||||||
|
|
||||||
'primary': '#fe7c3b',
|
|
||||||
|
|
||||||
'secondary': '#ff5f0f',})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|