Add project files.
456477617264
parent
67fe29a886
commit
6043d5ec6e
|
|
@ -0,0 +1,24 @@
|
|||
module.exports = config => {
|
||||
|
||||
// Layout aliases
|
||||
config.addLayoutAlias('home', 'layouts/home.njk')
|
||||
config.addLayoutAlias('page', 'layouts/page.njk')
|
||||
config.addLayoutAlias('contact', 'layouts/contact.njk')
|
||||
|
||||
// Include static assets
|
||||
config.addPassthroughCopy('internal/css')
|
||||
config.addPassthroughCopy('internal/js')
|
||||
config.addPassthroughCopy('internal/img')
|
||||
config.addPassthroughCopy('favicon.png')
|
||||
config.addPassthroughCopy('favicon.svg')
|
||||
|
||||
return {
|
||||
markdownTemplateEngine: 'njk',
|
||||
dir: {
|
||||
input: 'internal',
|
||||
output: 'public',
|
||||
includes: '_includes',
|
||||
data: 'globals'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,918 @@
|
|||
@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)
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
// color variables
|
||||
$color-primary: #240d09;
|
||||
$color-secondary: #fe6431;
|
||||
$color-white: #F3F6FB;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 375 KiB |
|
|
@ -0,0 +1 @@
|
|||
(()=>{"use strict";var e={995:()=>{const e={body:document.querySelector("body"),wrapper:document.getElementById("wrapper"),header:document.getElementById("header"),nav:document.getElementById("nav"),hero:document.getElementById("hero"),main:document.getElementById("main"),containerCentre:document.getElementById("container-centre"),containerRight:document.getElementById("container-right"),preFooter:document.getElementById("pre-footer"),footer:document.getElementById("footer"),mobileNav:document.getElementById("mobile-nav"),mobileNavToggle:document.getElementById("mobile-nav-toggle")};e.mobileNavToggle.addEventListener("click",(function(){this.classList.toggle("expanded"),e.mobileNav.classList.toggle("menu-visible"),"false"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","true"):this.setAttribute("aria-expanded","false")}));!function(){var t=e.wrapper.querySelectorAll("[data-src]");if(t.length>0){var n=new IntersectionObserver((function(e,t){e.forEach((function(e){var n,r;e.isIntersecting&&(n=e.target,r=n.dataset.src,n.src=r,n.classList.add("loaded"),n.removeAttribute("data-src"),t.unobserve(e.target))}))}),{threshold:.5});t.forEach((function(e){n.observe(e)}))}}()},617:()=>{}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}n.m=e,n.x=e=>{},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={522:0},t=[[995],[617]],r=e=>{},o=(o,a)=>{for(var l,i,[s,d,c,u]=a,m=0,g=[];m<s.length;m++)i=s[m],n.o(e,i)&&e[i]&&g.push(e[i][0]),e[i]=0;for(l in d)n.o(d,l)&&(n.m[l]=d[l]);for(c&&c(n),o&&o(a);g.length;)g.shift()();return u&&t.push.apply(t,u),r()},a=self.webpackChunkskeleventy=self.webpackChunkskeleventy||[];function l(){for(var r,o=0;o<t.length;o++){for(var a=t[o],l=!0,i=1;i<a.length;i++){var s=a[i];0!==e[s]&&(l=!1)}l&&(t.splice(o--,1),r=n(n.s=a[0]))}return 0===t.length&&(n.x(),n.x=e=>{}),r}a.forEach(o.bind(null,0)),a.push=o.bind(null,a.push.bind(a));var i=n.x;n.x=()=>(n.x=i||(e=>{}),(r=l)())})(),n.x()})();
|
||||
|
|
@ -0,0 +1 @@
|
|||
(()=>{"use strict";var e={995:()=>{const e={body:document.querySelector("body"),wrapper:document.getElementById("wrapper"),header:document.getElementById("header"),nav:document.getElementById("nav"),hero:document.getElementById("hero"),main:document.getElementById("main"),containerCentre:document.getElementById("container-centre"),containerRight:document.getElementById("container-right"),preFooter:document.getElementById("pre-footer"),footer:document.getElementById("footer"),mobileNav:document.getElementById("mobile-nav"),mobileNavToggle:document.getElementById("mobile-nav-toggle")};e.mobileNavToggle.addEventListener("click",(function(){this.classList.toggle("expanded"),e.mobileNav.classList.toggle("menu-visible"),"false"===this.getAttribute("aria-expanded")?this.setAttribute("aria-expanded","true"):this.setAttribute("aria-expanded","false")})),function(){var t=e.wrapper.querySelectorAll("[data-src]");if(t.length>0){var n=new IntersectionObserver((function(e,t){e.forEach((function(e){var n,r;e.isIntersecting&&(r=(n=e.target).dataset.src,n.src=r,n.classList.add("loaded"),n.removeAttribute("data-src"),t.unobserve(e.target))}))}),{threshold:.5});t.forEach((function(e){n.observe(e)}))}}()},617:()=>{}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{}};return e[r](o,o.exports,n),o.exports}n.m=e,n.x=e=>{},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={522:0},t=[[995],[617]],r=e=>{},o=(o,a)=>{for(var l,i,[s,d,c,u]=a,m=0,g=[];m<s.length;m++)i=s[m],n.o(e,i)&&e[i]&&g.push(e[i][0]),e[i]=0;for(l in d)n.o(d,l)&&(n.m[l]=d[l]);for(c&&c(n),o&&o(a);g.length;)g.shift()();return u&&t.push.apply(t,u),r()},a=self.webpackChunkskeleventy=self.webpackChunkskeleventy||[];function l(){for(var r,o=0;o<t.length;o++){for(var a=t[o],l=!0,i=1;i<a.length;i++){var s=a[i];0!==e[s]&&(l=!1)}l&&(t.splice(o--,1),r=n(n.s=a[0]))}return 0===t.length&&(n.x(),n.x=e=>{}),r}a.forEach(o.bind(null,0)),a.push=o.bind(null,a.push.bind(a));var i=n.x;n.x=()=>(n.x=i||(e=>{}),(r=l)())})(),n.x()})();
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html class="h-100" lang="{{ metadata.language }}">
|
||||
|
||||
<head>
|
||||
{% include 'snippets/head.njk' %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
{% include 'snippets/nav.njk' %}
|
||||
|
||||
<main class="container py-vh-5">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-12 col-lg-10 col-xl-8">
|
||||
{% include 'snippets/content.njk' %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="container">
|
||||
{% include 'snippets/footer.njk' %}
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
{# include header #}
|
||||
{% include "snippets/head.njk" %}
|
||||
{# include nav #}
|
||||
{% include "snippets/nav.njk" %}
|
||||
|
||||
<body id="page-{{ page.fileSlug if page.fileSlug else 'home' }}" class="type-{{ layout | lower }} page-{{ page.fileSlug if page.fileSlug else 'home' }} 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>
|
||||
|
||||
{# include mobile nav #}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<header>
|
||||
<h1 class="display-1">{{ title }}</h1>
|
||||
</header>
|
||||
{{ content | safe }}
|
||||
|
|
@ -0,0 +1,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="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>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
{# page meta #}
|
||||
<meta charset="utf-8">
|
||||
<link rel="canonical" href="{{ site.url }}{{ page.url }}">
|
||||
<meta name="description" content="{{ meta_description | truncate(140) if meta_description else content | striptags | truncate(140) }}">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="robots" content="{{ robots if robots else 'index,follow' }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="{{ metadata.description }}">
|
||||
<meta name="author" content="{{ metadata.author }}">
|
||||
<meta name="HandheldFriendly" content="true"/>
|
||||
|
||||
<title>{{ title or metadata.title }}</title>
|
||||
{# include css #}
|
||||
<link rel="stylesheet" href="../assets/css/main.css">
|
||||
{# include javascript #}
|
||||
<script src="assets/js/{{ 'main.js' if helpers.environment === 'development' else 'main.min.js' }}" defer></script>
|
||||
|
||||
{# include social meta tags #}
|
||||
|
||||
{# include favicon, fonts, etc #}
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="{{ '/img/favicon.png' | url }}">
|
||||
<link rel="icon" type="image/svg+xml" href="{{ site.images.favicon_svg }}">
|
||||
<link rel="icon" type="image/png" href="{{ site.images.favicon }}">
|
||||
<link rel="apple-touch-icon" href="{{ site.images.apple_touch_icon }}" sizes="180x180">
|
||||
<!-- endbuild -->
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
|
||||
<div class="container mx-auto m-2 h-24">
|
||||
<nav id="nav" class="nav box-hidden mobileXL:box-block" 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>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: layouts/default
|
||||
title: About
|
||||
---
|
||||
# {{ title }}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: layouts/home
|
||||
title: Alumni
|
||||
---
|
||||
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
---
|
||||
layout: layouts/home
|
||||
title: Freeside
|
||||
---
|
||||
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
||||
<div class="grid grid-rows-1 grid-flow-col gap-2">
|
||||
<div class="row-span-1 col-span-1">
|
||||
<h1 class="text-8xl font-bold overflow-ellipsis z-10">Linux @ Hull.</h1>
|
||||
<h5 class="tracking-wide leading-loose">Freeside is the student run and maintained linux cluster within the University Of Hull Computer Science Department providing Linux administration experience, mentoring and technical advice alongside other peer-led support. It is completely <b>free</b> to all students to join, irrespective of degree pathway.</h5>
|
||||
</div>
|
||||
<div class="row-span-2 col-span-2">
|
||||
<img class="rounded-full pull-right shadow-2xl z-0" src="/assets/img/lab.jpg" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto h-full m-16 p-6 w-screen">
|
||||
<div class="grid grid-rows-1 grid-flow-col">
|
||||
<div class="row-span-1 col-span-1">
|
||||
<h3>Connect with us</h3>
|
||||
<ol class="flex gap-10 m-5">
|
||||
<li ><a class="" href="https://github.com/FreesideHull"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/github.svg" /></a></li>
|
||||
<li ><a class="" href="https://gitlab.freeside.co.uk/"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/gitlab.svg" /></a></li>
|
||||
<li><a class="icon-link" href="https://discord.gg/qAZ8dAp"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discord.svg" /></a></li>
|
||||
<li><a class="icon-link" href="http://forums.freeside.co.uk/"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discourse.svg" /></a></li>
|
||||
<li><a class="icon-link" href="https://www.twitter.com/FreesideHull"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/twitter.svg" /></a></li>
|
||||
<li><a class="icon-link" href="https://www.facebook.com/FreesideHull"><img height="64" width="64" src="https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/facebook.svg" /></a></li>
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
<div class="row-span-2 col-span-1 m-9">
|
||||
<nav id="nav" class="nav box-hidden mobileXL:box-block gap-4" aria-label="Primary">
|
||||
<button class="link link-calltoaction ring-1 ring-black bg-discord color-primary hover:text-white text-400 weight-bold pl-900 pr-900 m-5"><a href="https://discord.gg/qAZ8dAp"> Join our Discord </a></button>
|
||||
<button class="link link-calltoaction ring-1 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900"><a href="https://profiles.freeside.co.uk/join"> Create Freeside Account </a></button>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto h-full m-9 p-6">
|
||||
<div class="grid grid-rows-1 grow-cols-3 grid-flow-col">
|
||||
<div class="row-span-1 col-span-1">
|
||||
<div class="bg-alumni rounded-xl p-10 w-3/4">
|
||||
<h2 class="text-gray text-bold">Alumni Network</h2>
|
||||
<p>Our community is made up of like-minded life-time members including many distinguished alumni whom continue to support students.</p>
|
||||
<br>
|
||||
<nav class="nav box-hidden mobileXL:box-block">
|
||||
|
||||
<button class="link link-calltoaction ring-2 ring-black bg-primary color-primary hover:text-white text-400 weight-bold pl-900 pr-900 "><a href="/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>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,25 @@
|
|||
{
|
||||
"name": "freesideweb",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"dependencies": {
|
||||
"autoprefixer": "^10.3.1",
|
||||
"concurrently": "^6.2.1",
|
||||
"postcss-cli": "^8.3.1",
|
||||
"tailwindcss": "^2.2.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@11ty/eleventy": "^0.12.1",
|
||||
"@11ty/eleventy-img": "^0.9.0",
|
||||
"@types/simple-icons": "^5.8.0"
|
||||
},
|
||||
"scripts": {
|
||||
"tailwind:process": "npx postcss internal/_includes/css/tailwind.css --o public/assets/css/main.css --watch",
|
||||
"start": "concurrently \"npm run tailwind:process\" \"npm run serve\"",
|
||||
"serve": "npx eleventy --serve"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC"
|
||||
}
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
module.exports = {
|
||||
plugins: [
|
||||
require('tailwindcss'),
|
||||
require('autoprefixer')
|
||||
]
|
||||
};
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!doctype html>
|
||||
<html class="h-100" lang="">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<link rel="canonical" href="/about/">
|
||||
<meta name="description" content="About">
|
||||
<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 -->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container mx-auto m-2 h-24">
|
||||
<nav id="nav" class="nav box-hidden mobileXL:box-block" 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>
|
||||
|
||||
<main class="container py-vh-5">
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-12 col-lg-10 col-xl-8">
|
||||
<header>
|
||||
<h1 class="display-1">About</h1>
|
||||
</header>
|
||||
<h1>About</h1>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="container">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
|
||||
<meta charset="utf-8">
|
||||
<link rel="canonical" href="/alumni/">
|
||||
<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>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 box-hidden mobileXL:box-block" 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 id="page-alumni" class="type-layouts/home page-alumni 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>
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 375 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
|
|
@ -0,0 +1,143 @@
|
|||
<!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 box-hidden mobileXL:box-block" 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 id="page-home" class="type-layouts/home page-home 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-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>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
module.exports = {
|
||||
theme: {
|
||||
backgroundColor: theme => ({
|
||||
|
||||
...theme('colors'),
|
||||
|
||||
'primary': '#fe7c3b',
|
||||
|
||||
'secondary': '#fcac67',
|
||||
|
||||
'danger': '#240d09',
|
||||
}),
|
||||
gradientColorStops: theme => ({
|
||||
|
||||
...theme('colors'),
|
||||
|
||||
'primary': '#fe7c3b',
|
||||
|
||||
'secondary': '#ff5f0f',})
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue