Difference between revisions of "Team:Lubbock TTU/Test"

 
(471 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Team:Lubbock_TTU/Menu}}
+
{{Template:Lubbock_TTU/CSS}}
  
−
<html>
+
<html>
−
<head>
+
  
−
<!-- bxSlider Javascript file -->
+
<head>
−
<script src="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
+
<link href='https://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
−
<!-- bxSlider CSS file -->
+
−
<link href="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css" rel="stylesheet" />
+
  
−
<!-- Styles -->
 
−
<link href="https://2014.igem.org/Team:ATOMS-Turkiye/asoStyles.css?action=raw&ctype=text/css&v=22" rel="stylesheet" />
 
 
<style>
 
<style>
  
 +
#sideMenu, #top_title {display:none;}
  
 +
#logo:hover {
 +
    opacity:0.6;
 +
}
 +
h1{
 +
    font-family: "Comfortaa", sans-serif;
 +
    font-size: 40px;
 +
    text-align:center;
 +
    overflow: display;
 +
}
 +
h3, h4{
 +
    text-align:center;
 +
}
 +
h4 a:hover{
 +
    text-decoration:none;
 +
    color:#8CCF6C;
 +
}
 +
.col{
 +
    width:25%;
 +
    background-color:#FAFAFA;
 +
    margin:1%;
 +
    padding:3%;
 +
    margin-top:5%;
 +
    float:left;
 +
    text-align:left;
 +
}
 +
.clear{
 +
    clear:both;
 +
}
  
 
</style>
 
</style>
 +
</head>
  
−
<script>
+
<body style="margin:auto">
−
$(document).ready(function(){
+
  
−
var captions = new Array();
+
<h1>TITLE</h1>
−
/*captions["This is a test caption. For more info click this caption."] = "http://link_to_caption1";
+
−
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption2";
+
−
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption3";
+
−
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption4";
+
−
captions["This is a test caption. For more info click this caption."] = "http://link_to_caption5";*/
+
  
−
var keys = [];
+
<h4><i>"Tagline"</i></h4></br>
−
for (var key in captions) {
+
−
  if (captions.hasOwnProperty(key)) {
+
−
    keys.push(key);
+
−
  }
+
−
}
+
  
−
$('.bxslider img').each(function( index ) {
+
<center>
−
  $(this).attr("title",keys[index]);
+
−
});
+
−
  $('.bxslider').bxSlider({
+
−
    adaptiveHeight: true,
+
−
    slideWidth: 700,
+
−
    captions: true,
+
−
    auto: true,
+
−
    autoControls: true
+
−
  });
+
  
−
    
+
<!-- Slideshow -->
−
+
<div class="column full_size" >
 +
<div class="slideshow-container">
 +
   <div class="mySlides fade">
 +
    <div class="numbertext">3 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/c/ca/T--Lubbock_TTU--20160505_151815.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
−
});
+
  <div class="mySlides fade">
−
</script>
+
    <div class="numbertext">2 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/0/00/T--Lubbock_TTU--20160630_170737.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
−
</head>
+
  <div class="mySlides fade">
 +
    <div class="numbertext">1 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
−
<body>
+
</div>
 +
<br>
  
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
</div>
 +
</div>
 +
<!-- End of Slideshow -->
  
−
<div class="asoContent">
+
</center>
−
<ul id="rightmenunew">
+
−
    <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/At-a-Glance"><img src="https://static.igem.org/mediawiki/2014/4/4f/ATOMS-Turkiye_right_1.png" /></a></li>
+
−
    <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Data"><img src="https://static.igem.org/mediawiki/2014/9/94/ATOMS-Turkiye_right_2.png" /></a></li>
+
−
    <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Interlab-Study"><img src="https://static.igem.org/mediawiki/2014/5/58/ATOMS-Turkiye_right_3.png" /></a></li>
+
−
    <li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Practices-Approach"><img src="https://static.igem.org/mediawiki/2014/2/23/ATOMS-Turkiye_right_4.png" /></a></li>
+
−
</ul>
+
−
 
+
−
<div class="slider-container" style="width: 700px; margin-right: 30%">
+
−
 
+
−
<ul class="bxslider" style="margin: 0;">
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/3/33/ATOMS-main-1.jpg/800px-ATOMS-main-1.jpg" title= "Our blood vessels  consist of three layers named as the endothelium, muscular and outer layer which allow oxygen and nutrient rich blood to flow through and diffuse into tissue cells. "></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/6/6c/ATOMS-main-2.jpg/800px-ATOMS-main-2.jpg" title= "In some cases such as excessive body weight or diabetes, accumulation of fat may occur on the surface of endothelium leading to the eventual formation of plaques."></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/8/84/ATOMS-main-3.jpg/800px-ATOMS-main-3.jpg" title= "Plaques may continue to increase in size and narrow the lumens of our vessels, decreasing and limiting the blood flow to tissues and resulting in the escalation of surface tension."></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/2/2a/ATOMS-main-4.jpg/800px-ATOMS-main-4.jpg" title= "The increase of tension in the lumen is highly likely to rupture the plaques and cause the eventual formation of the blood coagulation cascade."></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/d/d7/ATOMS-main-5.jpg/800px-ATOMS-main-5.jpg" title= "The process of coagulation results in the superfluous formation of a clot which has a tendency to grow larger. "></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/1/1b/ATOMS-main-6.jpg/800px-ATOMS-main-6.jpg" title= "If this is the case, the clot inevitably blocks the path of the bloodstream hence distrupting the oxygen and nutrient supply to tissue cells."></li>
+
−
  <li><img src="https://static.igem.org/mediawiki/2014/thumb/1/15/ATOMS-main-7.jpg/800px-ATOMS-main-7.jpg" title= "As the blood contains oxygen and nutrients which are essential for energy production and survival of cells, tissues become oxygen and nutrient depleted which we term as Hypoxia."></li>
+
−
  <li><img src="https://static.igem.org/mediawiki/2014/thumb/c/ca/ATOMS-main-8.jpg/800px-ATOMS-main-8.jpg" title= "Our project poses the sensing of hypoxia in early stages by using our engineered endothelial cells and activating the pathway to solve this leading cause of death worldwide."></li>
+
−
<li><img src="https://static.igem.org/mediawiki/2014/thumb/f/fe/ATOMS-main-8a.jpg/800px-ATOMS-main-8a.jpg" title= "However as we dissolve the clot, blood supply is enabled which has a high possibility of causing an oxidative burst. We also eliminate the potential occurence of this via our engineered cells."></li>
+
−
  <li><img src="https://static.igem.org/mediawiki/2014/thumb/a/aa/ATOMS-main-9.jpg/800px-ATOMS-main-9.jpg" title= "With our novel sensing and protective systems, evaluation of clinical presence will no longer be required to treat hypoxic conditions."></li>
+
−
 
+
−
  <li><img src="https://static.igem.org/mediawiki/2014/thumb/7/78/ATOMS-main-10.jpg/800px-ATOMS-main-10.jpg" title= "Hence, our unique design of mechanism will now be a remedy to the leading cause of deaths worldwide. "></li>
+
−
</ul>
+
  
 +
<div>
 +
<p style='margin-left:30px; margin-bottom:20px'>
 +
<center>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" height=""></img></a>
 +
&emsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="23%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="30%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a>
 +
</br><a href=''><img src="https://static.igem.org/mediawiki/2016/6/65/T--Lubbock_TTU--mrdna.png" class="" width="20%" height=""></img></a>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 +
</center>
 +
</p>
 +
</div>
  
 
</div>
 
</div>
  
 +
<div style='width:100%; clear:both'></div>
  
−
<div class="withImage">
 
−
<h2>Project Abstract</h2>
 
−
<p><a href="#"></a>The condition which results in tissue death due to the poor conveyance of oxygen and other products vital for tissue cells and organs is described as tissue hypoxia or ischemia. Currently, ischemia and other related conditions such as heart attacks and strokes take the lead for being the number one cause of death worldwide. Moreover, the current treatment of ischemic attacks can intensify the damage in the tissue caused by hypoxia which is known as oxidative stress. This is due to the high oxygen concentration of the restored blood supply. Without a doubt, we need to view the bigger picture of the condition in order to solve this problem. In our project, we desire to build two different devices which work synergistically and fix these these two distinct situations, hypoxia and oxidative stress. Hence, we have decided to use "hypoxia inducible systems" and "reactive oxygen species (ROS) sensitive gene fragments". These two receptors will regulate the release of clot dissolving factors and antioxidant peptides synthesized by our engineered vessel cells. Through attaining encouraging in-vitro results, we aim to pave the way of this promising system into a lifesaving remedy.</p>
 
−
</div>
 
  
−
<div id="cont">
+
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
−
    <div class="shwnews">
+
−
        <ul>
+
−
            <li class="one">
+
−
                <div><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Modeling" class="tit">Modeling</a><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Modeling" class="lnk"><span><strong style="font-size:15px;margin-left: 0px;margin-right: 15px;">This year we carried out mathematical modeling to comprehend how our promoter system would react against hypoxia in order to treat heart related problems. In addition to this, we have also modeled our safety experiment to show its successful outcome mathematically. For more information, click here...</strong></span></a>
+
  
−
                    <img src="https://static.igem.org/mediawiki/2014/thumb/6/6f/ATOMS-main-modeling.png/685px-ATOMS-main-modeling.png" alt="This year, we have carried out ..." width="210" height="220"><b>This year, we have carried out ....</b>
+
</body>
  
−
                </div>
+
<!-- Slideshow JS -->
−
            </li>
+
<script>
−
            <li class="two">
+
var slideIndex = 1;
−
                <div><a href="https://2014.igem.org/Team:ATOMS-Turkiye/BioBricks#main" class="tit">BioBricks</a><a href="https://2014.igem.org/Team:ATOMS-Turkiye/BioBricks#main" class="lnk"><span><strong>Our team proposes seven new eukaryotic cell parts to the Registry consisting of three promoters and four different enzymes with various capabilities. To get detailed information, proceed here.</strong></span></a>
+
showSlides(slideIndex);
  
−
                    <img src="https://static.igem.org/mediawiki/2014/1/16/Atoms_turkiye_main_page_diagram.jpg" alt="Our team proposes seven new eukaryotic cell parts ..." width="210" height="220"><b>Our team proposes seven new eukaryotic cell parts ...</b>
+
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
  
−
                </div>
+
function currentSlide(n) {
−
            </li>
+
  showSlides(slideIndex = n);
−
            <li class="thr">
+
}
−
                <div><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Achievements" class="tit">Achievements</a><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Achievements" class="lnk"><span><strong>It was a long study session; but it's worth. We accomplished several of our tasks to establish a fully beneficial treatment for heart attacks. To check out what we achieve, click here.</strong></span></a>
+
  
−
                    <img src="https://static.igem.org/mediawiki/2014/thumb/8/8a/ATOMS-main-Checklist.jpg/800px-ATOMS-main-Checklist.jpg" alt="Mechanism of ODD..." width="210" height="220"><b>It was a long study session; but...</b>
+
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";  
 +
  dots[slideIndex-1].className += " active";
 +
}
  
−
                </div>
+
<!-- Automatic -->
−
            </li>
+
var slideIndex = 0;
−
        </ul>
+
showSlides();
−
    </div>
+
−
</div>
+
  
−
</div>
+
function showSlides() {
 +
    var i;
 +
    var slides = document.getElementsByClassName("mySlides");
 +
    for (i = 0; i < slides.length; i++) {
 +
        slides[i].style.display = "none";
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex> slides.length) {slideIndex = 1}
 +
    slides[slideIndex-1].style.display = "block";
 +
    setTimeout(showSlides, 3000); // Change image every 3 seconds
 +
}
  
−
</body>
+
</script>
 +
<!-- End of SS JS -->
  
 
</html>
 
</html>
−
{{Team:ATOMS-Turkiye/asoFooter}}
 

Latest revision as of 15:54, 22 July 2016

TITLE

"Tagline"


3 / 3
2 / 3
1 / 3