Team:RAMNOTIREN CALGARY

From 2014hs.igem.org

(Difference between revisions)
 
(122 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<link rel='stylesheet' type='text/css' href="indexcss.css"/>
+
<link rel='stylesheet' type='text/css' href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Stylesheets/indexcss.css?action=raw&ctype=text/css"/>
<style>
<style>
h1{
h1{
-
font-size: 2.5em;
+
font-size: 1em;
 +
                        display: none;
}
}
-
h2{
+
                #firstheading {
 +
                        display: none;
 +
                }
 +
 
 +
h3{
font-size: 25.5px;
font-size: 25.5px;
}
}
Line 14: Line 19:
p {
p {
text-indent:50px;
text-indent:50px;
-
}
+
}  
-
#box1{
+
#box1 {
-
width: 968px;
+
width: 990px;
margin-top: 8px;
margin-top: 8px;
background: #E6E6E6; /*threedface*/
background: #E6E6E6; /*threedface*/
Line 23: Line 28:
padding-bottom: 20px;
padding-bottom: 20px;
margin-bottom: 13px;
margin-bottom: 13px;
 +
position: relative;
 +
left: -60px;
 +
                     
}
}
-
#box1 h2{
+
#box1 h3 {
-
padding: 0px 0px 0px 0px;
+
padding: 20px 0px 0px 10px;
-
text-align: center;
+
font-family: arial, verdana, "lucida sans";
font-family: arial, verdana, "lucida sans";
 +
                        text-align: center;
 +
                       
}
}
-
#box1 p{
+
#box1 p {
-
padding: 0px 50px 0px 350px;
+
padding: 5px 30px 5px 30px;
font-family: arial, verdana, "lucida sans";
font-family: arial, verdana, "lucida sans";
font-size: 15px;
font-size: 15px;
Line 101: Line 110:
border: none;  
border: none;  
width: 300px;
width: 300px;
-
}
 
-
 
-
#footer-box {
 
-
background-color: #216085;
 
-
border: none;
 
-
width: 850px;
 
-
height: 30px;
 
-
margin: -10px auto 0 auto;
 
-
padding: 20px 0;
 
}
}
.visualClear {  
.visualClear {  
display: none;  
display: none;  
-
}
 
-
 
-
#footer {
 
-
border: none;
 
-
width: 850px;
 
-
margin: 0 auto;
 
-
padding: 0;
 
}
}
Line 127: Line 120:
}
}
-
#f-list a {
 
-
color: #333;
 
-
font-size: 10px;
 
-
}
 
-
 
-
#f-list a:hover {
 
-
color: #666;
 
-
}
 
-
 
-
.printfooter {
 
-
display: none;
 
-
}
 
-
 
-
#footer ul {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
#footer ul li {
 
-
margin-top: 0;
 
-
margin-bottom: 0;
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
padding: 0;
 
-
}
 
#search-controls {  
#search-controls {  
Line 157: Line 125:
}
}
-
h3#siteSub {  
+
#siteSub {  
display: none;
display: none;
}
}
Line 174: Line 142:
clear: both;
clear: both;
}
}
 +
.progress{
.progress{
Line 179: Line 148:
}
}
-
.plus { 
+
#vidbutt{
-
        display: inline-block; 
+
position: relative;
-
        -webkit-transition: 1s ease-in-out; 
+
top:0px;
-
        -moz-transition: 1s ease-in-out; 
+
left:-60px;
-
        -o-transition: 1s ease-in-out; 
+
background-color: #e6e6e6;
-
    } 
+
padding: 0px 15px 0px 15px;
-
     
+
border-radius: 5px;
-
    .menu:hover .plus { 
+
-
        -webkit-transform: rotate(1000deg); 
+
-
        -moz-transform: rotate(1000deg); 
+
-
        -o-transform: rotate(1000deg); 
+
-
    } 
+
-
 
+
-
        #globalWrapper {
+
-
    position: relative;
+
-
    font-size: 127%;
+
-
    width: 850px //100%;
+
-
    margin: 0px;
+
-
    padding: 0px;
+
-
    padding-bottom: 0px;
+
-
    padding-left: 0px;
+
-
    padding-right: 100px;
+
-
background:url('http://www.wallsave.com/wallpapers/1280x1024/technology/180359/technology-free-archive-math-science-180359.jpg');
+
-
#   background-repeat: no-repeat;
+
-
#  background-attachment: fixed;
+
-
#  background-size:100% auto;
+
}
}
-
#main-content {
+
#notebutt{
-
    position: relative;
+
position: relative;
-
    width: 850px;
+
top: -300px;
-
    margin: 0 auto;
+
left: 286px;
-
    padding: 5px 5px 5px 5px;;
+
background-color: #e6e6e6;
-
    background: transparent;
+
padding: 0px 15px 20px 15px;
-
    color: black;
+
border-radius: 5px;
-
#  border-left: 1px solid #ffffff;
+
-
border-right: 1px solid #ffffff;
+
-
#  line-height: 1.5em;
+
}
}
-
body {
 
-
        display:inherit;
 
-
        background-image: url('http://www.wallsave.com/wallpapers/1280x1024/technology/180359/technology-free-archive-math-science-180359.jpg');
 
-
        background-size: 100%;
 
-
        background-repeat: no-repeat;
 
-
        background-attachment:fixed;
 
-
#      color: black;
 
-
#      font: x-small sans-serif;
 
-
#      margin: 0;
 
-
#      padding: 0;
 
-
#      height:100%;
 
-
}
 
-
#topmenubar {
+
        #tweets{
-
    position: relative;
+
      position: relative;
-
    white-space: nowrap;
+
top:-834px;
-
    top: -25px;
+
left:642px;
-
    width: 967px;
+
      width: 280px;     
-
    z-index: 5;
+
-
     font-family: arial, verdana, "sans-serif";
+
-
    font-size: 70%;
+
-
    line-height: 2em;
+
}
}
-
 
+
      #countdown{
-
.topleft-menu, .topleft-menu a {
+
      position: relative;
-
    color: transparent;
+
top: -815px;
-
    left: 0px;
+
left:642px;
-
    text-align: left;
+
-
    text-transform: lowercase;
+
-
    text-decoration: none;
+
}
}
-
.topleft-menu:hover {
 
-
    color: white;
 
-
    background-color: #bbbbbb;
 
-
}
 
-
.topright-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: white;
 
-
}
 
-
#topmenubar ul {
+
    #sponsorsbox{
-
    color: #555555;
+
clear: both;
-
    list-style: none;
+
position: relative;
-
}
+
                top: -600px;
 +
                left: -70px;
 +
width: 1005px;
 +
margin: 4px 0px;
 +
background: #EEEEEE;
 +
                border-radius: 3px;
 +
}
 +
#sponsorsbox h4{
 +
padding: 20px 20px 0px 20px
 +
}
 +
#sponsorsbox p{
 +
padding: 0px 20px;
 +
}
 +
#sponsorsbox table{
 +
width: 950px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background: #EEEEEE;
 +
}
 +
#sponsorsbox td{
 +
padding: 15px 0px;
 +
width: 300px;
 +
}
 +
#sponsorsbox img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
-
#topmenubar li {
+
     #exp1{
-
     display: inline;
+
      position: relative;
-
    position: relative;
+
top:-310px;
-
    cursor: pointer;
+
left:-58px;
-
    padding-left: 0px;
+
      background-color: #e6e6e6;
-
    padding-right: 0px;
+
      padding: 10px 10px 10px 10px;
-
}
+
width: 308px;
-
 
+
     }
-
.topleft-menu li a {
+
-
    padding: 0px 6px 0px 0px;
+
-
}
+
-
 
+
-
.topleft-menu .selected {
+
-
#   color: #bbbbbb;
+
-
}
+
-
 
+
-
#.left-menu .selected:hover {
+
-
#    color: white;     
+
-
}
+
-
 
+
-
.topleft-menu:hover a {
+
-
    color: white;
+
-
}
+
-
 
+
-
/*css for slider*/
+
-
 
+
-
#slides {
+
-
    position:relative;
+
-
    height:280px;
+
-
    width: 840px
+
-
   
+
-
}
+
-
 
+
-
#slides IMG {
+
-
        position:absolute;
+
-
        opacity:0.0;
+
-
        top:0px;   
+
-
        left:0px;
+
-
        z-index:1;  
+
-
}
+
-
 
+
-
#slides .current {
+
-
    z-index:3;
+
-
    opacity:1.0;
+
-
}
+
-
 
+
-
#slides .previous {
+
-
    z-index:2;
+
-
}
+
-
 
+
-
.progress {
+
-
 
+
-
margin-top:-270px;
+
-
margin-left:20px;
+
-
position:absolute;
+
-
 
+
-
}
+
-
 
+
-
.progress li{
+
-
border:1px solid rgba(0,0,0,0.9);
+
-
border-radius:3px;
+
-
margin-left: 5px;
+
-
float:left;
+
-
display:block;
+
-
position:relative;
+
-
z-index:10;
+
-
background-color:rgba(255,255,255,0.4);
+
-
  line-height:1.0em;
+
-
}
+
-
 
+
-
.progress li a{
+
-
    padding-left: 6px;
+
-
    padding-right: 6px;
+
-
    font-size:12px;
+
-
    line-height:1.0em;
+
-
}
+
-
 
+
-
.progress li a:hover {
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
.progress .current {
+
-
background-color:white;
+
-
}
+
-
 
+
-
/*end of css for slider*/
+
-
 
+
-
#menu, #menu ul {
+
-
    margin: 0;
+
-
    padding: 0px;
+
-
    list-style: none;
+
-
}
+
-
 
+
-
#menu {
+
-
    width: 968px;
+
-
    margin: 0px auto;
+
-
    border: 1px solid #FFF; /*barely change border color*/
+
-
    background-color: #853399;
+
-
    background-image: linear-gradient(#853399, #6f2981); /*changes the color of the menu bar itself*/
+
-
    border-radius: 100px;
+
-
    /*box-shadow: 0 1px 1px #853399;*/
+
-
}
+
-
 
+
-
#menu:before,
+
-
#menu:after {
+
-
    content: "";
+
-
    display: table;
+
-
}
+
-
 
+
-
#menu:after {
+
-
    clear: both;
+
-
}
+
-
 
+
-
#menu {
+
-
    zoom:1;
+
-
}
+
-
 
+
-
#menu li {
+
-
    float: left;
+
-
    /*border-right: 1px solid #FFF; changes color of lines separating each category*/
+
-
    /*box-shadow: 1px 0 0 #FFF; */
+
-
    position: relative;
+
-
}
+
-
 
+
-
#menu a {
+
-
    float: right;
+
-
    padding: 10px 44px;
+
-
    color: #FFF;
+
-
    font: bold 15px Arial, Helvetica;
+
-
    text-decoration: none;
+
-
    text-shadow: 0 1px 0 #000;
+
-
}
+
-
 
+
-
#menu li:hover > a {
+
-
    color: #ffc750;
+
-
}
+
-
 
+
-
*html #menu li a:hover { /* IE6 only */
+
-
    color: #fafafa;
+
-
}
+
-
 
+
-
#menu ul {
+
-
    margin: 20px 0 0 0;
+
-
    _margin: 0; /*IE6 only*/
+
-
    opacity: 0;
+
-
    visibility: hidden;
+
-
    position: absolute;
+
-
    top: 38px;
+
-
    left: 0;
+
-
    z-index: 1;   
+
-
    background: #FFF; 
+
-
    background: linear-gradient(#853399, #6f2981);
+
-
    box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
+
-
    border-radius: 3px;
+
-
    transition: all .4s ease-in-out;
+
-
}
+
-
 
+
-
#menu li:hover > ul {
+
-
    opacity: 1;
+
-
    visibility: visible;
+
-
    margin: 0;
+
-
}
+
-
 
+
-
#menu ul ul {
+
-
    top: 0;
+
-
    left: 150px;
+
-
    margin: 0 0 0 20px;
+
-
    _margin: 0; /*IE6 only*/
+
-
    box-shadow: -1px 0 0 rgba(255,255,255,.3);     
+
-
}
+
-
 
+
-
#menu ul li {
+
-
    float: none;
+
-
    display: block;
+
-
    border: 0;
+
-
    _line-height: 0; /*IE6 only*/
+
-
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #FFF;
+
-
}
+
-
 
+
-
#menu ul li:last-child { 
+
-
    box-shadow: none;   
+
-
}
+
-
 
+
-
#menu ul a {   
+
-
    padding: 10px;
+
-
    width: 130px;
+
-
    _height: 10px; /*IE6 only*/
+
-
    display: block;
+
-
    white-space: nowrap;
+
-
    float: none;
+
-
    text-transform: none;
+
-
}
+
-
 
+
-
#menu ul a:hover {
+
-
    background-color: #0186ba;
+
-
    background-image: linear-gradient(#660066, #660066);
+
-
}
+
-
 
+
-
#title-area{
+
-
    float: right;
+
-
    width: 600px;
+
-
}
+
-
 
+
-
/*Beginninf of sidebar code. Work on fixing this*/
+
-
#sidebar{
+
-
    position: fixed; /*fixed*/
+
-
    top: 387px; /*393px*/
+
-
    left: 149px; /* -11%47px*/
+
-
    width: 300px;
+
-
    padding: 10px;
+
-
}
+
-
 
+
-
#sidebar a{
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
#sidebar ul{
+
-
    background: #eee;
+
-
    padding: 10px;
+
-
    list-style: none;
+
-
}
+
-
 
+
-
#sidebar li{
+
-
    margin: 0 0 0 20px;
+
-
}
+
-
 
+
-
#list{
+
-
    list-style: none;
+
-
    text-decoration: none;
+
-
    float: left;
+
-
    background-color: #0186ba;
+
-
}
+
-
 
+
-
#list li{
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
/*end of sidebar code. Work on setting it left of the page and mking the text body relative and next to the sidebar rather than next to it.*/
+
-
     
+
-
#page-wrap{
+
-
    position: relative;
+
-
 
+
-
}
+
-
 
+
-
.buttons {
+
-
    clear: both;
+
-
    position: relative;
+
-
    width: 968px;
+
-
     margin-bottom: 12px;
+
-
}
+
-
 
+
-
.buttons a, .buttons a div {
+
-
    width: 320px;
+
-
    height: 155px;
+
-
    float: left;
+
-
    margin-bottom: 12px;
+
-
}
+
-
 
+
-
.buttons div h2 {
+
-
    padding: 20px 20px 0px;
+
-
    position: relative;
+
-
    top: -155px;
+
-
}
+
-
 
+
-
.buttons div p {
+
-
    padding: 0px 20px;
+
-
    position: relative;
+
-
    top: -155px;
+
-
}
+
-
 
+
-
#button1 {
+
-
    margin-right: 0px;
+
-
    background: #ffc750;
+
-
}
+
-
 
+
-
#button6 {
+
-
    margin-right: 0px;
+
-
    background: #40b6c4;
+
-
}
+
-
/*
+
-
#button1:hover #button6:hover {
+
-
    background: #94FF7D;
+
-
}
+
-
*/
+
-
#button2 {
+
-
    margin-right: 0px;
+
-
    background: #ff8541;
+
-
}
+
-
 
+
-
#button5 {
+
-
        margin-right: 0px;
+
-
        background: #bd4078;
+
-
}
+
-
 
+
-
/*
+
-
#button2:hover, #button5:hover {
+
-
    background: #7DD7FF;
+
-
}
+
-
*/
+
-
 
+
-
#button3 {
+
-
    margin: 0px;
+
-
    background: #595959;
+
-
}
+
-
 
+
-
#button4{
+
-
        margin: 0px;
+
-
        background: #9900CC;
+
-
}
+
-
 
+
-
/*
+
-
#button3:hover, #button4:hover {
+
-
    background: #FFE44F;
+
-
}
+
-
*/
+
-
 
+
-
.scrollup {
+
-
    width: 40px;
+
-
    height: 40px;
+
-
    position: fixed;
+
-
    bottom: 50px;
+
-
    right: 30px;
+
-
    display: none;
+
-
    text-indent: -9999px;
+
-
    background: url('arrows.png') no-repeat; /*icon_top.png*/
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
#test{
+
-
  position: fixed;
+
-
    bottom: 50px;
+
-
    right: 50px;
+
-
}
+
 +
    #exp2{
 +
      position: relative;
 +
top:-405px;
 +
left: 288px;
 +
      background-color: #e6e6e6;
 +
            padding: 10px 10px 10px 10px;
 +
width: 308px;
 +
    }
</style>
</style>
Line 649: Line 278:
         setInterval( "slider()", 5000 );
         setInterval( "slider()", 5000 );
     });
     });
 +
 +
    /*js for twitter feed*/
 +
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
   
   
</script>
</script>
Line 673: Line 305:
<header>
<header>
<div id="slides">
<div id="slides">
-
    <img  src="banner1.jpg" width="968" height="272" alt="" class="current" />
+
    <img  src="https://static.igem.org/mediawiki/2014hs/9/96/Banner1.jpg" width="968" height="272" alt="" class="current" />
-
    <img  src="tbanner2.jpg" width="968" height="272" alt="" />
+
    <img  src="https://static.igem.org/mediawiki/2014hs/0/00/Dnabg.jpg" width="968" height="272" alt="" />
-
    <img  src="tbanner3.jpg" width="968" height="272" alt="" />
+
    <img  src="https://static.igem.org/mediawiki/2014hs/9/96/Banner1.jpg" width="968" height="272" alt="" />
-
    <img  src="tbanner4.jpg" width="968" height="272" alt="" />
+
    <img  src="https://static.igem.org/mediawiki/2014hs/0/00/Dnabg.jpg" width="968" height="272" alt="" />
</div>
</div>
<ul class="progress">
<ul class="progress">
Line 688: Line 320:
<ul id="menu">
<ul id="menu">
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/‎" id="homelink">Home</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎" id="homelink">Home</a></li>
-
<li><a href="2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎/Team" id="teamlink">Team</a>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Members" id="teamlink">Team</a>
<ul>
<ul>
-
<li><a href="2014hs.igem.org/Team:RAMNOTIREN_CALGARY‎/Team">Members</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Members">Members</a></li>
-
<li><a href="https://igem.org/Team.cgi">Official Profile</a></li>
+
<li><a href="https://igem.org/Team.cgi?id=1295" target="_blank">Official Profile</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About CMHS</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/AboutCMHS">About CMHS</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project" id="projectlink">Project </a>
+
                                  <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content" id="projectlink">Content</a>
<ul>
<ul>
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content">Content</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Content">Overview</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/HumanPractices">Human Practices</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/HumanPractices">Human Practices</a></li>
 +
                                                <li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Project/Safety">Safety</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/References">References</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/References">References</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Attributions">Attributions</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Attributions">Attributions</a></li>
Line 709: Line 342:
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Parts" id="partslink">Parts</a></li>
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Parts" id="partslink">Parts</a></li>
-
<li><a class="drop" href="http://https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook" id="notebooklink">Notebook</a>
+
<li><a class="drop" href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook" id="notebooklink">Notebook</a></li>
-
<ul>
+
-
<li><a href="http://https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook">Journal</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Sponsors" id="sponsorslink">Sponsors</a></li>
+
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Protocols" id="protocollink">Protocols</a></li>
<li><a href="https://2014hs.igem.org" target="_blank">iGEM</a></li>
<li><a href="https://2014hs.igem.org" target="_blank">iGEM</a></li>
Line 722: Line 351:
</header>
</header>
-
<div id="box1" align="justify">
+
<div id="box1"> <!--align="justify"-->
-
<a href="#"></a>
+
<h3>Choking Cancer</h3>
-
<h2>Choking Cancer</h2>
+
<p>Every year approximately eight million people die of cancer, and an additional fourteen million are diagnosed with the disease. The World Heath Organization predicts that without immediate action these numbers will increase by eighty percent by the year 2030.</p><p>Cancer needs an abundant source of oxygenated blood to grow. To achieve this cancer cells release angiogenic factors that promote vascular growth. Without these factors, cancer is unable to survive.  Consequently, current treatments focus on targeting/inhibiting the angiogenic factors released by cancer cells. Targeted therapy has also been a successful treatment option.</p><p>Our project aims to combine these two therapeutic approaches to create a synthetic biological machine that seeks out cancer cells and inhibits angiogenesis. We plan to design a bacterium that in the presence of cancer cells secretes an anti-angiogenic factor.  This will inhibit the growth of the capillary system that is crucial for cancer cell survival.</p>
<p>Every year approximately eight million people die of cancer, and an additional fourteen million are diagnosed with the disease. The World Heath Organization predicts that without immediate action these numbers will increase by eighty percent by the year 2030.</p><p>Cancer needs an abundant source of oxygenated blood to grow. To achieve this cancer cells release angiogenic factors that promote vascular growth. Without these factors, cancer is unable to survive.  Consequently, current treatments focus on targeting/inhibiting the angiogenic factors released by cancer cells. Targeted therapy has also been a successful treatment option.</p><p>Our project aims to combine these two therapeutic approaches to create a synthetic biological machine that seeks out cancer cells and inhibits angiogenesis. We plan to design a bacterium that in the presence of cancer cells secretes an anti-angiogenic factor.  This will inhibit the growth of the capillary system that is crucial for cancer cell survival.</p>
 +
</div>
</div>
-
<div class="buttons" align="justify">
+
<div id="button1">
-
<a id="button1" href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook"><img src="NotebookButton.png" alt="Journal"></a>
+
  <a href="http://www.youtube.com/watch?v=C_5Z31mUmtc"><img id="vidbutt" src="https://static.igem.org/mediawiki/2014hs/6/67/VideoButton.png" width="300px" height="300px"></a>
 +
</div>
-
<a id="button2" href="#"><img src="MusicButton.png" alt="Music"></a>
+
<div id="button2">
 +
  <a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/Notebook"><img id="notebutt" src="https://static.igem.org/mediawiki/2014hs/9/95/Notebook.png" width="300px" height="300px"></a>
-
<a id="button3" href="#"><img src="VideoButton.png" alt="videos"></a>
+
<div id="exp1">
 +
<p>Click here to see the introductory video we used to familiarize ouselves with what we would be researching. </p>
 +
</div>
-
<a id="button4" href="#"><img src="TeamBox.png" alt="team">
+
<div id="exp2">
 +
<p>Here is a record of our. We also want to thank everybody who helped us along the way!</p>
 +
</div>
-
<a id="button5" href="#"><img src="GraphButton.png" alt="graph"></a>
 
-
<a id="button6" href="#"><img src="Synergy  or whatever.png" alt="synergy"></a>
+
  <div id="tweets">
-
</div>
+
    <a class="twitter-timeline"  href="https://twitter.com/CentraliGEM"  data-widget-id="475046068170674176">Tweets by @CentraliGEM</a>
 +
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
</div>
-
<!--
+
<div id="countdown">
-
<div id="sponsorsbox">
+
<iframe src="http://free.timeanddate.com/countdown/i478w11x/n43/cf111/cm0/cu4/ct3/cs1/ca2/co1/cr2/ss0/cac000/cpc000/pc9542aa/tc9542aa/fs90/szw256/szh108/tatCountdown%20to%20iGEM%20Jamboree/tac000/tptTime%20since%20Event%20started%20in/tpc000/iso2014-06-26T00:00:00/bo2" frameborder="0" width="258" height="110"></iframe>
-
<h2>Thanks to Our Sponsors!</h2>
+
-
<table>
+
-
<tr>
+
-
<td><a href="http://www.ucalgary.ca/bhsc/node/16" target="_blank"><img style="width: 284px;" src="https://static.igem.org/mediawiki/2012/d/d6/UCalgary2012_Logo_O%27Brien_Centre.png"></img></a></td> <-EXAMPLE
+
-
</tr>
+
-
</table>
+
-
-->
+
-
+
-
<!--Scroll back to top-->
+
-
<!--this is for a  styled back to top button
+
</div>
-
<div class="back-to-top" id="back-top">
+
-
<a href="javascript:void(0)" class="back-to-top">Top</a>
+
-
</div>
+
-
+
-
<script type="text/javascript">
+
-
$(function () {
+
-
    $("#back-top").hide();
+
-
    $(window).scroll(function () {
+
-
        if ($(this).scrollTop() > 150) {
+
-
            $('#back-top').fadeIn();
+
-
        }
+
-
        else {
 
-
            $('#back-top').fadeOut();
 
-
        }
 
-
    });
 
-
});
 
-
jQuery('.back-to-top').click(function () {
 
-
    jQuery('html, body').animate({
 
-
        scrollTop: 0
 
-
    }, 'slow');
 
-
});
 
-
</script>
 
-
pray to God that this code works. major bonus points-->
 
-
 
+
<div id="sponsorsbox">
-
<body>
+
  <h4>
 +
    Our Sponsors
 +
  </h4>
 +
  <table>
 +
    <tr>
 +
      <td><a href="http://www.albertatechfutures.ca" target="_blank"><img style="width: 284px;" src="https://static.igem.org/mediawiki/2014hs/7/7a/AlbertaInno.png"/></a></td>
 +
      <td><a href="http://www.albertatechfutures.ca/AcademicProgramsiCORE/geekStarter.aspx" target="_blank"><img style="width: 284px;" src="https://static.igem.org/mediawiki/2014hs/0/0d/GeekStarter.png"/></a></td>
 +
      <td><a href="http://schools.cbe.ab.ca/b823/default.html" target="_blank"><img style="width= 284px;" src="https://static.igem.org/mediawiki/2014hs/6/6a/Ram.png"/></a></td>
 +
    </tr>
 +
  </table>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 04:02, 21 June 2014

Choking Cancer

Every year approximately eight million people die of cancer, and an additional fourteen million are diagnosed with the disease. The World Heath Organization predicts that without immediate action these numbers will increase by eighty percent by the year 2030.

Cancer needs an abundant source of oxygenated blood to grow. To achieve this cancer cells release angiogenic factors that promote vascular growth. Without these factors, cancer is unable to survive. Consequently, current treatments focus on targeting/inhibiting the angiogenic factors released by cancer cells. Targeted therapy has also been a successful treatment option.

Our project aims to combine these two therapeutic approaches to create a synthetic biological machine that seeks out cancer cells and inhibits angiogenesis. We plan to design a bacterium that in the presence of cancer cells secretes an anti-angiogenic factor. This will inhibit the growth of the capillary system that is crucial for cancer cell survival.

Click here to see the introductory video we used to familiarize ouselves with what we would be researching.

Here is a record of our. We also want to thank everybody who helped us along the way!

Our Sponsors