From 2982fd1725c05c6b7392f57091cf1d0e3ee09dde Mon Sep 17 00:00:00 2001
From: tbliki <timofej.bliki@ru.nl>
Date: Sat, 31 Aug 2024 16:15:25 +0200
Subject: [PATCH] Added: - Better sizing and spacing - Hyperlinks to respective
websites To add: - Sponsor subsection If possible: - Dynamic hovering with
all hyperlinks (increase size w/ JavaScript) - Scrolling of sponsors (perhaps
based on viewport size?)
---
wiki/footer.html | 40 ++++++++++++++++++++++++++++------------
1 file changed, 28 insertions(+), 12 deletions(-)
diff --git a/wiki/footer.html b/wiki/footer.html
index 35979d2..4fd7f39 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -1,6 +1,14 @@
+<style>
+ .center {
+ display:block;
+ margin-left:auto;
+ margin-right: auto;
+ }
+</style>
+
<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
<div class="container">
- <div class="row mb-4">
+ <!-- <div class="row mb-4">
<div class="col-lg-6 col-xs-12">
<h4 class="mb-3">Heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis</p>
@@ -23,24 +31,32 @@
<p>info@hsdf.com</p>
</div>
</div>
- <hr>
- <div class="row mt-4">
+ <hr> !-->
+ <div class="row mt-4" style="padding-bottom:1vh">
<div class="col-lg-6">
<h2>
- <img src="https://static.igem.wiki/teams/5342/images/footer/insta-logo-small.png" alt="Instagram logo" width="40" height="40">
- Instagram
+ <a href="https://www.instagram.com/radboud.igemteam/">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/insta-logo-small.png" class="img-fluid" alt="Instagram logo" style="max-height:40px">
+ Instagram
+ </a>
</h2>
</div>
<div class="col-lg-6">
- <div class="row">
- <div class="col-lg-5">
- <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid">
+ <div style="max-height:100px; display:flex;">
+ <div style="flex:33.3; padding:15px">
+ <a href="https://igem.org/" class="center">
+ <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center" style="max-height:100px">
+ </a>
</div>
- <div class="col-lg-4">
- <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid">
+ <div style="flex:33.3; padding:15px">
+ <a href="https://www.ru.nl/" class="center">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center" style="max-height:100px">
+ </a>
</div>
- <div class="col-lg-3">
- <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid">
+ <div style="flex:33.3; padding:15px">
+ <a href="https://2024.igem.wiki/radboud-university/" class="center">
+ <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center" style="max-height:100px">
+ </a>
</div>
</div>
</div>
--
GitLab