Difference between revisions of "Team:MSU-Michigan/Test"

Line 1: Line 1:
 +
{{BostonU_we_tryin}}
 
<html>
 
<html>
−
 
+
<style>
 +
 
 +
#sideMenu, #top_title {display:none;}
 +
body {background-color:white; }
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
body {
 +
min-width:1200px;
 +
}
 +
 
 +
#one {
 +
position:absolute;
 +
left:10%;
 +
width:80%;
 +
}
 +
 
 +
#two {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#three {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#four {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#five {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#six {
 +
position:absolute;
 +
left:-110%;
 +
}
 +
 
 +
#container {
 +
width:100%;
 +
height:600px;
 +
position:absolute;
 +
overflow:hidden;
 +
}
 +
 
 +
#button {
 +
position:absolute;
 +
top:500px;
 +
left:90%;
 +
}
 +
 
 +
#button:hover, #buttontwo:hover, #buttontwotwo:hover, buttonthree:hover {
 +
transform:scale(1.2);
 +
}
 +
 
 +
#buttonname, #buttonnamewhat {
 +
width:12vw;
 +
height:5vw;
 +
color:#0071A7;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:450px;
 +
left:85%;
 +
}
 +
 
 +
#buttontwo {
 +
position:absolute;
 +
top:438px;
 +
left:80%;
 +
 
 +
}
 +
 
 +
#buttonnametwo {
 +
width:12vw;
 +
height:5vw;
 +
color:#bd162a;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:383px;
 +
left:75.5%;
 +
}
 +
 
 +
#buttontwotwo {
 +
position:absolute;
 +
top:290px;
 +
left:80%;
 +
 
 +
}
 +
 
 +
#buttonnametwotwo {
 +
width:12vw;
 +
height:5vw;
 +
color:#bd162a;
 +
text-align:center;
 +
font-size:175%;
 +
position:absolute;
 +
top:240px;
 +
left:75.5%;
 +
}
 +
 
 +
#buttonthree:hover {
 +
transform:scale(1.2)
 +
}
 +
 
 +
#media {
 +
background-color:white;
 +
}
 +
 
 +
#twit, #face, #snap, #email {
 +
width:100px;
 +
height:100px;
 +
padding: 30px;
 +
}
 +
 
 +
#twit:hover, #face:hover, #snap:hover, #email:hover {
 +
transform:scale(1.5)
 +
}
 +
 
 +
.secret {
 +
opacity:0;
 +
background-color:red;
 +
cursor:crosshair;
 +
}
 +
 
 +
#buttonnamewhat {
 +
color:#760E18;}
 +
 
 +
</style>
 +
 
 +
<body>
 +
<div id = "container">
 +
<div id = "one" class = "show">
 +
<center>
 +
<img style = "width:85%" " src = "https://static.igem.org/mediawiki/2016/e/ee/T--BostonU--WikiTitlelogo.png" id = "gem"></center>
 +
</div>
 +
 
 +
<div style = "width:80%;" id = "two" class = "show">
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">Our Project: Gemini</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
 +
<center><p style = "width:80%; color:#0071A7; font-size:125%; padding:15px;">In nature, some cells have the ability to detect if certain environmental signals such as hormones, drugs, or wavelengths of light are present or absent. These digital signals can then determine the analog expression level of certain genes. Our project aims to replicate this natural process through a dCas9 based system. Our system, Gemini, is able to recognize the presence (represented by a 1) or the absence (represented by a 0) of several environmental signals and change a gene's level of expression based on what combination of signals it is registering. For a more detailed description, start the Project Tour.</p>
 +
<img style = "width:28%; padding:0px 5%;" src = "https://static.igem.org/mediawiki/2016/5/51/T--BostonU--Signals.png">
 +
<img style = "width:25%; padding:0px 5%;" src = "https://static.igem.org/mediawiki/2016/2/2c/T--BostonU--Main.png">
 +
 
 +
</center>
 +
<div id = "buttonname">
 +
<br>
 +
Project Tour
 +
</div>
 +
 
 +
<div id = "button">
 +
<a href="https://2016.igem.org/Team:BostonU/Abstract_and_Motivation"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/f/ff/T--BostonU--bluefor.png"></a>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div style = "width:80%;" id = "three" class = "show">
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#bd162a;">HP Projects</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#bd162a;"></center>
 +
<center><p style = "width:80%; color:#bd162a; font-size:125%; padding:15px;">In addition to creating Gemini, our team also aimed to go beyond the lab space and contribute to the synthetic biology community in other ways. In addition to volunteering for several outreach programs, we also developed two human practices projects. The first was creating a set of interactive discussion forums meant to make synthetic biology more accessible to the public. The second was a blog intended to inform synthetic biologists about important considerations and implications in patent law and intellectual property. To see a timeline of how we created our forums or explore our blog posts, click the buttons below.</p>
 +
<img style = "float:left; width:30%; padding:2% 0% 2% 10%;" src = "https://static.igem.org/mediawiki/2016/e/e0/T--BostonU--Summer_Pathways.jpg">
 +
<img style = "width:30%; padding:2%; float:left;" src = "https://static.igem.org/mediawiki/2016/f/f8/T--BostonU--Forums.jpg">
 +
</center>
 +
 
 +
<div id = "buttonnametwo">
 +
<br>
 +
Forums
 +
</div>
 +
 
 +
<div id = "buttontwotwo">
 +
<a href="https://2016.igem.org/Team:BostonU/HP/Silver"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/1/1d/T--BostonU--redfor.png"></a>
 +
</div>
 +
 
 +
<div id = "buttonnametwotwo">
 +
<br>
 +
Blog
 +
</div>
 +
 
 +
<div id = "buttontwo">
 +
<a href="https://2016.igem.org/Team:BostonU/HP/Gold"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/1/1d/T--BostonU--redfor.png"></a>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div style = "width:80%;" id = "four" class = "show">
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">For the Judges</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#507f54;"></center>
 +
<center><img src = "https://static.igem.org/mediawiki/2016/9/9e/T--BostonU--Medals.png" style = "width:60%;"></center>
 +
<p style = "text-align:center; color:#507f54; font-size:175%;">A full list of how we met each medal requirement can be found here:</p></center>
 +
 
 +
<center><div id = "buttonthree">
 +
<a href="https://2016.igem.org/Team:BostonU/Medal_Criteria"><img style = "width:6vw" src = "https://static.igem.org/mediawiki/2016/c/c4/T--BostonU--Greenforward.png"></a>
 +
</div></center>
 +
</div>
 +
 
 +
<div style = "width:80%;" id = "five" class = "show">
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#760E18;">Team Gemini</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#760E18;"></center>
 +
 
 +
<div class = "secret" id = "secretone" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:19%; top:80px;"></div>
 +
<div class = "secret" id = "secrettwo" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:53%; top:175px;"></div>
 +
<div class = "secret" id = "secretthree" style = "width:50px; height:50px; background-color:red; z-index:200; position:relative; left:80%; top:170px;"></div>
 +
 
 +
<center><img src = "https://static.igem.org/mediawiki/2016/5/5c/T--BostonU--Team_Collage.png" style = "width:80%; position:relative; top:-125px;"><center>
 +
 
 +
<div id = "appear" style = "width:30px; height:30px; background-color:blue; display:none; z-index:-100; position:relative; top:-600px; left:-100px;"><a href = "https://2016.igem.org/Team:BostonU/Memes"><img src = "https://static.igem.org/mediawiki/2016/2/2f/T--BostonU--Pushit.png" style = "width:200px; height:500px;"></a></div>
 +
 
 +
<div id = "buttonnamewhat">
 +
<br>
 +
Attributions
 +
</div>
 +
 
 +
<div id = "button">
 +
<a href="https://2016.igem.org/Team:BostonU/Attributions"><img style = "width:5vw" src = "https://static.igem.org/mediawiki/2016/2/26/T--BostonU--arrowmarroon.png"></a>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
<div style = "width:10%; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; z-index:100; left: 90%; cursor:pointer;" id = "forward"><div style = "height:300px;"></div>><div style = "height:300px;"></div></div>
 +
<div style = "width:10%; cursor:pointer; height:600px; background-color:white; color:#0071A7; text-align:center; font-size:300%; position:absolute; left:-1%; z-index:100;" id = "reverse"><div style = "height:300px;"></div><<div style = "height:300px;"></div></div>
 +
 
 +
<div style = "width:80%; height:600px;" id = "six" class = "show">
 +
<br>
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#507f54;">Thank You to Our Sponsors</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#507f54;"></center>
 +
<center><img src = "https://static.igem.org/mediawiki/2016/e/eb/T--BostonU--Sponsors.jpg" style = "width:80%"><center>
 +
</div>
 +
 
 +
<div style = "width:100%; height:600px;"></div>
 +
<br>
 +
<center style = "font-size:280%; font-family:Trebuchet MS; color:#0071A7;">Final Results</center>
 +
<br><center><hr style= "width:702px; height: 3px; background-color:#0071A7"></center>
 +
<center><p style = "font-size:200%; font-family:Trebuchet MS; padding:5px 200px 0px 200px; color:#0071A7">The 2016 BostonU iGEM team received a Gold Medal as well as nominations for Top</p></center>
 +
 
 +
<center><p style = "position:relative; left: 3%; font-size:200%; font-family:Trebuchet MS; padding:0px 200px 15px 200px; color:#0071A7">Foundational Advancement Team, Best Basic Part, and Best Part Collection.</p></center>
 
<br><br>
 
<br><br>
 
<div id = "media">
 
<div id = "media">
Line 152: Line 400:
 
       });
 
       });
 
   });
 
   });
−
</script>
+
</script>
−
<head>
+
−
        <!-- slick CSS -->
+
−
        <meta charset="UTF-8">
+
−
        <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
+
−
        <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
+
−
    </head>
+
−
    <body>
+
−
        <style>
+
−
            body {
+
−
                background: #777;
+
−
            }
+
−
            div.slider {
+
−
                width: 1000px;
+
−
                height: 500px;
+
−
                background: #fff;
+
−
                margin: 100px auto;
+
−
            }
+
−
            img.slider {
+
−
                width: 100%;
+
−
                height: 100%;
+
−
            }
+
−
          .slick-arrow::before {
+
−
                color: #00274C;
+
−
            }
+
−
        </style>
+
−
        <div class="slider" data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "dots": true}'>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/6/65/Proximity-Dependent_Ligation_Diagram.png"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/b/b7/MSBT_Expression_Diagram.png"></div>
+
−
          <div><img class="slider" src="https://static.igem.org/mediawiki/2016/7/75/AptapaperLogo.jpg"></div>
+
−
        </div>
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
−
        <!--jQuery-->
+
−
        <!--<script src="/components/jquery-1.12.3.min.js"></script>-->
+
−
        <!--Slick-->
+
−
        <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
+
−
        <!-- Applying slick to our div -->
+
−
        <script>
+
−
            $('.slider').slick({
+
−
            autoplay: true,
+
−
            fade: false});
+
−
 
+
−
        </script>
+
−
    </body>
+
 
</html>
 
</html>

Revision as of 00:52, 2 November 2017

Template:BostonU we tryin


Our Project: Gemini

In nature, some cells have the ability to detect if certain environmental signals such as hormones, drugs, or wavelengths of light are present or absent. These digital signals can then determine the analog expression level of certain genes. Our project aims to replicate this natural process through a dCas9 based system. Our system, Gemini, is able to recognize the presence (represented by a 1) or the absence (represented by a 0) of several environmental signals and change a gene's level of expression based on what combination of signals it is registering. For a more detailed description, start the Project Tour.


Project Tour

HP Projects

In addition to creating Gemini, our team also aimed to go beyond the lab space and contribute to the synthetic biology community in other ways. In addition to volunteering for several outreach programs, we also developed two human practices projects. The first was creating a set of interactive discussion forums meant to make synthetic biology more accessible to the public. The second was a blog intended to inform synthetic biologists about important considerations and implications in patent law and intellectual property. To see a timeline of how we created our forums or explore our blog posts, click the buttons below.


Forums

Blog

For the Judges

A full list of how we met each medal requirement can be found here:


Team Gemini


Attributions
>
<


Thank You to Our Sponsors


Final Results

The 2016 BostonU iGEM team received a Gold Medal as well as nominations for Top

Foundational Advancement Team, Best Basic Part, and Best Part Collection.



Contact us: