Team:RAMNOTIREN CALGARY

From 2014hs.igem.org

(Difference between revisions)
 
(121 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: -10px;
+
margin-top: 8px;
background: #E6E6E6; /*threedface*/
background: #E6E6E6; /*threedface*/
float: left;
float: left;
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 103: Line 112:
}
}
-
#footer-box {  
+
.visualClear {  
-
background-color: #216085;
+
display: none;  
-
border: none;
+
-
width: 850px;
+
-
height: 30px;
+
-
margin: -10px auto 0 auto;
+
-
padding: 20px 0;
+
-
}
+
-
 
+
-
#footer {
+
-
border: none;
+
-
width: 850px;
+
-
margin: 0 auto;
+
-
padding: 0;
+
}
}
Line 123: 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 153: Line 125:
}
}
-
h3#siteSub {  
+
#siteSub {  
display: none;
display: none;
}
}
Line 170: Line 142:
clear: both;
clear: both;
}
}
 +
.progress{
.progress{
display: none;
display: none;
-
}
 
-
 
-
#notecontainer1{
 
-
position: absolute;
 
-
width: 800px;
 
-
left: 205px;
 
-
top: 393px;
 
-
background-color: #E6E6E6;
 
-
padding: 0px 20px 13px 20px;
 
}
}
-
#notecontainer2{
+
#vidbutt{
-
position: absolute;
+
position: relative;
-
width: 800px;
+
top:0px;
-
left: 205px;
+
left:-60px;
-
top: 1700px;
+
background-color: #e6e6e6;
-
background-color: #E6E6E6;
+
padding: 0px 15px 0px 15px;
-
padding: 0px 20px 13px 20px;
+
border-radius: 5px;
-
}
+
-
 
+
-
#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 {
+
     #exp2{
-
     padding: 0px 6px 0px 0px;
+
      position: relative;
-
}
+
top:-405px;
-
 
+
left: 288px;
-
.topleft-menu .selected {
+
      background-color: #e6e6e6;
-
#   color: #bbbbbb;
+
            padding: 10px 10px 10px 10px;
-
}
+
width: 308px;
-
 
+
     }
-
#.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;
+
-
}
+
-
+
</style>
</style>
Line 651: Line 279:
     });
     });
-
     $(function() {
+
     /*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");
-
    var offset = $("#sidebar").offset();
+
-
    var topPadding = 15;
+
-
 
+
-
    $(window).scroll(function() {
+
-
   
+
-
        if ($(window).scrollTop() > offset.top) {
+
-
       
+
-
            $("#sidebar").stop().animate({
+
-
           
+
-
                marginTop: $(window).scrollTop() - offset.top + topPadding
+
-
           
+
-
            });
+
-
       
+
-
        } else {
+
-
       
+
-
            $("#sidebar").stop().animate({
+
-
           
+
-
                marginTop: 0
+
-
           
+
-
            });
+
-
       
+
-
        }
+
-
       
+
-
           
+
-
    });
+
-
 
+
-
});
+
-
 
+
-
/*back to top JS start */
+
-
 
+
-
    $(document).ready(function () {
+
-
 
+
-
    $(window).scroll(function () {
+
-
        if ($(this).scrollTop() > 100) {
+
-
            $('.scrollup').fadeIn();
+
-
        } else {
+
-
            $('.scrollup').fadeOut();
+
-
        }
+
-
    });
+
-
 
+
-
    $('.scrollup').click(function () {
+
-
        $("html, body").animate({
+
-
            scrollTop: 0
+
-
        }, 600);
+
-
        return false;
+
-
    });
+
-
 
+
-
});
+
-
 
+
-
//back to top js script end
+
   
   
</script>
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
-
 
-
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
 
-
 
</head>
</head>
Line 730: 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 745: Line 320:
<ul id="menu">
<ul id="menu">
-
<li><a href="https://2014hs.igem.org/Team:RAMNOTIREN_CALGARY/‎" name="test" 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 766: 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 779: Line 351:
</header>
</header>
 +
<div id="box1"> <!--align="justify"-->
 +
<h3>Choking Cancer</h3>
 +
<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 id="sidebar">
 
-
    <div style="margin-left: 2em">
 
-
        <div id="list">
 
-
            <ul>
 
-
                    <li> <a href="#JE1">jQuery (animated)</a></li>                    
 
-
                <li> <a href="#JE2">CSS (fixed)</a></li>                    
 
-
                <li> <a href="#JE3">CSS (reveal)</a></li>                    
 
-
                <li> <a href="#JE4">TEST</a></li>                    
 
-
                <li> <a href="#JE5">TEXT</a></li>
 
-
                <li> <a href="#JE6">jQuery (animated)</a></li>                    
 
-
                <li> <a href="#JE7">CSS (fixed)</a></li>                    
 
-
                <li> <a href="#JE8">CSS (reveal)</a></li>                    
 
-
                <li> <a href="#JE9">TEST</a></li>                    
 
-
                <li> <a href="#JE10">TEXT</a></li>                    
 
-
            </ul>
 
-
        </div>
 
-
    </div>
 
</div>
</div>
-
<div>
+
<div id="button1">
-
   
+
  <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 id="notecontainer1">
+
</div>
-
    <h1>Scrolling Sidebar</h1>
+
 
-
    <p id="JE1">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
<div id="button2">
-
    <p id="JE2">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
  <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>
-
    <p id="JE3">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
 
-
    <p id="JE4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
<div id="exp1">
-
    <p id="JE5">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
<p>Click here to see the introductory video we used to familiarize ouselves with what we would be researching. </p>
-
</div>
+
</div>
-
</div>  
+
 
 +
<div id="exp2">
 +
<p>Here is a record of our. We also want to thank everybody who helped us along the way!</p>
 +
</div>
 +
 
 +
 
 +
  <div id="tweets">
 +
    <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">
 +
<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>
 +
 
 +
</div>
-
<div>
 
-
<div id="notecontainer2">
 
-
<h2>Topic 2</h2>
 
-
<p id="JE6">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 
-
    <p id="JE7">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 
-
    <p id="JE8">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 
-
    <p id="JE9">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 
-
    <p id="JE10">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 
-
</div>
 
-
</div>
 
-
<article>
+
<div id="sponsorsbox">
-
    <a href="http://www.google.com" target="test" class="scrollup">Scroll</a>
+
  <h4>
-
</article>
+
    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

Retrieved from "http://2014hs.igem.org/Team:RAMNOTIREN_CALGARY"