diff --git a/static/homepage.css b/static/homepage.css index d33aba55c9e179ae97676c0bf01cfc61c769a469..8a86b1c5193a9032815d0f76b367a31c662d380a 100644 --- a/static/homepage.css +++ b/static/homepage.css @@ -614,20 +614,21 @@ text-decoration: none; /* Removes underline for links */ } - .homepage-link2{ - top: 13551px; +.homepage-link2 { + top: 11800px; width: 400px; height: 500px; flex-shrink: 0; opacity: 0; transition: all 0.5s linear; + transform: translateX(410px); } -.homepage-link-img2{ +.homepage-link-img2 { margin: 0 auto; width: 400px; height: 300px; - background: url("https://static.igem.wiki/teams/5054/proteins.png"); + background: url(https://static.igem.wiki/teams/5054/proteins.png); background-repeat: no-repeat; background-size: 91%; background-position: center; diff --git a/wiki/pages/home.html b/wiki/pages/home.html index eb1b4d20dd82e7df9e9d8e14dcbcaeb713f6bfc5..ef4516814a1ea6d6043523eaf52f4e05f4f50efc 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -219,6 +219,14 @@ </a> </div> +<div class="homepage-link3 homepage-elements reveal" style="opacity: 1;"> + <a onmouseover="expandFunc3(document.getElementById('homepage-link-img3'))" onmouseout="reduceFunc3(document.getElementById('homepage-link-img3'))"> + <div class="homepage-link-img3" id="homepage-link-img3" style="background-size: 91%;"></div> + <span class="homepage-subtitle-style" style="margin-left:30px;">Regulate cell division</span> + <span style="width:15px;height:15px;"><img src="https://static.igem.wiki/teams/4594/wiki/link-image4.png" alt=">"></span> + </a> +</div> + <canvas id="tutorial"></canvas> </div>