Difference between revisions of "Team:Stanford-Brown/Outreach"

(Created page with "{{Stanford-Brown/CSS}} {{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/bootstrap}} {{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/pfold}} {{:Te...")
 
 
(16 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Stanford-Brown/CSS}}
 
−
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/bootstrap}}
 
−
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/pfold}}
 
 
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
 
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
−
 
  
 
<html lang="en">
 
<html lang="en">
−
  <head>
+
<head>
−
    <meta charset="utf-8">
+
  <meta charset="utf-8">
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
    <meta name="description" content="">
+
  <meta name="description" content="">
−
    <meta name="author" content="">
+
  <meta name="author" content="">
−
    <link rel="icon" href="../../favicon.ico">
+
  <link rel="icon" href="../../favicon.ico">
  
−
    <title>SB iGEM 2015</title>
+
  <title>SB iGEM 2015 Outreach</title>
  
−
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
</head>
−
    <!--[if lt IE 9]>
+
<body>
−
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
  <!-- NAVBAR
−
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
  ================================================== -->
−
     <![endif]-->
+
  <div class="container">
 +
     <nav class="navbar navbar-material-light-blue navbar-fixed-top oriEdit">
  
−
    <!-- Custom styles for this template -->
+
      <div class="container">
−
    <link href="http://getbootstrap.com/examples/carousel/carousel.css" rel="stylesheet">
+
−
  </head>
+
−
<!-- NAVBAR
+
−
================================================== -->
+
−
  <body>
+
−
    <div class="container">
+
−
        <nav class="navbar navbar-inverse navbar-fixed-top">
+
  
−
          <div class="container">
+
        <div class="navbar-header">
  
−
            <div class="navbar-header">
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  
−
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
  
−
                <span class="sr-only">Toggle navigation</span>
+
          </button>
−
                <span class="icon-bar"></span>
+
          <a class="navbar-brand" href="https://2015.igem.org/Team:Stanford-Brown">SB iGEM</a>
−
                <span class="icon-bar"></span>
+
        </div>
−
                <span class="icon-bar"></span>
+
−
             
+
−
              </button>
+
−
              <a class="navbar-brand" href="#">SB iGEM</a>
+
−
              <!-- <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2015/e/e1/SB_logo.jpg" alt="SB Logo"></a>
+
−
            -->
+
−
            </div>
+
−
           
+
−
            <div id="navbar" class="navbar-collapse collapse">
+
−
             
+
−
              <ul class="nav navbar-nav">
+
−
               
+
−
                <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>
+
  
−
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">About</a></li>       
+
        <div id="navbar" class="navbar-collapse collapse">
−
               
+
−
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</a></li>
+
  
−
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Projects</a></li>
+
          <ul class="nav navbar-nav">
  
−
<!--                <li class="dropdown">
+
            <li class="active"><a href="https://2015.igem.org/Team:Stanford-Brown">Home</a></li>    
−
                  <a href="https://2015.igem.org/Team:Stanford-Brown/Projects" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Projects</a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="#">Overview</a></li>
+
−
                    <li role="separator" class="divider"></li>
+
−
                    <li class="dropdown-header">Bioplastics</li>
+
−
                    <li><a href="#">PS</a></li>
+
−
                    <li><a href="#">PHA</a></li>
+
−
                    <li role="separator" class="divider"></li>
+
−
                    <li class="dropdown-header">SynBio Tools</li>
+
−
                    <li><a href="#">CRATER</a></li>
+
−
                  </ul>
+
−
                </li> -->
+
  
 +
            <li class="dropdown">
 +
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">About</a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Team">Our Team</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Attributions">Attributions</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Gallery">Picture Gallery</a></li>
 
               </ul>
 
               </ul>
−
             </div>
+
             </li>  
−
          </div>
+
 
−
        </nav>
+
            <li class="dropdown">
−
      </div>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Outreach</a>
−
    <!-- Carousel
+
              <ul class="dropdown-menu">
−
    ================================================== -->
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Outreach">Outreach</a></li>
−
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Practices">Human Practicies</a></li>
−
      <!-- Indicators -->
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Collaboration">Collaboration</a></li>
−
      <ol class="carousel-indicators">
+
              </ul>
−
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
            </li>
−
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
 
−
        <li data-target="#myCarousel" data-slide-to="2"></li>
+
            <li class="dropdown">
−
      </ol>
+
              <a href="" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Projects</a>
−
      <div class="carousel-inner" role="listbox">
+
              <ul class="dropdown-menu">
−
        <div class="item active">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Projects">Project Overview</a></li>
−
          <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Vision">The Vision</a></li>
−
          <div class="container">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Biobricks">BioBricks</a></li>
−
            <div class="carousel-caption">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Notebooks">Notebooks and Protocols</a></li>
−
              <h1>BiOrigami</h1>
+
                <li class="divider"></li>
−
              <p>Erica was here XP</p>
+
                <li class="dropdown-header">Sub-Projects</li>
−
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn More</a></p>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/PS">PS Synthesis</a></li>
−
            </div>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/PHA">PHA Synthesis</a></li>
−
          </div>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/CRATER">CRATER</a></li>
−
        </div>
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/CASH">CASH</a></li>
−
        <div class="item">
+
                <li><a href="https://2015.igem.org/Team:Stanford-Brown/Cellulose">Cellulose</a></li>
−
          <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
+
              </ul>
−
          <div class="container">
+
             </li>
−
            <div class="carousel-caption">
+
           </ul>
−
              <h1>Our Vision</h1>
+
−
              <p>Imganine the elimination of petrochemicals in the production of plastics. Now imagine that in space.</p>
+
−
              <p><a class="btn btn-lg btn-primary" href="#" role="button">See More</a></p>
+
−
            </div>
+
−
          </div>
+
−
        </div>
+
−
        <div class="item">
+
−
          <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
+
−
          <div class="container">
+
−
            <div class="carousel-caption">
+
−
              <h1>Who are we?</h1>
+
−
              <p>A group of strange and funny looking students who decided to spend the summer stuck in a lab together aka the Stanford-Brown 2015 iGEM Team</p>
+
−
              <p><a class="btn btn-lg btn-primary" href="#" role="button">About Us</a></p>
+
−
             </div>
+
−
           </div>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
    </nav>
−
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
  </div>  
−
        <span class="sr-only">Previous</span>
+
−
      </a>
+
−
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
−
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
        <span class="sr-only">Next</span>
+
−
      </a>
+
−
    </div><!-- /.carousel -->
+
  
  
 +
  <div class="jumbotron oridomiLeft">
 +
    <div class="container">
 +
      <h1>Outreach and Education</h1>
 +
      <p>Engaging with the public and other synthetic biologists</p>
 +
    </div>
 +
  </div><!-- end jumbotron -->
  
−
<!-- <div class="oridomiStuff" style="width:50%">
+
  <!-- START THE FEATURETTES -->
−
fjsldkjfjdskl;fsfajsdf;lajsl;jaslkfjslkfjskljflsdkjfldsf
+
−
<br>
+
−
<img src="http://lorempixel.com/200/200" alt="stuff">
+
−
</div> -->
+
  
 +
  <div class="container">
  
−
     <!-- Marketing messaging and featurettes
+
     <div class="row featurette">
−
    ================================================== -->
+
      <div class="col-md-7 well">
−
    <!-- Wrap the rest of the page in another container to center all the content. -->
+
        <h2 class="featurette-heading">2015 Bay Area Maker Faire <span class="small">Synthetic biology as part of the Maker Movement</span></h2>
 +
        <p class="lead">In May 2015, our team held a booth at the 2015 Bay Area Maker Faire. We discussed our team's project ideas, previous Stanford-Brown teams' projects, and synthetic biology as it fits into the Maker movement more broadly. We also led interactive activities such as origami folding and DNA extractions, and had posters with questions such as "If you could make anything with biology, what would you make?" with opportunities to write and draw answers. This was a great opportunity for us to get feedback from the public on our project ideas.</p>
 +
      </div><!-- end well -->
 +
      <div class="col-md-5">
 +
        <img class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/SB2015_maker_faire_2.jpeg" alt="show the picture">
 +
      </div><!-- end col-md-5 -->
 +
    </div>
  
−
     <div class="container marketing">
+
     <div class="row featurette">
−
 
+
       <div class="col-md-7 col-md-push-5 well">
−
       <!-- Three columns of text below the carousel -->
+
         <h2 class="featurette-heading">Poster sessions and presentations <span class="small">Interacting with other researchers</span></h2>
−
      <div class="row">
+
        <p class="lead">We participated in poster sessions and gave presentations throughout the summer to showcase our work and learn from our peers. Our audiences included the the students at the NASA Ames Advanced Studies Laboratories, the participants of the Sierra Systems and Synbio Symposium, and the recipients of the Stanford Bioengineering Research Experience for Undergraduate grants. </p>
−
         <div class="col-sm-4">
+
      </div>
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
      <div class="col-md-5 col-md-pull-7">
−
          <h2>Vision</h2>
+
        <img class="featurette-image img-responsive center-block" src="https://static.igem.org/mediawiki/2015/b/bb/SB2015_reno_outreach_1.jpg" alt="Generic placeholder image">
−
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
       </div>
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
     </div>
−
        </div><!-- /.col-lg-4 -->
+
−
        <div class="col-sm-4">
+
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
−
          <h2>Substrate</h2>
+
−
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
−
        </div><!-- /.col-lg-4 -->
+
−
        <div class="col-sm-4">
+
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
−
          <h2>Folding Mechanism</h2>
+
−
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
−
        </div><!-- /.col-lg-4 -->
+
−
       </div><!-- /.row -->
+
−
 
+
−
 
+
−
     </div><!-- /.container -->
+
−
 
+
−
 
+
−
    <!-- Bootstrap core JavaScript
+
−
    ================================================== -->
+
−
 
+
−
 
+
−
 
+
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
+
  
  
−
     <!-- Placed at the end of the document so the pages load faster -->
+
     <!-- /END THE FEATURETTES -->
−
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
     <footer>
 +
      <div class="container">
 +
        <hr></hr>
 +
        <div class="row">
 +
          <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
        </div><!-- end row -->
 +
      </div><!-- end container -->
 +
    </footer>
  
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/pfold&action=raw&ctype=text/javascript"></script>
+
<!-- Bootstrap core JavaScript
 +
  ================================================== -->
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
  
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
+
  <!-- Placed at the end of the document so the pages load faster -->
−
    <!-- Latest compiled and minified CSS -->
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
  
−
    <!-- Optional theme -->
+
  <!-- Latest compiled and minified CSS -->
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
+
  
−
    <!-- Latest compiled and minified JavaScript -->
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
  
−
<script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
+
  <!-- Latest compiled and minified JavaScript -->
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
  
−
   </body>
+
   <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
 +
</body>
  
 
</html>
 
</html>
  
−
{{Stanford-Brown_Footer}}
 
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}
 
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}

Latest revision as of 23:10, 12 September 2015

SB iGEM 2015 Outreach

Outreach and Education

Engaging with the public and other synthetic biologists

2015 Bay Area Maker Faire Synthetic biology as part of the Maker Movement

In May 2015, our team held a booth at the 2015 Bay Area Maker Faire. We discussed our team's project ideas, previous Stanford-Brown teams' projects, and synthetic biology as it fits into the Maker movement more broadly. We also led interactive activities such as origami folding and DNA extractions, and had posters with questions such as "If you could make anything with biology, what would you make?" with opportunities to write and draw answers. This was a great opportunity for us to get feedback from the public on our project ideas.

show the picture

Poster sessions and presentations Interacting with other researchers

We participated in poster sessions and gave presentations throughout the summer to showcase our work and learn from our peers. Our audiences included the the students at the NASA Ames Advanced Studies Laboratories, the participants of the Sierra Systems and Synbio Symposium, and the recipients of the Stanford Bioengineering Research Experience for Undergraduate grants.

Generic placeholder image
Copyright © 2015 Stanford-Brown iGEM Team