Difference between revisions of "Team:UCopenhagen/Medals"

 
(15 intermediate revisions by 2 users not shown)
Line 6: Line 6:
 
<html>
 
<html>
 
   <style>
 
   <style>
     .bg-color {
+
     .page-wrapper{
      background-color: #fcecdf;
+
       margin-bottom: -20%;
       margin-top: -10%;
+
       margin-top: -5%;
       margin-bottom: -55%;
+
       max-width: 100%;
       padding-top: 10%;
+
      padding-bottom: 55%;
+
      overflow: hidden;
+
      position: relative;
+
    }
+
 
+
    .bg-image {
+
      position: relative;
+
 
       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%;
 +
      background-color: #fcecdf;
 +
      padding-bottom: 15%;
 +
      padding-top:5%;
 +
      text-align: justify;
 
     }
 
     }
  
Line 26: Line 22:
 
       width: 55%;
 
       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: Bavro;
 
      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 72: Line 37:
 
     }
 
     }
  
     .pic_gold, .pic_silver, .pic_bronze, .txt {
+
     .pic_gold, .pic_silver, .pic_bronze {
 
       display: flex;
 
       display: flex;
 
       justify-content: center;
 
       justify-content: center;
Line 78: Line 43:
 
     }
 
     }
  
 +
    .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 {
 
     .pic_gold img {
 
       width: 75%;
 
       width: 75%;
Line 117: Line 100:
 
     }
 
     }
  
 +
 +
 +
#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-color">
+
<div id="top-image"><img src="https://static.igem.org/mediawiki/2020/3/3b/T--UCopenhagen--medals-cover.png"></div>
    <div class="bg-image">
+
<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 style="font-family: Bavro;">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_bronze">
 
           <div class="pic_bronze">
Line 133: Line 126:
 
           <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 144: 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="pic_silver">
 
           <div class="pic_silver">
Line 161: Line 150:
 
           <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>
Line 180: Line 167:
  
  
{{UCopenhagen/Footer_Bubbly}}
+
{{UCopenhagen/Footer_Bubbly_sponsors}}

Latest revision as of 22:57, 26 October 2020



Icons made by Freepik from www.flaticon.com