Difference between revisions of "Team:CGU Taiwan/Home"

 
(46 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
</style>
 
</style>
  
−
<head>
+
<html>
−
<meta charset="utf-8">
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
</head>
+
−
<!-- ////////////////////// START  TOP HEADER /////////////////////// -->
+
 
<head>
 
<head>
 
<style>
 
<style>
−
.logo {
+
.top {
−
      width: 100%;
+
  position: absolute;
−
      height: 110px;
+
  top: 0px;
−
      position: absolute;
+
  left: 0px;
−
      top: -10px;
+
  width: 100%;
−
      background: #140731;  
+
  height: 110px;
−
      z-index:+1;
+
  font-family: Corbel;
−
      font-family: Corbel;
+
  background: rgba(250, 250, 250, 0.1);
 +
  overflow: visible;
 +
  z-index: +1;
 
}
 
}
−
.img1 {
+
.mid {
−
      position: absolute;
+
  position: absolute;
−
      left: 5px;
+
  left: 0px;
−
      top: 7px;
+
  width: 100%;
−
      width: 450px;
+
  height: 100%;
−
      height: 100px;
+
  font-family: Corbel;
 
}
 
}
−
 
+
.menu-bar {
−
.ccsticky-nav { /*背板*/
+
  position: fixed;
−
      width: 100%;
+
  background: rgba(250, 250, 250, 0.1);
−
      height: 40px;
+
  z-index: +1;
−
      position: fixed;
+
−
      top: 123px;
+
−
      background:#ADADAD;  
+
−
      z-index:+1;
+
−
      font-family: Corbel;
+
 
}
 
}
−
 
+
.menu-bar a{
−
.ccsticky-nav ul { /*major menu type*/
+
  position: fixed;
−
      padding: 10px;
+
  top: 595px;
−
      list-style: none;
+
  background-color: rgba(250, 250, 250, 0.1);
−
      text-align: center;
+
  color: black;
−
      position: relative;  
+
  font-family: Corbel;
−
      left: 150px;
+
  font-size: 15px;
−
      z-index:+1;
+
  font-weight: bold;
−
      text-decoration: none;
+
  text-align: center;
−
      display: inline-block;
+
  -webkit-transition-duration: 0.4s;
−
      margin: 10px;
+
  transition-duration: 0.4s;
−
      top: -10px;
+
  margin: 4px 2px;
−
      overflow: hidden;
+
  padding-top: 10px;
 +
  padding-right: 5px;
 +
  padding-bottom: 10px;
 +
  padding-left: 5px;
 +
  border-color: #F0F0F;
 +
  z-index: +1;
 +
  text-decoration: none;
 +
  text-align: center;
 
}
 
}
−
.ccsticky-nav ul li {
+
.menu-bar a:hover {
−
      margin: 0 10px;
+
  background-color: #E0E0E0;
−
      z-index:+1;
+
  color: black;
−
      float: left;
+
  -webkit-transition-duration: 0.4s;
−
      display: inline-block;
+
  transition-duration: 0.4s;
 
}
 
}
−
.ccsticky-nav ul li:hover { /*major menu 滑動 type*/
+
.fixed1 {
−
                padding: 14px 20px;
+
  position:fixed;
−
background: #E0E0E0;
+
  top:10px;
−
                position: relative;
+
−
                left: 0px;         
+
−
                top: -18px;
+
−
                border-radius: 2px;
+
 
}
 
}
  
−
.ccsticky-nav ul li a { /*major menu font type*/
+
.page {
−
      padding: 10px 0;
+
−
      font-size: 1rem;
+
−
      text-decoration: none;
+
−
      z-index:+1;
+
−
      color: black;
+
 
}
 
}
−
.ccsticky-nav ul li a:hover { /*major menu font 滑動 type*/
+
.end {
−
      color: black;
+
−
      z-index:+1;
+
−
}
+
−
.ccsticky-nav ul li.dropdown { /*下拉式選單*/
+
−
    display: inline-block;
+
−
}
+
−
.ccsticky-nav ul li a:hover, .dropdown:hover
+
−
<!-- ////////////////////// START SUB MENU /////////////////////// -->
+
−
.dropdown-content {
+
−
    display: none;
+
−
    position: absolute;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    z-index:-1;
+
 
}
 
}
  
−
.dropdown-content a { /* 隱藏次選單*/
 
−
    color: white;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    z-index:-1;
 
−
    display: block;
 
−
}
 
  
−
.dropdown-content a:hover {
 
−
    background-color: #FF4848;  padding: 15px 20px; border-radius: 4px;
 
−
 
−
}
 
−
 
−
.dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
}
 
−
 
−
.button1 {
 
−
    background-color: #ADADAD;
 
−
    font color: black;
 
−
    border: 2px solid #ADADAD;
 
−
    font-size: 1rem;
 
−
    font-family: Corbel;
 
−
    text-align: center;
 
−
    -webkit-transition-duration: 0.4s; /* Safari */
 
−
    transition-duration: 0.4s;
 
−
    margin: 4px 2px;
 
−
    padding-top: 8px;
 
−
    padding-right: 5px;
 
−
    padding-bottom: 9px;
 
−
    padding-left: 5px;
 
−
    border-radius: 4px;
 
−
    position: fixed;
 
−
    top: 119px;
 
−
    left: 1100px;
 
−
}
 
−
 
−
.button1:hover {
 
−
    background-color: #E0E0E0;
 
−
    font-size: 1rem;
 
−
    font color: #ADADAD;
 
−
    text-align: center;
 
−
    -webkit-transition-duration: 0.4s; /* Safari */
 
−
    transition-duration: 0.4s;
 
−
    margin: 4px 2px;
 
−
}
 
 
</style>
 
</style>
 +
</head>
  
−
<nav class="logo">
+
<script>
−
<img src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg" class="img1">
+
/* Dynamic top menu positioning
−
</nav>
+
*
 +
*/
  
−
<nav class="ccsticky-nav">
+
var num = 115; //number of pixels before modifying styles
−
<ul>
+
$(window).bind('scroll', function () {
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
+
    if ($(window).scrollTop() > num) {
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
+
        $('.menu-bar a').addClass('fixed1');
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
+
    } else {
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a></li>
+
        $('.menu-bar a').removeClass('fixed1');
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
+
     }
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a></li>
+
});
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a></li>
+
</script>
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
+
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
+
−
<a href="https://www.facebook.com/igemcgu/?fref=ts"><button class="button1">CONTACT</button>
+
−
</ul>
+
−
</nav>
+
−
<!-- ////////////////////// END OF HEADER /////////////////////// -->
+
−
<!-- ////////////////////// START VIDEO /////////////////////// -->
+
−
<head>
+
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
<style>
+
−
video {
+
−
    color: white;
+
−
     width: 100%;
+
−
    height: 450px;
+
−
    position: absolute;
+
−
    top: 160px;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
<video width="400" controls>
+
−
  <source src="" type="video/mp4">
+
−
  <source src="" type="video/ogg">
+
−
</video>
+
−
</body>
+
−
<!-- ////////////////////// END OF VIDEO /////////////////////// -->
+
−
<!-- ////////////////////// START ABSTRACT /////////////////////// -->
+
−
<head>
+
−
<style>
+
−
body {
+
−
    background-color: white;
+
−
}
+
  
−
.TI {
 
−
    font color: black;
 
−
    font-size: 200%;
 
−
    font-weight: bold;
 
−
    position: absolute;
 
−
    left: 650px;
 
−
    top: 660px;
 
−
}
 
−
.ab {
 
−
    font color: black;
 
−
    font-size: 50px;
 
−
    position: absolute;
 
−
    top: 750px;
 
−
    left: 100px
 
−
    text-align: center;
 
−
}
 
−
</style>
 
−
</head>
 
 
<body>
 
<body>
 +
<div class="top">
 +
<div class="top"><img alt="" style="float:left;margin-top:20px; width=390; height=80; z-index:+1;" src="https://static.igem.org/mediawiki/2016/3/38/CGU_Taiwan--LOGO7.jpg">
 +
</div>
  
−
<h1 class="TI">ABSTRACT</h1>
 
−
<p class="ab">Photodynamic therapy (PDT), also called photochemotherapy, involves three key components: photosensitizers (PS), a light source, and tissue oxygen. In the presence of tissue oxygen and appropriate wavelength of the light source, photosensitizers will generate cytolytic reactive oxygen species (ROS) to destruct PS-accumulated cells/tissues. More importantly, ROS will attack multiple cellular targets, preventing it from being selected for resistance which is a universal problem nowadays in radiotherapy and chemotherapy of all diseases. In the present study, a novel PDT is exploited by the unusual mechanism of Leishmania parasite. When these trypanosomatid protozoa infect mammalian hosts, they will find their way to specifically parasitize in macrophages and other antigen-presenting cells (APCs). Moreover, a transgenic Leishmania, which are deficient in heme biosynthesis, undergo photolysis when illuminated by specific wavelength of light. Accordingly, it is a useful drug or vaccine carrier.
 
  
−
To develop a new way of vaccination, we would like to build a Leishmania-compatible BioBrick encoding hemagglutinin (HA) from H1N1 influenza virus. We believe the unique properties of transgenic Leishmania will make it a useful model to produce human Influenza vaccine. In the future, we plan to establish this transgenic Leishmania as a platform to carry other antigen or biobricks.</p>
 
  
−
</body>
+
<div class="menu-bar">
−
<!-- ////////////////////// END OF ABSTRACT /////////////////////// -->
+
<a style="left:400px;" href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a>
 +
<a style="left:452px;" href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a>
 +
<a style="left:556px;" href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a>
 +
<a style="left:627px;" href="https://2016.igem.org/Team:CGU_Taiwan/Modeling">MODELING</a>
 +
<a style="left:712px;" href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMANPRACTICES</a>
 +
<a style="left:852px;" href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a>
 +
<a style="left:901px;" href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
 +
<a style="left:991px;" href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a>
 +
<a style="left:1054px;" href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a>
 +
</div>
 +
<div class="mid" style="top:0px;">
 +
<img style="width:1348px;height:645px;position:absolute;" src="https://static.igem.org/mediawiki/2016/e/ec/CGU_Taiwan--B2.jpg">
 +
</div>
 +
<div class="mid" style="top: 645px;background-color:white;">
 +
<h1 style="font-size:50px;font-weight:bold;position:absolute;left:550px;">ABSTRACT</h1>
 +
<br></br>
 +
<br></br>
 +
<br></br>
 +
<HR style="color:#140731;width:70%;position:absolute;left:200px;">
 +
<p style="margin: 150px;position:absolute;top:0px;line-height: 1.8;font-weight:15px;text-align:justify;">This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. </p>
 +
</div>
 +
<div class="mid" style="top:1290px;background:#140731;float:left;">
 +
<h1 style="position:absolute;left:100px;color:white;font-size:18px;margin:50px;float:left;">Chang Gung University</h1>
 +
<p style="position:absolute;top:35px;color:white;font-size:13px;margin:50px;float:left;">Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</p>
 +
<p style="position:absolute;top:55px;left:80px;color:white;font-size:13px;margin:50px;float:left;">TEL: +886-3-2118800 FAX:+886-3-2118700</p>
 +
<p style="position:absolute;color:white;left:800px;font-size:18px;margin:50px;">CONTACT US</p>
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 02:04, 10 September 2016

HOME ATTRIBUTION PROJECT MODELING HUMANPRACTICES TEAM NOTEBOOK SAFETY PARTS

ABSTRACT







This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.

Chang Gung University

Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)

TEL: +886-3-2118800 FAX:+886-3-2118700

CONTACT US