Difference between revisions of "Team:NYU Abu Dhabi/Science Sketch"

Line 31: Line 31:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
body {background-color:white;
+
/* body {background-color:white;
−
width: 960px;
+
width: 960px; */
 
    /* width: 80%; */
 
    /* width: 80%; */
−
      margin: auto;}
+
      /* margin: auto;} */
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
Line 140: Line 140:
 
}
 
}
 
/*Styling Buttons*/
 
/*Styling Buttons*/
−
  .fa {
+
.fa {
−
    font-size: 20px;
+
font-size: 20px;
−
    padding:17px;
+
padding:17px;
−
    width: 54px;
+
width: 54px;
−
    text-align: center;
+
text-align: center;
−
    text-decoration: none;
+
text-decoration: none;
−
    /* margin: 5px 2px; */
+
/* margin: 5px 2px; */
−
    border-radius: 50%;
+
border-radius: 50%;
−
  }
+
}
−
  .fa:hover {
+
.fa:hover {
−
      opacity: 0.7;
+
opacity: 0.7;
−
  }
+
}
−
  .fa-facebook {
+
.fa-facebook {
−
    background: #7E5BD3;
+
background: #7E5BD3;
−
    color: white;
+
color: white;
−
  }
+
}
−
  .fa-twitter {
+
.fa-twitter {
−
    background: #7E5BD3;
+
background: #7E5BD3;
−
    color: white;
+
color: white;
−
  }
+
}
−
  .fa-google {
+
.fa-google {
−
    background: #7E5BD3;
+
background: #7E5BD3;
−
    color: white;
+
color: white;
−
  }
+
}
−
  .fa-youtube {
+
.fa-youtube {
−
    background: #7E5BD3;
+
background: #7E5BD3;
−
    color: white;
+
color: white;
−
  }
+
}
−
  .fa-instagram {
+
.fa-instagram {
−
    background: #7E5BD3;
+
background: #7E5BD3;
−
    color: white;
+
color: white;
−
  }
+
}
−
  /* end of styling buttons */
+
/* end of styling buttons */
 
/* Styling the footer */
 
/* Styling the footer */
−
  .footer>.container-fluid {
+
.footer>.container-fluid {
−
      padding: 10px 10px;
+
padding: 10px 10px;
−
  }
+
}
−
  .footer>.container-fluid>.row {
+
.footer>.container-fluid>.row {
−
      display: flex;
+
display: flex;
−
  }
+
}
−
  .footer-section {
+
.footer-section {
−
      text-align: center !important;
+
text-align: center !important;
−
      /* padding: 0px 25px; */
+
/* padding: 0px 25px; */
−
      display: flex;
+
display: flex;
 
flex-wrap: wrap;
 
flex-wrap: wrap;
−
      flex-direction: row;
+
flex-direction: row;
−
      align-items: center;
+
align-items: center;
−
      align-content: center;
+
align-content: center;
−
      justify-content: center;
+
justify-content: center;
−
  font-family: 'IBM Plex Sans', sans-serif;
+
font-family: 'IBM Plex Sans', sans-serif;
−
  }
+
}
−
  .footer-text {
+
.footer-text {
−
      text-align: center !important;
+
text-align: center !important;
−
  font-family: 'IBM Plex Sans', sans-serif;
+
font-family: 'IBM Plex Sans', sans-serif;
−
  }
+
}
−
  .footer-logo {
+
.footer-logo {
−
      width: 80%;
+
width: 80%;
−
  padding-right: 10px;
+
padding-right: 10px;
−
      display: inline-block;
+
display: inline-block;
−
  }
+
}
−
  .footer-logo2 {
+
.footer-logo2 {
−
      width: 100%;
+
width: 100%;
−
  padding-right: 15px;
+
padding-right: 15px;
−
      display: inline-block;
+
display: inline-block;
−
  }
+
}
−
  .footer {
+
.footer {
−
      /* background-color: #F5F5F5; */
+
font-family: 'IBM Plex Sans', sans-serif;
−
  font-family: 'IBM Plex Sans', sans-serif;
+
 
width:100%;
 
width:100%;
−
  }
+
}
 
/*end of styling the footer */
 
/*end of styling the footer */
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
Line 505: Line 504:
 
h3 {
 
h3 {
 
font-family: 'IBM Plex Sans', serif;
 
font-family: 'IBM Plex Sans', serif;
−
color: #101F40;
+
color: white;
−
   font-size: 19px;
+
   font-size: 15px;
−
   text-align: left;
+
   /* text-align: left; */
 
   /* margin-right: 90px;
 
   /* margin-right: 90px;
 
   margin-left: 90px; */
 
   margin-left: 90px; */
Line 529: Line 528:
 
}
 
}
 
body {
 
body {
−
    background-image: url("https://static.igem.org/mediawiki/2018/d/d8/T--NYU_Abu_Dhabi--backgroundlong.png");
+
/* background-image: url("https://static.igem.org/mediawiki/2018/d/df/T--NYU_Abu_Dhabi--Homepage.png"); */
 
     background-size: cover;
 
     background-size: cover;
−
    background-repeat: no-repeat;
+
background-repeat: no-repeat;
 
}
 
}
 
div{
 
div{
Line 641: Line 640:
 
button:focus {outline:0;}
 
button:focus {outline:0;}
  
 +
html, body {
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
.content {
 +
  min-height: 100%;
 +
}
 +
.content-inside {
 +
  padding: 20px;
 +
  padding-bottom: 50px;
 +
}
 +
.footer {
 +
  height: 150px;
 +
min-height: 150px;
 +
  margin-top: -50px;
 +
background-color: #0085B6;
 +
flex-wrap: wrap;
 +
bottom: 0;
 +
}
 +
.footer .columns {
 +
    float: left;
 +
    width: 65%;
 +
    position: relative;
 +
    padding-top: 15px;
 +
}
 +
/* .footer .columns1 {
 +
    float: left;
 +
    width: 20%;
 +
    position: relative;
 +
    padding-top: 25px;
 +
} */
 +
.footer .columns2 {
 +
    float: left;
 +
    width: 35%;
 +
/* height: 100%; */
 +
    position: relative;
 +
text-align: center;
 +
margin-top: 15px;
 +
 +
}
 +
 +
#globalWrapper {
 +
    position: relative;
 +
    font-size: 127%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 
</style>
 
</style>
  
−
<!-- ADDING PRELIMINARY DESCRIPTION -->
+
<div class="bg"></div>
  
−
<br> <br>
+
<body>
 +
<div class="content">
 +
    <div class="content-inside">
 
<h6><b>Science Sketch Collaboration</b></h6>
 
<h6><b>Science Sketch Collaboration</b></h6>
  
Line 775: Line 824:
  
 
</div>
 
</div>
 +
</div>
 +
<footer class="footer">
 +
<div class="columns2">
 +
<a href="https://2018.igem.org/Team:NYU_Abu_Dhabi" target="_blank"><img src="https://static.igem.org/mediawiki/2018/b/b4/T--NYU_Abu_Dhabi--PathoGene.png" alt="sponsor" width="200" margin-left="60px" ></a>
 +
<br>
 +
<a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
 +
<a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a>
 +
<a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a>
 +
<a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
  
 +
</div>
 +
<div class="columns">
 +
<h3>Sponsors:</h3>
 +
<a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/2/23/T--NYU_Abu_Dhabi--Promega.jpeg" alt="sponsor" width="90"></a>
 +
<a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--NYU_Abu_Dhabi--Appslink2.png" alt="sponsor" width="90"></a>
 +
<a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7f/T--NYU_Abu_Dhabi--Mathworks.png" alt="sponsor" width="90"></a>
 +
<a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" width="90"></a>
 +
<a href="https://www.jenabioscience.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--NYU_Abu_Dhabi--JenaBioscience.png" alt="sponsor" width="90"></a>
  
 +
</div>
 +
</footer>
 +
</body>
  
 
<script>
 
<script>
Line 796: Line 867:
 
     </script>
 
     </script>
  
−
 
−
 
−
</body>
 
  
  
Line 939: Line 1,007:
 
   </nav>
 
   </nav>
  
−
<!-- Footer Begins -->
 
−
<footer class="footer">
 
−
<div style="margin-top:100px;" class="footer">
 
−
<div class="row">
 
−
<div class="col-lg-8 col-sm-5 col-xm-5 col-md-6 footer-section" style="
 
−
    min-width: 200px;
 
−
">
 
−
<h3 class="footer-text">
 
−
                  <a href="https://worldwide.promega.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/f/ff/T--NYU_Abu_Dhabi--Promega.png" alt="sponsor" width="90"></a>
 
−
                  <a href="http://www.appslink-me.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--NYU_Abu_Dhabi--Appslink.png" alt="sponsor" width="90"></a>
 
−
                  <a href="https://eu.idtdna.com/pages" target="_blank"><img src="https://static.igem.org/mediawiki/2018/1/17/T--NYU_Abu_Dhabi--IDT.png" alt="sponsor" width="90"></a>
 
−
                  <a href="https://www.mathworks.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/6/65/T--NYU_Abu_Dhabi--Mathworks.jpeg" alt="sponsor" width="90"></a>
 
−
<a href="http://www.snapgene.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/5/59/T--NYU_Abu_Dhabi--snapgene.png" alt="sponsor" width="90"></a>
 
−
<a href="https://www.geneious.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/0/06/T--NYU_Abu_Dhabi--Geneious.png" alt="sponsor" width="90"></a>
 
−
  <!-- <a href="https://nyuad.nyu.edu/en/" target="_blank"><img src="https://static.igem.org/mediawiki/2018/7/7b/T--NYU_Abu_Dhabi--NYUADlogo.png" alt="sponsor" width="90"></a> -->
 
−
            </h3>
 
−
  </div>
 
−
 
−
              <div class="col-lg-4 col-sm-5 col-xm-5 col-md-6 footer-section" style="
 
−
    display: block;
 
−
    min-width: 200px;">
 
−
    <h3 class="footer-text">
 
−
                  <a href="mailto:nyuad.igem@nyu.edu" target="_blank"><span class="fa fa-google"></span></a>
 
−
                  <a href="https://www.facebook.com/iGEMNYUAD/" target="_blank"><span class="fa fa-facebook"></span></a>
 
−
                  <a href="https://www.twitter.com/igemnyuad/" target="_blank"><span class="fa fa-twitter"></span></a>
 
−
                  <a href="https://www.instagram.com/igem_nyuad/" target="_blank"><span class="fa fa-instagram"></span></a>
 
−
                </h3>
 
−
  </div>
 
−
 
−
          </div>
 
−
</div>
 
−
</footer>
 
−
 
−
<!-- Footer Ends -->
 
 
</body>
 
</body>
  

Revision as of 16:39, 11 October 2018

<!DOCTYPE html>

Science Sketch Collaboration

We have initiated a collaboration request to ALL iGEM teams. We invite them to join us in showcasing the wonderment of iGEM and synthetic biology by creating a science sketch of their team’s project or any major techniques/principles that their project is using.

Through the series of 1-3-minute sketches, we hope to promote public awareness of the iGEM competition as well as to show how synthetic biology can be utilized to solve problems facing mankind in an innovative manner!

The aim of the science sketches is to make a collaborative educational playlist with videos from teams all over the world, about their projects and/or the scientific principle behind their project. This playlist will be made public, so that any iGEM team can use it in their outreach activities, thus enabling all teams to spread the knowledge of synthetic biology to their communities.

We have also created a detailed description of how to make a science sketch to help other teams in creating their science sketches.




Several iGEM teams have participated in our science sketch collaboration, including Team REC Chennai, Team ICT-Mumbai from India, Team CPU from China, and Team Uppsala from Sweden.


sponsor

Sponsors:

sponsor sponsor sponsor sponsor sponsor sponsor sponsor