Difference between revisions of "Team:UCopenhagen/Medals"

 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
<!--{{IGEM_TopBar}}-->
 +
{{UCopenhagen/Header3}}
 
{{UCopenhagen}}
 
{{UCopenhagen}}
 +
 +
 
<html>
 
<html>
<head>
+
  <style>
<style>
+
    .page-wrapper{
div {
+
      margin-bottom: -20%;
  background-color: yellow;
+
      margin-top: -5%;
  padding: 20px;
+
      max-width: 100%;
  display: none;
+
      background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
}
+
      background-repeat: repeat-y;
 +
      background-size: 100%;
 +
      background-color: #fcecdf;
 +
      padding-bottom: 15%;
 +
      padding-top:5%;
 +
      text-align: justify;
 +
    }
  
span:hover + div {
+
    .everything {
  display: block;
+
      width: 55%;
}
+
      margin: 0 auto;
</style>
+
    }
</head>
+
<body>
+
  
<span>Hover over me!</span>
+
    .everything h2 {
<div>I will show on hover</div>
+
      font-family: Montserrat;
 +
      font-size: 28px;
 +
      line-height: 1.6em;
 +
    }
  
</body>
+
    .todelt {
 +
      display: flex;
 +
      flex-direction: row;
 +
      justify-content: space-between;
 +
      margin: 2% 0 2% 0;
 +
    }
 +
 
 +
    .pic_gold, .pic_silver, .pic_bronze {
 +
      display: flex;
 +
      justify-content: center;
 +
      flex-direction: column;
 +
    }
 +
 
 +
    .txt {
 +
      display: flex;
 +
      justify-content: center;
 +
      flex-direction: column;
 +
      font-family: Avenir, Arial;
 +
      font-size: 16px; line-height: 1.4;
 +
    }
 +
 
 +
    .txt a{
 +
      text-decoration: none;
 +
      color: black;
 +
    }
 +
 
 +
    .txt a:hover {
 +
      text-decoration: none;
 +
      color: black;
 +
      opacity: 0.65;
 +
    }
 +
    .pic_gold img {
 +
      width: 75%;
 +
      align-self: center;
 +
    }
 +
   
 +
    .pic_silver img {
 +
      width: 65%;
 +
      align-self: center;
 +
    }
 +
 
 +
    .pic_bronze img {
 +
      width: 55%;
 +
      align-self: center;
 +
    }
 +
 
 +
  /* .finish {
 +
      background-image: url("https://static.igem.org/mediawiki/2020/4/41/T--UCopenhagen--watercolor_mix1.png");
 +
      background-size: contain;
 +
      background-repeat: no-repeat;
 +
      background-position: center;
 +
      margin: 0 auto;
 +
      text-align: center;
 +
      padding: 10% 0 10% 0;
 +
    } */
 +
 
 +
    @media only screen and (max-width:768px) {
 +
      .todelt {
 +
        display: flex;
 +
        flex-direction: column;
 +
        justify-content: space-between;
 +
        margin: 2% 0 2% 0;
 +
      }
 +
 
 +
      .pic_silver {
 +
        align-self: center;
 +
        order: -1;
 +
      }
 +
    }
 +
 
 +
 
 +
 
 +
#top-image img {
 +
width: 100%;
 +
height: 94vh;
 +
margin-top: -3em;
 +
position: relative;
 +
-o-object-fit: cover;
 +
object-fit: cover;
 +
 
 +
}
 +
 
 +
  </style>
 +
  <body>
 +
<div id="top-image"><img src="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--medals-cover.png"></div>
 +
<div class="page-wrapper">
 +
    <div >
 +
      <div class="everything">
 +
          <h1 style="font-family: Bavro; font-size: 35px; color: #F3557E; text-align: center; margin: 0 auto; padding-top: 7%; padding-bottom: 3.5%;">Medal Overview</h1>
 +
          <img style="align-self: center; margin: 0 auto; width: 95%; padding: 2%;" src="https://static.igem.org/mediawiki/2020/d/da/T--UCopenhagen--medal_quote_intro.png">
 +
        <div class="bronze todelt">
 +
          <div class="pic_bronze">
 +
            <img src="https://static.igem.org/mediawiki/2020/9/9a/T--UCopenhagen--bronze_medal.png">
 +
          </div>
 +
          <div class="txt">
 +
            <h2>The Bronze Medal</h2>
 +
              1) Competition deliverables sent in - We hope you like our effort!<br><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Attributions">2) We attributed everyone who helped us. Thank you all so much for your support!</a> <br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Description">3) We wrote our project description.</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Contribution">4) We made a contribution to the best community in the world.</a><br><br>
 +
          </div>
 +
        </div>
 +
        <div class="silver todelt">
 +
          <div class="txt">
 +
            <h2>The Silver Medal</h2>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Engineering">1) We demonstrated engineering success.</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Collaborations">2) We collaborated and enjoyed working with a ton of wonderful teams!</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Human_Practices">3) Through Human Practices we made sure that our project is responsible and good for the world.</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Implementation">4) We explained our proposed implementation.</a><br><br>
 +
          </div>
 +
          <div class="pic_silver">
 +
            <img src="https://static.igem.org/mediawiki/2020/a/af/T--UCopenhagen--silver_medal.png">
 +
          </div>
 +
        </div>
 +
        <div class="gold todelt">
 +
          <div class="pic_gold">
 +
            <img src="https://static.igem.org/mediawiki/2020/9/96/T--UCopenhagen--gold_medal.png">
 +
          </div>
 +
          <div class="txt">
 +
            <h2>The Gold Medal</h2>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Model">1) Our modeling this year consisted of both protein modeling and ODE/SDE models.</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Human_Practices">2) We integrated the wishes of relevant patients, experts, and stakeholders in the design of our project.</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Education">3) We communicated science to hundreds of people!</a><br>
 +
              <a href="https://2020.igem.org/Team:UCopenhagen/Partnership">4) We initiated a close partnership with team Aalto-Helsinki.</a><br><br>
 +
          </div>
 +
        </div>
 +
        <br>
 +
        <br>
 +
<div style="border-top: solid pink 0.5px; border-bottom: solid pink; margin-bottom: 2%;"></div>
 +
<img style="margin: 0 auto; width: 100%; padding: 2%;" src="https://static.igem.org/mediawiki/2020/8/8d/T--UCopenhagen--medal_quote_outtro.png">
 +
      </div>
 +
    </div>
 +
</div>
 +
  </body>
 
</html>
 
</html>
 +
 +
 +
{{UCopenhagen/Footer_Bubbly_sponsors}}

Latest revision as of 22:57, 26 October 2020



Icons made by Freepik from www.flaticon.com