Skynet/website_2017
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fmt: autofmt

Browse source
This commit is contained in:
silver 2023-07-21 18:00:32 +01:00
parent 2f425a350d
commit 685fbf4e7e
1 changed files with 612 additions and 575 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

193
src/index.html
View file

@ -1,4 +1,3 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
@ -10,7 +9,6 @@
<meta name="description" content="The Skynet Project - University of Limerick Computer Society"> <meta name="description" content="The Skynet Project - University of Limerick Computer Society">
<link rel="apple-touch-icon" sizes="180x180" href="temp/favicons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="temp/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="temp/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="temp/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="temp/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="temp/favicons/favicon-16x16.png">
@ -19,7 +17,6 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<title>The Skynet Project - University of Limerick Computer Society</title> <title>The Skynet Project - University of Limerick Computer Society</title>
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
@ -27,8 +24,12 @@
<!-- Custom Fonts --> <!-- Custom Fonts -->
<link href="temp/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="temp/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'> <link
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<link
href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>
<!-- Plugin CSS --> <!-- Plugin CSS -->
<link href="temp/vendor/magnific-popup/magnific-popup.css" rel="stylesheet"> <link href="temp/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
@ -36,7 +37,7 @@
<!-- Theme CSS --> <!-- Theme CSS -->
<link href="temp/css/creative.css" rel="stylesheet"> <link href="temp/css/creative.css" rel="stylesheet">
<!-- owl carousel CSS --> <!-- owl carousel CSS -->
<link href="temp/css/owl.carousel.css" rel="stylesheet"> <link href="temp/css/owl.carousel.css" rel="stylesheet">
<!-- SNOW --> <!-- SNOW -->
@ -53,26 +54,27 @@
<body id="page-top"> <body id="page-top">
<!-- FB JS --> <!-- FB JS -->
<div id="fb-root"></div> <div id="fb-root"></div>
<script>(function(d, s, id) { <script>(function (d, s, id) {
let js; let js;
const fjs = d.getElementsByTagName(s)[0]; const fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return; if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id; js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10"; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10";
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> }(document, 'script', 'facebook-jssdk'));</script>
<!-- jQuery --> <!-- jQuery -->
<script src="temp/vendor/jquery/jquery.min.js"></script> <script src="temp/vendor/jquery/jquery.min.js"></script>
<script src="temp/js/owl.carousel.js"></script> <script src="temp/js/owl.carousel.js"></script>
<script src="temp/js/highlight.js"></script> <script src="temp/js/highlight.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function () {
const owl = $('.owl-carousel'); const owl = $('.owl-carousel');
owl.owlCarousel({ owl.owlCarousel({
items: 3, items: 3,
@ -86,7 +88,7 @@
dots: true dots: true
}); });
}) })
</script> </script>
<!--<div class="snowflakes" aria-hidden="true"> <!--<div class="snowflakes" aria-hidden="true">
<div class="snowflake">&#10052;</div> <div class="snowflake">&#10052;</div>
@ -102,11 +104,12 @@
</div>--> </div>-->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i> <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button> </button>
<a class="navbar-brand page-scroll" href="#page-top">Skynet - UL CompSoc</a> <a class="navbar-brand page-scroll" href="#page-top">Skynet - UL CompSoc</a>
@ -144,21 +147,22 @@
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</div> </div>
<!-- /.container-fluid --> <!-- /.container-fluid -->
</nav> </nav>
<header> <header>
<div class="header-content"> <div class="header-content">
<div class="header-content-inner"> <div class="header-content-inner">
<h1 id="homeHeading"><img width="300px" src="temp/img/CompSoc_Logo_PNG.png"/></h1> <h1 id="homeHeading"><img width="300px" src="temp/img/CompSoc_Logo_PNG.png"/></h1>
<!--<h1 id="homeHeading"><img width="300px" src="temp/img/CompSoc_Logo_Xmas_PNG_C.png"/></h1>--> <!--<h1 id="homeHeading"><img width="300px" src="temp/img/CompSoc_Logo_Xmas_PNG_C.png"/></h1>-->
<hr> <hr>
<p style="font-size: 36px; color: #FFFFFF; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-weight: 700; text-transform: uppercase;">University of Limerick Computer Society - The Skynet Project</p> <p style="font-size: 36px; color: #FFFFFF; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-weight: 700; text-transform: uppercase;">
University of Limerick Computer Society - The Skynet Project</p>
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a> <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
</div> </div>
</div> </div>
</header> </header>
<!--<section id="codeoff"> <!--<section id="codeoff">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
@ -175,33 +179,45 @@
</div> </div>
</section>--> </section>-->
<section class="bg-primary" id="ServiceUpdate" style="background-color: #fe300c !important;> <section class="bg-primary" id="ServiceUpdate" style="background-color: #fe300c !important;">
<div class="container"> <div class="container">
<div class="row" style="overflow-x: hidden !important; width: 100%;"> <div class="row" style="overflow-x: hidden !important; width: 100%;">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading" style="color: white !important;">Skynet Cluster Update</h2> <h2 class="section-heading" style="color: white !important;">Skynet Cluster Update</h2>
<p class="text-faded" style="color: white !important;">ITD changed their policies at the start of 2023 and abruptly removed our access to the internet. The changes made continuing skynet unfeasibile in it's previous form. We have been working tirelessly to rebuild the skynet cluster from the ground up with up to date software/security practices etc. We are currently working on setting up all the core infrastructure required. We are slowly getting our internet access restored and ports opened for services. We hope to be able to reopen skynet to members in the near future</p> <p class="text-faded" style="color: white !important;">ITD changed their policies at the start of 2023 and
abruptly
removed our access to the internet. The changes made continuing skynet unfeasibile in it's previous form. We
have
been working tirelessly to rebuild the skynet cluster from the ground up with up to date software/security
practices etc. We are currently working on setting up all the core infrastructure required. We are slowly
getting
our internet access restored and ports opened for services. We hope to be able to reopen skynet to members in
the
near future</p>
<hr class="light" style="border-color: black !important;"> <hr class="light" style="border-color: black !important;">
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="bg-primary" id="about"> <section class="bg-primary" id="about">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Welcome to University of Limerick Computer Society!</h2> <h2 class="section-heading">Welcome to University of Limerick Computer Society!</h2>
<!--<h2 class="section-heading">Happy Holidays from all at the University of Limerick Computer Society!</h2>--> <!--<h2 class="section-heading">Happy Holidays from all at the University of Limerick Computer Society!</h2>-->
<hr class="light"> <hr class="light">
<p class="text-faded">The UL Computer Society is for students who are interested in Open Source Software, Hardware, Computer Games and Technology in general. We run weekly meetups, where we discuss topics related to computing, work on projects together or just play games and relax. Membership is open to all UL students and Alumni not just those who are part of technology courses!</p> <p class="text-faded">The UL Computer Society is for students who are interested in Open Source Software,
Hardware, Computer Games and Technology in general. We run weekly meetups, where we discuss topics related to
computing, work on projects together or just play games and relax. Membership is open to all UL students and
Alumni not just those who are part of technology courses!</p>
<a href="#membership" class="page-scroll btn btn-default btn-xl sr-button">What can we do for you?</a> <a href="#membership" class="page-scroll btn btn-default btn-xl sr-button">What can we do for you?</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section id="membership"> <section id="membership">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
@ -216,14 +232,16 @@
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-server text-primary sr-icons"></i> <i class="fa fa-4x fa-server text-primary sr-icons"></i>
<h3>Skynet</h3> <h3>Skynet</h3>
<p class="text-muted">Membership of the society comes with a free skynet account. Skynet is CompSoc's server cluster and was started in 1992!</p> <p class="text-muted">Membership of the society comes with a free skynet account. Skynet is CompSoc's server
cluster and was started in 1992!</p>
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 text-center"> <div class="col-lg-2 col-md-4 text-center">
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-calendar text-primary sr-icons"></i> <i class="fa fa-4x fa-calendar text-primary sr-icons"></i>
<h3>Events</h3> <h3>Events</h3>
<p class="text-muted">We run meetups every week throughout the academic year. We also run large events once or twice a semester.</p> <p class="text-muted">We run meetups every week throughout the academic year. We also run large events once or
twice a semester.</p>
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 text-center"> <div class="col-lg-2 col-md-4 text-center">
@ -237,14 +255,16 @@
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-comments text-primary sr-icons"></i> <i class="fa fa-4x fa-comments text-primary sr-icons"></i>
<h3>Discord</h3> <h3>Discord</h3>
<p class="text-muted">We have an active discord server for our members to keep in touch. <a href="https://discord.skynet.ie">Join Here</a>.</p> <p class="text-muted">We have an active discord server for our members to keep in touch. <a
href="https://discord.skynet.ie">Join Here</a>.</p>
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 text-center"> <div class="col-lg-2 col-md-4 text-center">
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-cubes text-primary sr-icons"></i> <i class="fa fa-4x fa-cubes text-primary sr-icons"></i>
<h3>Minecraft</h3> <h3>Minecraft</h3>
<p class="text-muted">We often host events and build challenges on our MineCraft server. <a href="https://games.skynet.ie">Join Here</a>.</p> <p class="text-muted">We often host events and build challenges on our MineCraft server. <a
href="https://games.skynet.ie">Join Here</a>.</p>
</div> </div>
</div> </div>
<div class="col-lg-2 col-md-4 text-center"> <div class="col-lg-2 col-md-4 text-center">
@ -260,13 +280,14 @@
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
<p></p> <p></p>
<a href="https://ulwolves.ie/society/computer" target="_blank" class="btn btn-primary btn-xl" style="font-size:36px;">Sign Up!</a> <a href="https://ulwolves.ie/society/computer" target="_blank" class="btn btn-primary btn-xl"
style="font-size:36px;">Sign Up!</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="no-padding" id="events"> <section class="no-padding" id="events">
<div class="container-fluid"> <div class="container-fluid">
<div class="row no-gutter popup-gallery"> <div class="row no-gutter popup-gallery">
<div class="col-lg-4 col-sm-6"> <div class="col-lg-4 col-sm-6">
@ -308,7 +329,8 @@
Virtual Reality Events Virtual Reality Events
</div> </div>
<div class="project-name"> <div class="project-name">
We have a HTC Vive and an Oculus Rift so we use these at some meetups and play games like Drunken Bar fights and Keep Talking and Nobody Explodes. We have a HTC Vive and an Oculus Rift so we use these at some meetups and play games like Drunken Bar
fights and Keep Talking and Nobody Explodes.
</div> </div>
</div> </div>
</div> </div>
@ -361,9 +383,9 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section id="recruit"> <section id="recruit">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
@ -378,14 +400,18 @@
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-user text-primary sr-icons"></i> <i class="fa fa-4x fa-user text-primary sr-icons"></i>
<h3>Society Members</h3> <h3>Society Members</h3>
<p class="text-muted">At the UL Wolves Clubs and Societies Recruitment Drive in September/January we will be looking for new member signups, keep an eye out for us. Did you know that CompSoc do all the networking and technical services for the event!<br/><a href="https://ulwolves.ie/society/compsoc" target="_blank">Sign Up!</a></p> <p class="text-muted">At the UL Wolves Clubs and Societies Recruitment Drive in September/January we will be
looking for new member signups, keep an eye out for us. Did you know that CompSoc do all the networking and
technical services for the event!<br/><a href="https://ulwolves.ie/society/compsoc" target="_blank">Sign
Up!</a></p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 text-center"> <div class="col-lg-4 col-md-6 text-center">
<div class="service-box"> <div class="service-box">
<i class="fa fa-4x fa-users text-primary sr-icons"></i> <i class="fa fa-4x fa-users text-primary sr-icons"></i>
<h3>Committee Members</h3> <h3>Committee Members</h3>
<p class="text-muted">At our AGM in Semester 1 we will be forming our new committee and it would be great to see some new committee members (especially first years!).</p> <p class="text-muted">At our AGM in Semester 1 we will be forming our new committee and it would be great to
see some new committee members (especially first years!).</p>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 text-center"> <div class="col-lg-4 col-md-6 text-center">
@ -393,14 +419,15 @@
<i class="fa fa-4x fa-terminal text-primary sr-icons"></i> <i class="fa fa-4x fa-terminal text-primary sr-icons"></i>
<h3>Admins</h3> <h3>Admins</h3>
<!--<p class="text-muted">We are currently in the process of upgrading the Skynet cluster and we are recruiting new undergraduate administrators.<br/><a onclick="$('#newsModal').modal('show');" href="#recruit">More Info</a></p>--> <!--<p class="text-muted">We are currently in the process of upgrading the Skynet cluster and we are recruiting new undergraduate administrators.<br/><a onclick="$('#newsModal').modal('show');" href="#recruit">More Info</a></p>-->
<p class="text-muted">We are currently in the process of upgrading the Skynet cluster and we will soon start recruiting new undergraduate administrators.</p> <p class="text-muted">We are currently in the process of upgrading the Skynet cluster and we will soon start
recruiting new undergraduate administrators.</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<aside id="services" class="bg-primary"> <aside id="services" class="bg-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
@ -441,11 +468,10 @@
</div> </div>
</div> </div>
</div> </div>
</aside> </aside>
<section id="sponsors">
<section id="sponsors">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
@ -458,44 +484,56 @@
<div class="row"> <div class="row">
<div class="owl-carousel owl-theme owl-centered"> <div class="owl-carousel owl-theme owl-centered">
<div class="item"> <div class="item">
<img style="height:100px; width:100px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/dell.png"/> <img style="height:100px; width:100px; margin-left: auto; margin-right: auto;"
src="temp/img/sponsors/dell.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:100px; width:100px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/ul2.png"/> <img style="height:100px; width:100px; margin-left: auto; margin-right: auto;"
src="temp/img/sponsors/ul2.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:100px; width:350px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/blacknight.png"/> <img style="height:100px; width:350px; margin-left: auto; margin-right: auto;"
src="temp/img/sponsors/blacknight.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:100px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/ece.png"/> <img style="height:100px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/ece.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:100px; width:100px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/jetbrains.png"/> <img style="height:100px; width:100px; margin-left: auto; margin-right: auto;"
src="temp/img/sponsors/jetbrains.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:100px; width:350px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/sfs.png"/> <img style="height:100px; width:350px; margin-left: auto; margin-right: auto;"
src="temp/img/sponsors/sfs.png"/>
</div> </div>
<!--<div class="item"> <!--<div class="item">
<img style="height:100px; width:110px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/4star.jpg"/> <img style="height:100px; width:110px; margin-left: auto; margin-right: auto;" src="temp/img/sponsors/4star.jpg"/>
</div>--> </div>-->
<div class="item"> <div class="item">
<img style="height:60px; margin-left: auto; margin-right: auto; margin-top: 25px;" src="temp/img/sponsors/aisummit.png"/> <img style="height:60px; margin-left: auto; margin-right: auto; margin-top: 25px;"
src="temp/img/sponsors/aisummit.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:60px; margin-left: auto; margin-right: auto; margin-top: 25px;" src="temp/img/sponsors/furyvr.png"/> <img style="height:60px; margin-left: auto; margin-right: auto; margin-top: 25px;"
src="temp/img/sponsors/furyvr.png"/>
</div> </div>
<div class="item"> <div class="item">
<img style="height:60px; width: 144px; margin-left: auto; margin-right: auto; margin-top: 25px;" src="temp/img/sponsors/adi.png"/> <img style="height:60px; width: 144px; margin-left: auto; margin-right: auto; margin-top: 25px;"
src="temp/img/sponsors/adi.png"/>
</div> </div>
</div> </div>
<br/><br/> <br/><br/>
<p style="text-align:center;">If you are interested in becoming a sponsor we can be contacted at <script type="text/javascript">emailE = 'skynet.ie';emailE = ('contact' + '@' + emailE);document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');</script></p> <p style="text-align:center;">If you are interested in becoming a sponsor we can be contacted at
<script type="text/javascript">emailE = 'skynet.ie';
emailE = ('contact' + '@' + emailE);
document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');</script>
</p>
</div> </div>
</div> </div>
</section> </section>
<aside id="awards" class="bg-primary"> <aside id="awards" class="bg-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
@ -572,9 +610,9 @@
</div> </div>
</div> </div>
</aside> </aside>
<section id="contact"> <section id="contact">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-12 text-center">
@ -595,9 +633,14 @@
<p><a href=" https://skynet.ie/forum/">CompSoc Forum</a></p> <p><a href=" https://skynet.ie/forum/">CompSoc Forum</a></p>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 text-center">
<script type="text/javascript">emailE = 'skynet.ie';emailE = ('contact' + '@' + emailE);document.write('<a href="mailto:' + emailE + '">' + '<i class="fa fa-envelope-o fa-3x sr-contact"></i>' + '</a>');</script> <script type="text/javascript">emailE = 'skynet.ie';
<p><script type="text/javascript">emailE = 'skynet.ie';emailE = ('contact' + '@' + emailE);document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');</script> emailE = ('contact' + '@' + emailE);
</p> document.write('<a href="mailto:' + emailE + '">' + '<i class="fa fa-envelope-o fa-3x sr-contact"></i>' + '</a>');</script>
<p>
<script type="text/javascript">emailE = 'skynet.ie';
emailE = ('contact' + '@' + emailE);
document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');</script>
</p>
</div> </div>
<!--<div class="col-lg-4 text-center"> <!--<div class="col-lg-4 text-center">
<a href="https://www.snapchat.com/add/ulcompsoc" target="_blank"><i class="fa fa-snapchat-ghost fa-3x sr-contact"></i></a> <a href="https://www.snapchat.com/add/ulcompsoc" target="_blank"><i class="fa fa-snapchat-ghost fa-3x sr-contact"></i></a>
@ -608,26 +651,20 @@
</div>--> </div>-->
</div> </div>
</div> </div>
</section> </section>
<!--<aside class="bg-dark">--> <!--<aside class="bg-dark">-->
<aside style="color: white; background-color: black;"> <aside style="color: white; background-color: black;">
<div class="container text-center"> <div class="container text-center">
<img src="temp/img/compsoc-animation-s.gif"/><br/><br/> <img src="temp/img/compsoc-animation-s.gif"/><br/><br/>
<div>&copy; UL CompSoc 1992-2021</div><br/><br/> <div>&copy; UL CompSoc 1992-2021</div>
<br/><br/>
<div class="call-to-action"> <div class="call-to-action">
<img width="150px" src="temp/img/sharky_png.png" alt="All Hail Sharky!" title="All Hail Sharky!" /> <img width="150px" src="temp/img/sharky_png.png" alt="All Hail Sharky!" title="All Hail Sharky!"/>
<h4>Sharky - The Mascot of Skynet</h4> <h4>Sharky - The Mascot of Skynet</h4>
</div> </div>
</div> </div>
</aside> </aside>
</body> </body>