Difference between revisions of "Team:UCopenhagen/Medals"

 
(28 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<html>
 
<html>
 
   <style>
 
   <style>
     .bg_image {
+
     .page-wrapper{
 +
      margin-bottom: -20%;
 +
      margin-top: -5%;
 +
      max-width: 100%;
 
       background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
 
       background-image: url("https://static.igem.org/mediawiki/2020/a/a3/T--UCopenhagen--watercolor_bg_smaller.png");
 
       background-repeat: repeat-y;
 
       background-repeat: repeat-y;
 
       background-size: 100%;
 
       background-size: 100%;
       padding-left: 20%;
+
       background-color: #fcecdf;
      padding-right: 20%;
+
      margin-top: -10%;
+
      margin-bottom: -20%;
+
      padding-top: 10%;
+
 
       padding-bottom: 15%;
 
       padding-bottom: 15%;
       overflow: hidden;
+
       padding-top:5%;
       position: relative;
+
       text-align: justify;
 
     }
 
     }
  
 
     .everything {
 
     .everything {
       width: 100%;
+
       width: 55%;
 
       margin: 0 auto;
 
       margin: 0 auto;
    }
 
 
    .title {
 
      background-image: url("https://static.igem.org/mediawiki/2020/9/93/T--UCopenhagen--watercolor_mix3.png");
 
      background-size: contain;
 
      background-repeat: no-repeat;
 
      background-position: center;
 
      padding-top: 20%;
 
      padding-bottom: 20%;
 
      margin: 0 auto;
 
      text-align: center;
 
    }
 
 
    .title h1 {
 
      font-family: Montserrat;
 
      color: #f1002d;
 
      font-size: 3em;
 
      margin-top: 15%;
 
    }
 
 
    h3 {
 
      margin-top: 0%;
 
      font-family: Montserrat;
 
      font-size: 1.6em;
 
      line-height: 1.6em;
 
 
     }
 
     }
  
 
     .everything h2 {
 
     .everything h2 {
 
       font-family: Montserrat;
 
       font-family: Montserrat;
       font-size: 2em;
+
       font-size: 28px;
 
       line-height: 1.6em;
 
       line-height: 1.6em;
    }
 
 
    .finish h2 {
 
      font-family: Montserrat;
 
      font-size: 2em;
 
      text-align: center;
 
 
     }
 
     }
  
Line 69: Line 37:
 
     }
 
     }
  
     .pic {
+
     .pic_gold, .pic_silver, .pic_bronze {
 
       display: flex;
 
       display: flex;
 
       justify-content: center;
 
       justify-content: center;
       float: left;
+
       flex-direction: column;
      object-fit: contain;
+
 
     }
 
     }
  
     .side {
+
     .txt {
 
       display: flex;
 
       display: flex;
 
       justify-content: center;
 
       justify-content: center;
       float: right;
+
       flex-direction: column;
       object-fit: contain;
+
       font-family: Avenir, Arial;
 +
      font-size: 16px; line-height: 1.4;
 
     }
 
     }
  
     .pic img, .side img {
+
     .txt a{
       width: 50%;
+
       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>
 
   </style>
 
   <body>
 
   <body>
    <div class="bg_image">
+
<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">
 
       <div class="everything">
        <div class="title">
+
          <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>
          <h1>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">
           <h3>For easy navigation - lean back<br> and let the links take you where you want to go!</h3>
+
        </div>
+
 
         <div class="bronze todelt">
 
         <div class="bronze todelt">
           <div class="pic">
+
           <div class="pic_bronze">
 
             <img src="https://static.igem.org/mediawiki/2020/9/9a/T--UCopenhagen--bronze_medal.png">
 
             <img src="https://static.igem.org/mediawiki/2020/9/9a/T--UCopenhagen--bronze_medal.png">
 
           </div>
 
           </div>
 
           <div class="txt">
 
           <div class="txt">
 
             <h2>The Bronze Medal</h2>
 
             <h2>The Bronze Medal</h2>
            <p>
+
               1) Competition deliverables sent in - We hope you like our effort!<br><br>
               1) Competition deliverables sent in - We hope you like our effort!<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>
               2) <a href="https://2020.igem.org/Team:UCopenhagen/Attributions">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>
               3) <a href="https://2020.igem.org/Team:UCopenhagen/Description">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>
               4) <a href="https://2020.igem.org/Team:UCopenhagen/Contribution">We made a contribution to the best community in the world.</a><br><br>
+
            </p>
+
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 112: Line 135:
 
           <div class="txt">
 
           <div class="txt">
 
             <h2>The Silver Medal</h2>
 
             <h2>The Silver Medal</h2>
            <p>
+
               <a href="https://2020.igem.org/Team:UCopenhagen/Engineering">1) We demonstrated engineering success.</a><br>
               1) <a href="https://2020.igem.org/Team:UCopenhagen/Engineering">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>
               2) <a href="https://2020.igem.org/Team:UCopenhagen/Collaborations">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>
               3) <a href="https://2020.igem.org/Team:UCopenhagen/Human_Practices">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>
               4) <a href="https://2020.igem.org/Team:UCopenhagen/Implementation">We explained our proposed implementation.</a><br><br>
+
            </p>
+
 
           </div>
 
           </div>
           <div class="side">
+
           <div class="pic_silver">
 
             <img src="https://static.igem.org/mediawiki/2020/a/af/T--UCopenhagen--silver_medal.png">
 
             <img src="https://static.igem.org/mediawiki/2020/a/af/T--UCopenhagen--silver_medal.png">
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
         <div class="gold todelt">
 
         <div class="gold todelt">
           <div class="pic">
+
           <div class="pic_gold">
 
             <img src="https://static.igem.org/mediawiki/2020/9/96/T--UCopenhagen--gold_medal.png">
 
             <img src="https://static.igem.org/mediawiki/2020/9/96/T--UCopenhagen--gold_medal.png">
 
           </div>
 
           </div>
 
           <div class="txt">
 
           <div class="txt">
 
             <h2>The Gold Medal</h2>
 
             <h2>The Gold Medal</h2>
            <p>
+
               <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>
               1) <a href="https://2020.igem.org/Team:UCopenhagen/Model">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>
               2) <a href="https://2020.igem.org/Team:UCopenhagen/Human_Practices">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>
               3) <a href="https://2020.igem.org/Team:UCopenhagen/Education">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>
               4) <a href="https://2020.igem.org/Team:UCopenhagen/Partnership">We initiated a close partnership with team Aalto-Helsinki.</a><br><br>
+
            </p>
+
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
         <br>
 
         <br>
 
         <br>
 
         <br>
        <div class="finish"><h2>This has been an amazing iGEM season, and we're in awe of how far both we and everyone else has gotten despite the difficulties. SynBiologists together strong!</h2></div>
+
<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>
 
     </div>
 +
</div>
 
   </body>
 
   </body>
 
</html>
 
</html>
  
  
{{UCopenhagen/Footer_Bubbly}}
+
{{UCopenhagen/Footer_Bubbly_sponsors}}

Latest revision as of 22:57, 26 October 2020



Icons made by Freepik from www.flaticon.com