From f0daa0043197446b972424212bfe25f2d2624afb Mon Sep 17 00:00:00 2001
From: tbliki <timofej.bliki@ru.nl>
Date: Thu, 5 Sep 2024 17:00:41 +0200
Subject: [PATCH] Added: - Sponsor subsection If possible: - Dynamic hovering
with all hyperlinks (increase size w/ JavaScript) - Scrolling of sponsors
(perhaps based on viewport size?)
---
wiki/footer.html | 39 ++++++++++++++++++++++++++++++++-------
1 file changed, 32 insertions(+), 7 deletions(-)
diff --git a/wiki/footer.html b/wiki/footer.html
index 4fd7f39..d6c56e0 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -1,9 +1,13 @@
<style>
- .center {
+ .center-x {
display:block;
margin-left:auto;
margin-right: auto;
}
+ .sponsor {
+ width: 12vw;
+ min-width: 200px;
+ }
</style>
<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
@@ -44,24 +48,45 @@
<div class="col-lg-6">
<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 href="https://igem.org/" class="center-x">
+ <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center-x" style="max-height:100px">
</a>
</div>
<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 href="https://www.ru.nl/" class="center-x">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center-x" style="max-height:100px">
</a>
</div>
<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 href="https://2024.igem.wiki/radboud-university/" class="center-x">
+ <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center-x" style="max-height:100px">
</a>
</div>
</div>
</div>
</div>
<hr>
+ <div style="display:flex;">
+ <h1 style="margin:auto; max-width:80vw;">Thank you to all of our sponsors!</h1>
+ </div>
+ <div style="display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:2vh; margin-bottom:2vh;">
+ <div class="sponsor">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/idt.webp" class="img-fluid" alt="Integrated Data Technologies">
+ </div>
+ <div class="sponsor">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/pivot-park.webp" class="img-fluid" alt="Pivot Park">
+ </div>
+ <div class="sponsor">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/purivise.webp" class="img-fluid" alt="Purivise">
+ </div>
+ <div class="sponsor">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/promega.webp" class="img-fluid" alt="Promega">
+ </div>
+ <div class="sponsor">
+ <img src="https://static.igem.wiki/teams/5342/images/footer/reset.webp" class="img-fluid" alt="Reset">
+ </div>
+ </div>
+ <hr>
<!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
<div class="row mt-4">
<div class="col">
--
GitLab