diff --git a/static/homepage.css b/static/homepage.css index 2003f2980e092ebf2ad0cf7bd380334a6c4edd73..d33aba55c9e179ae97676c0bf01cfc61c769a469 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 542bcdc1de0cd29cb59d2940d436f2b838ddeeec..eb1b4d20dd82e7df9e9d8e14dcbcaeb713f6bfc5 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>