feat(html): populated the resources page and made it live; feat(chore): added some images for the resources page

Author: Tassadaar

components/nav.html

@@ -10,10 +10,10 @@
             <li><a href="home.html">Home</a></li>
             <li><a href="publications.html">Publications</a></li>
             <li><a href="people.html">People</a></li>
+            <li><a href="resources.html">Resources</a></li>
             <li><a href="gallery.html">Gallery</a></li>
             <!--
             <li><a href="research.html">Research</a></li>
-            <li><a href="resources.html">Resources</a></li>
             <li><a href="software.html">Software</a></li>
             <li><a href="contact.html">Contact</a></li>
             -->

images/ICG.png

@@ -6,11 +6,19 @@
 -->
 <html>
 	<head>
-		<title>No Sidebar - Helios by HTML5 UP</title>
+		<title>Resources</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 		<link rel="stylesheet" href="assets/css/main.css" />
 		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+		<style>
+			.logo {
+				width: 25px;
+				height: 150px;
+				object-fit: scale-down;
+				margin-bottom: 50px;
+			}
+		</style>
 	</head>
 	<body class="no-sidebar is-preload">
 		<div id="page-wrapper">
@@ -21,7 +29,7 @@
 					<!-- Inner -->
 						<div class="inner">
 							<header>
-								<h1><a href="home.html" id="logo">Helios</a></h1>
+								<h1>Resources</h1>
 							</header>
 						</div>
 
@@ -35,83 +43,27 @@ <h1><a href="home.html" id="logo">Helios</a></h1>
 				<div class="wrapper style1">
 
 					<div class="container">
-						<article id="main" class="special">
-							<header>
-								<h2><a href="#">No Sidebar</a></h2>
-								<p>
-									Morbi convallis lectus malesuada sed fermentum dolore amet
-								</p>
-							</header>
-							<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
-							<p>
-								Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
-								posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
-								lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
-								consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
-								interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
-								natoque aenean scelerisque vel lacinia mollis quam sodales congue.
-							</p>
-							<section>
-								<header>
-									<h3>Ultrices tempor sagittis nisl</h3>
-								</header>
-								<p>
-									Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
-									at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
-									feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
-									fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
-									egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
-								</p>
-								<p>
-									Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
-									orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
-									ut penatibus fermentum nibh erat malesuada varius.
-								</p>
-							</section>
-							<section>
-								<header>
-									<h3>Augue euismod feugiat tempus</h3>
-								</header>
-								<p>
-									Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
-									feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
-									ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
-									egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
-								</p>
-							</section>
-						</article>
-						<hr />
-						<div class="row">
-							<article class="col-4 col-12-mobile special">
-								<a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
-								<header>
-									<h3><a href="#">Gravida aliquam penatibus</a></h3>
-								</header>
-								<p>
-									Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
-									porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
-								</p>
-							</article>
-							<article class="col-4 col-12-mobile special">
-								<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
-								<header>
-									<h3><a href="#">Sed quis rhoncus placerat</a></h3>
-								</header>
-								<p>
-									Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
-									porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
-								</p>
-							</article>
-							<article class="col-4 col-12-mobile special">
-								<a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
-								<header>
-									<h3><a href="#">Magna laoreet et aliquam</a></h3>
-								</header>
-								<p>
-									Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
-									porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
-								</p>
-							</article>
+						<div class="row gtr-200">
+							<div class="col-4">
+								<a href="https://github.com/RogerLab" class="image fit">
+									<img src="images/github_icon.png" alt class="logo">
+								</a>
+							</div>
+							<div class="col-8">
+								<h4>Roger Lab GitHub</h4>
+								<p>GitHub repository of our treasured software.</p>
+							</div>
+						</div>
+						<div class="row gtr-200">
+							<div class="col-4">
+								<a href="https://icgenomics.ca" class="image fit">
+									<img src="images/ICG.png" alt class="logo">
+								</a>
+							</div>
+							<div class="col-8">
+								<h4>Institute for Comparative Genomics</h4>
+								<p>ICG is a Dalhousie University Institute comprised of researchers and trainees in four faculties: Medicine, Science, Computer Science and Agriculture.</p>
+							</div>
 						</div>
 					</div>
 
@@ -132,6 +84,7 @@ <h3><a href="#">Magna laoreet et aliquam</a></h3>
 			<script src="assets/js/util.js"></script>
 			<script src="assets/js/main.js"></script>
 			<script src="assets/js/loader.js"></script>
+			<script src="assets/js/header-background.js"></script>
 
 	</body>
 </html>