Difference between revisions of "Team:Aalto-Helsinki"

 
(29 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<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--styles.css">-->
+
  </div>
−
  <link href="https://2017.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--styles.css&action=raw&ctype=text/css" rel="stylesheet"/>
+
  <div id="o-h1">PURIFY YOUR PORES FROM ACNE BACTERIA</div>
−
  <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
+
−
  <script src="script.js"></script>
+
−
  <!--MathJax hosted by iGEM-->
+
−
  <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>
+
−
 
+
−
<br>
+
−
<br>
+
−
<img src="../Aalto-Helsinki-wiki-17/Aalto-Helsinki-wiki.png"><br>
+
−
<br>
+
−
<!-- DROPDOWN MENU -->
+
−
<div id='dropdown'>
+
−
<ul>
+
−
  <li class='active has-sub'><a class='lab' href='../Aalto-Helsinki-wiki-17/Laboratory.html'>Laboratory</a>
+
−
      <ul>
+
−
        <li class='has-sub'>
+
−
            <li><a href="../Aalto-Helsinki-wiki-17/Laboratory.html">Overview</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Theory">Theoretical Background</a></li>
+
−
            <li class='has-sub'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Methods">Materials and Methods</a>
+
−
                <ul>
+
−
                    <li class='last'><a href="https://2017.igem.org/Team:Aalto-Helsinki/Protocols">Protocols</a></li>
+
−
                </ul>
+
−
            </li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Results">Results and Discussion</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Prospectives</a></li>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
  <li class='active has-sub'><a class='mod' href='../Aalto-Helsinki-wiki-17/Model.html'>Modeling</a>
+
−
      <ul>
+
−
        <li class='has-sub'>
+
−
        <li><a href="../Aalto-Helsinki-wiki-17/Model.html">Overview</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Theory">Theoretical Background</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Setup">Simulation Setup</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Model_Results">Results and Discussion</a></li>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
 
+
−
  <li class='active has-sub'><a class='hp' href='../Aalto-Helsinki-wiki-17/HP.html'>Human Practices</a>
+
−
      <ul>
+
−
        <li class='has-sub'>
+
−
            <li><a href="../Aalto-Helsinki-wiki-17/HP.html">Overview</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Story">Story</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Education">Education</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Engagement">Sweat Challenge</a></li>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
 
+
−
  <li class='active has-sub'><a class='com' href='../Aalto-Helsinki-wiki-17/Community.html'>Community</a>
+
−
      <ul>
+
−
        <li class='has-sub'>
+
−
            <li><a href="../Aalto-Helsinki-wiki-17/Community.html">Overview</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Interlab">Interlab</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
 
+
−
  <li class='active has-sub'><a class='peo' href='../Aalto-Helsinki-wiki-17/Team.html'>People</a>
+
−
      <ul>
+
−
        <li class='has-sub'>
+
−
            <li><a href="../Aalto-Helsinki-wiki-17/Team.html">Team Members</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Advisors">Advisors</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Attributions">Attributions</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Sponsors">Sponsors</a></li>
+
−
        </li>
+
−
      </ul>
+
−
  </li>
+
−
</ul>
+
 
</div>
 
</div>
 +
</section>
  
−
<p class='porify'>
 
−
<img src="https://static.igem.org/mediawiki/2017/4/4f/T--Aalto-Helsinki--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>

Latest revision as of 07:52, 28 October 2017

Aalto-Helsinki



Porifi Main
PURIFY YOUR PORES FROM ACNE BACTERIA