From b71f07ce3c824c19a7d2f20b2b4b1a3cfbaac8d6 Mon Sep 17 00:00:00 2001
From: Shraddha <shraddharaghuram@student.tudelft.nl>
Date: Thu, 5 Sep 2024 11:47:26 +0000
Subject: [PATCH] step 2
---
static/homepage.css | 31 +++++++++++++++++--------------
wiki/pages/home.html | 7 ++++++-
2 files changed, 23 insertions(+), 15 deletions(-)
diff --git a/static/homepage.css b/static/homepage.css
index 2003f29..d33aba5 100644
--- a/static/homepage.css
+++ b/static/homepage.css
@@ -610,11 +610,11 @@
text-decoration: none;
}
-.homepage-link-style a {
+.homepage-link-style>a {
text-decoration: none; /* Removes underline for links */
}
-/*.homepage-link2{
+ .homepage-link2{
top: 13551px;
width: 400px;
height: 500px;
@@ -622,7 +622,20 @@
opacity: 0;
transition: all 0.5s linear;
}
-.homepage-link3{
+
+.homepage-link-img2{
+ margin: 0 auto;
+ width: 400px;
+ height: 300px;
+ background: url("https://static.igem.wiki/teams/5054/proteins.png");
+ background-repeat: no-repeat;
+ background-size: 91%;
+ background-position: center;
+ transition: all 0.1s linear;
+ transform: translateY(2px);
+}
+
+/*.homepage-link3{
top: 13551px;
transform: translateX(410px);
width: 400px;
@@ -641,17 +654,7 @@
text-decoration: none;
}
-.homepage-link-img2{
- margin: 0 auto;
- width: 400px;
- height: 300px;
- background: url("https://static.igem.wiki/teams/4594/wiki/homepage-img104.png");
- background-repeat: no-repeat;
- background-size: 91%;
- background-position: center;
- transition: all 0.1s linear;
- transform: translateY(2px);
-}
+
.homepage-link-img3{
margin: 0 auto;
width: 400px;
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index 542bcdc..eb1b4d2 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -212,7 +212,12 @@
<span class="homepage-link-style" style="margin-left:30px;">Characterize the UCYN-A transport system in the dry lab</span>
</a>
</div>
-
+<div class="homepage-link2 homepage-elements reveal" style="opacity: 1;">
+ <a onmouseover="expandFunc2(document.getElementById('homepage-link-img2'))" onmouseout="reduceFunc2(document.getElementById('homepage-link-img2'))">
+ <div class="homepage-link-img2" id="homepage-link-img2" style="background-size: 91%;"></div>
+ <span class="homepage-link-style" style="margin-left:30px;">Express essential proteins in the host</span>
+ </a>
+</div>
<canvas id="tutorial"></canvas>
--
GitLab