Difference between revisions of "Team:Baltimore Bio-Crew/Engagement"

(Prototype team page)
 
Line 1: Line 1:
 
{{Baltimore_Bio-Crew}}
 
{{Baltimore_Bio-Crew}}
 +
{{Team:Baltimore Bio-Crew/CSS}}
  
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
<!-- This is the tab title styling-->
−
<h3>★  ALERT! </h3>
+
      <head>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<style media="screen" type="text/css">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
−
<div class="column half_size">
+
/*
 +
html5doctor.com Reset Stylesheet
 +
v1.6.1
 +
Last Updated: 2010-09-17
 +
Author: Richard Clark - http://richclarkdesign.com
 +
Twitter: @rich_clark
 +
*/
  
−
<h1>Education and Public Engagement</h1>
+
html, body, div, span, object, iframe,
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
abbr, address, cite, code,
 +
del, dfn, em, img, ins, kbd, q, samp,
 +
small, strong, sub, sup, var,
 +
b, i,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section, summary,
 +
time, mark, audio, video {
 +
    margin:0;
 +
    padding:0;
 +
    border:0;
 +
    outline:0;
 +
    font-size:100%;
 +
    vertical-align:baseline;
 +
    background:transparent;
 +
}
  
−
<br><br>
+
body {
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
    line-height:1;
−
<br><br>
+
}
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
 +
article,aside,details,figcaption,figure,
 +
footer,header,hgroup,menu,nav,section {
 +
    display:block;
 +
}
  
 +
nav ul {
 +
    list-style:none;
 +
}
  
 +
blockquote, q {
 +
    quotes:none;
 +
}
  
−
<div class="column half_size">
+
blockquote:before, blockquote:after,
−
<h5>Inspiration</h5>
+
q:before, q:after {
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
    content:'';
−
<ul>
+
    content:none;
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
−
</ul>
+
  
−
</div>
+
a {
 +
    margin:0;
 +
    padding:0;
 +
    font-size:100%;
 +
    vertical-align:baseline;
 +
    background:transparent;
 +
}
  
 +
/* change colours to suit your needs */
 +
ins {
 +
    background-color:#ff9;
 +
    color:#000;
 +
    text-decoration:none;
 +
}
  
−
<div class="clear"></div>
+
/* change colours to suit your needs */
−
</html>
+
mark {
 +
    background-color:#ff9;
 +
    color:#000;
 +
    font-style:italic;
 +
    font-weight:bold;
 +
}
 +
 
 +
del {
 +
    text-decoration: line-through;
 +
}
 +
 
 +
abbr[title], dfn[title] {
 +
    border-bottom:1px dotted;
 +
    cursor:help;
 +
}
 +
 
 +
table {
 +
    border-collapse:collapse;
 +
    border-spacing:0;
 +
}
 +
 
 +
/* change border colour to suit your needs */
 +
hr {
 +
    display:block;
 +
    height:1px;
 +
    border:0;
 +
    border-top:1px solid #cccccc;
 +
    margin:1em 0;
 +
    padding:0;
 +
}
 +
 
 +
input, select {
 +
    vertical-align:middle;
 +
}
 +
--------------------------------------------------------------------------------
 +
.html{
 +
  height: 100%;
 +
}
 +
.website{
 +
  width: 100%;
 +
  height:100%;
 +
  margin: 0 0 0 0;
 +
}
 +
.website h2{
 +
  font-size: 90px;
 +
  text-align: center;
 +
  color: black;
 +
  font-family: 'Saira', sans-serif;
 +
  padding-top: 40px;
 +
}
 +
.website h3{
 +
  font-size: 18px;
 +
  font-style: italic;
 +
  text-align: center;
 +
  padding-top: 20px;
 +
  padding-bottom: 30px;
 +
  font-family: 'Abel', san-serif;
 +
  font-style: italic;
 +
  color: black;
 +
}
 +
.page{
 +
  background-image: url("https://static.igem.org/mediawiki/2017/8/84/Pageback1.png");
 +
  background-size: cover;
 +
  height: 1050px;
 +
}
 +
.page h2{
 +
  padding: 75px 0 0 0;
 +
  font-size: 36px;
 +
  font-style: normal;
 +
  font-family: 'Saira', sans-serif;
 +
  text-align: center;
 +
  color: #6b9eff;
 +
  width: 100%;
 +
}
 +
.navbar{
 +
  height: 300px;
 +
  width: 100%;
 +
}
 +
.navbar nav{
 +
  height:40px;
 +
  display: block;
 +
  margin: 0 auto;
 +
  text-transform: uppercase;
 +
  background-color: #6b9eff;
 +
}
 +
.navbar nav a{
 +
  display: block;
 +
  text-decoration: none;
 +
  font-family: 'Share Tech Mono', monospace;
 +
  font-size: 20pt;
 +
  color: #000000;
 +
  font-style: bold;
 +
}
 +
.navbar nav a:hover{
 +
  color: #FF4212;
 +
}
 +
.navbar nav ul{
 +
  list-style: none;
 +
}
 +
.navbar nav ul li{
 +
  height: 300px;
 +
  line-height: 40px;
 +
  text-align: center;
 +
  float: left;
 +
  width: 200px;
 +
}
 +
.navbar nav ul li ul{
 +
  display: none;
 +
  line-height: 35px;
 +
  text-align: center;
 +
  width: 135px;
 +
}
 +
.navbar nav ul li:hover ul{
 +
  display: block;
 +
}
 +
.navbar nav ul li:hover{
 +
  display: block;
 +
}
 +
</style>
 +
        <title>Baltimore Bio-Crew</title>
 +
        <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png">
 +
        <meta charset= "utf-8">
 +
        <link rel="stylesheet" href="style.css" type="text/css"
 +
        <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
        <link href="https://fonts.googleapis.com/css?family=Saira|Bubbler+One|Abel|Source+Sans+Pro|Share+Tech+Mono|Kalam" rel="stylesheet">
 +
      </head>
 +
      <body>
 +
<!-- This is the header-->
 +
        <div class="website">
 +
          <h2>BALTIMORE BIO-CREW</h2>
 +
          <h3>Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor</h3>
 +
            <div class="navbar">
 +
              <nav>
 +
                  <ul>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew">HOME</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Team">TEAM</a></li>
 +
                    <li><a href="#">PROJECT</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Experiment">EXPERIMENT</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Results">RESULTS</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Safety">SAFETY<a/></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Software">SOFTWARE</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Hardware">HARDWARE</a></ul>
 +
                    </li>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Notebook">NOTEBOOK<a/></li>
 +
                    <li><a href="#">PARTS</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Parts_Collection">COLLECTION</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Basic_Part">BASIC PART</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Composite_Part">COMPOSITE PART</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Model">MODEL</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Measurement">MEASUREMENT</a></ul>
 +
                    </li>
 +
                    <li><a href="#">ENGAGEMENT</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Engagement">PUBLIC ENGAGEMENT</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Integrated-Practices">INTEGRATED HUMAN PRACTICES</a></ul>
 +
                    </li>
 +
                  </ul>
 +
              </nav>
 +
            </div>
 +
            <div class="page">
 +
              <h2>PUBLIC ENGAGEMENT</h2>
 +
            </div>
 +
        </div>
 +
<!-- This is an experiment-->
 +
<!-- This is the body-->
 +
<!-- This is the footer-->
 +
        </div>
 +
      </body>

Revision as of 05:17, 29 September 2017


Baltimore Bio-Crew

BALTIMORE BIO-CREW

Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor

PUBLIC ENGAGEMENT