|
|
(43 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| + | {{Aalto-Helsinki}} |
| + | |
| <html> | | <html> |
| | | |
− | <head> | + | <section class="front-page front-page-block"> |
− | <meta charset='utf-8'>
| + | <div style="min-height: 700px; max-height: 70%;"> |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | <div class='porify'> |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <img src="https://static.igem.org/mediawiki/2017/4/4f/T--Aalto-Helsinki--Porifi.png" alt="Porifi Main"> |
− | <link rel="stylesheet" href="https://2017.igem.org/Template:Aalto-Helsinki">
| + | </div> |
− | <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
| + | <div id="o-h1">PURIFY YOUR PORES FROM ACNE BACTERIA</div> |
− | <script src="script.js"></script>
| + | </div> |
− | <!--MathJax hosted by iGEM-->
| + | </section> |
− | <script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| + | |
− | <!--Vector social media icons provided by Pixeden-->
| + | |
− | <link rel="stylesheet" href="./pe-icon-social/css/pe-icon-social.css">
| + | |
− | <link rel="stylesheet" href="./pe-icon-social/css/helper.css">
| + | |
| | | |
− | <!-- Quicksand font -->
| |
− | <link href='//fonts.googleapis.com/css?family=Quicksand' rel='stylesheet'>
| |
− | <!-- Work Sans font -->
| |
− | <link href='https://fonts.googleapis.com/css?family=Work+Sans' rel='stylesheet'>
| |
− |
| |
− | <title>Aalto-Helsinki</title>
| |
− |
| |
− | </head>
| |
− |
| |
− | <body>
| |
− | <p class='porify'>
| |
− | <img src="../Aalto-Helsinki-wiki-17/Porifi.png" alt="Porifi Main">
| |
− | <h1>PURIFY YOUR PORES FROM ACNE BACTERIA</h1>
| |
− | </p>
| |
− |
| |
− | <!-- Rotating Porifi -->
| |
− | <script type="text/javascript">
| |
− | // works only by switching 1 image so far
| |
− | $("document").ready(function() {
| |
− |
| |
− | var target = $("img[alt^='Porifi']").attr('src');
| |
− | var labTarg = target.replace('.png', '-lab.png');
| |
− | var modTarg = target.replace('.png', '-mod.png');
| |
− | var hpTarg = target.replace('.png', '-hp.png');
| |
− | var comTarg = target.replace('.png', '-community.png');
| |
− | var peoTarg = target.replace('.png', '-people.png');
| |
− |
| |
− | $('#dropdown>ul>li>a.lab').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", labTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", labTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown ul ul li a.lab').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", labTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", labTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown>ul>li>a.mod').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", modTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", modTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown ul ul li a.mod').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", modTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", modTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown>ul>li>a.hp').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", hpTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", hpTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown ul ul li a.hp').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", hpTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", hpTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown>ul>li>a.com').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", comTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", comTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown ul ul li a.com').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", comTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", comTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown>ul>li>a.peo').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", peoTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", peoTarg);
| |
− | });
| |
− |
| |
− | $('#dropdown ul ul li a.peo').hover(function() {
| |
− | $("img[alt^='Porifi']").attr("src", peoTarg);
| |
− | }, function() {
| |
− | $("img[alt^='Porifi']").attr("src", peoTarg);
| |
− | });
| |
− | });
| |
− |
| |
− | </script>
| |
| | | |
| <!--Force footer to stay at the bottom...--> | | <!--Force footer to stay at the bottom...--> |
| <style> | | <style> |
| html { | | html { |
− | height: auto !important;
| + | /*height: auto !important; This broke the flex and footer positioning. */ |
− | min-height: 100% !important;
| + | min-height: 100% !important; |
| } | | } |
| </style> | | </style> |
| | | |
| <!-- FOOTER --> | | <!-- FOOTER --> |
− | <footer>
| + | <footer> |
− | <div class="footer-mainpage">
| + | <div class="footer-social"> |
− | <div class="texts">
| + | <div class="texts"> |
− | <ul class="pe-social">
| + | <ul class="pe-social"> |
− | <a href="index.html">HOME</a>
| + | <a href="https://2017.igem.org/Team:Aalto-Helsinki">HOME</a> |
− | <a href="http://www.aalto.fi/en/">AALTO UNIVERSITY</a>
| + | <a href="http://www.aalto.fi/en/">AALTO UNIVERSITY</a> |
− | <a href="http://www.aaltohelsinki.com/2017/index.html"><img class="some" src="./logos-icons/home_icon.png"></a>
| + | <a href="http://www.aaltohelsinki.com/2017/index.html"> |
− | <li><a href="https://www.facebook.com/AaltoHelsinki/"><i class="pe-so-facebook pe-hover pe-2x"></i></a></li>
| + | <img class="some" src="https://static.igem.org/mediawiki/2017/f/f1/T--Aalto-Helsinki--home_icon.png"> |
− | <li><a href="https://www.instagram.com/aaltohelsinki_igem/"><i class="pe-so-instagram pe-hover pe-2x"></i></a></li>
| + | </a> |
− | <li><a href="https://twitter.com/aaltohelsinki?lang=en"><i class="pe-so-twitter pe-hover pe-2x"></i></a></li>
| + | <li> |
− | <li><a href="https://www.linkedin.com/company-beta/16253263/"><i class="pe-so-linkedin pe-hover pe-2x"></i></a></li>
| + | <a href="https://www.facebook.com/AaltoHelsinki/"> |
− | <a href="https://www.helsinki.fi/en">UNIVERSITY OF HELSINKI</a>
| + | <i class="pe-so-facebook pe-hover pe-2x"></i> |
− | <a href="../Aalto-Helsinki-wiki-17/Map.html">SITE MAP</a>
| + | </a> |
− | </ul>
| + | </li> |
− | </div>
| + | <li> |
− | </div>
| + | <a href="https://www.instagram.com/aaltohelsinki_igem/"> |
− | </footer>
| + | <i class="pe-so-instagram pe-hover pe-2x"></i> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://twitter.com/aaltohelsinki?lang=en"> |
| + | <i class="pe-so-twitter pe-hover pe-2x"></i> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://www.linkedin.com/company-beta/16253263/"> |
| + | <i class="pe-so-linkedin pe-hover pe-2x"></i> |
| + | </a> |
| + | </li> |
| + | <a href="https://www.helsinki.fi/en">UNIVERSITY OF HELSINKI</a> |
| + | <a href="https://2017.igem.org/Team:Aalto-Helsinki/Map">SITE MAP</a> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </footer> |
| </body> | | </body> |
− | <html> | + | |
| + | </html> |