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

 
(35 intermediate revisions by the same user not shown)
Line 24: Line 24:
 
<head>
 
<head>
 
<style>
 
<style>
−
.logo {
+
body {
−
      width: 100%;
+
  background-color:white;
−
      height: 110px;
+
−
      position: absolute; 
+
−
      top: -10px;
+
−
      background: #140731;
+
−
      z-index:+1;
+
−
      font-family: Corbel;
+
 
}
 
}
−
.img1 {
+
.top {
−
      position: absolute;
+
  position: absolute;
−
      left: 5px;
+
  top: -10px;
−
      top: 7px;
+
  left: 0px;
−
      width: 450px;
+
  background: #140731;
−
      height: 100px;
+
  width: 100%;
 +
  height: 110px;
 +
  font-family: Corbel;
 +
  overflow: visible;
 
}
 
}
−
 
+
.mid {
−
.ccsticky-nav { /*背板*/
+
  position: absolute;
−
      width: 100%;
+
  left: 0px;
−
      height: 40px;
+
  width: 100%;
−
      position: fixed;
+
  height: 100%;
−
      top: 123px;
+
  font-family: Corbel;
−
      background:#ADADAD;  
+
  z-index:-1;
−
      z-index:+1;
+
}
−
      font-family: Corbel;
+
.headline {
 +
  color: #ffe;
 +
  text-align: center;
 +
  padding-top: 40px;
 +
  padding-bottom: 60px;
 
}
 
}
−
 
+
.header-subnav  {
−
.ccsticky-nav ul { /*major menu type*/
+
  background: #140731;
−
      padding: 10px;
+
  width: 100%;
−
      list-style: none;
+
  position: absolute;
−
      text-align: center;
+
  text-align: center;
−
      position: relative;  
+
  margin: 0 auto;
−
      left: 150px;
+
  top: 100px;
−
      z-index:+1;
+
  left:-20px;
−
      text-decoration: none;
+
  font-family: Corbel;
−
      display: inline-block;
+
−
      margin: 10px;
+
−
      top: -10px;
+
−
      overflow: hidden;
+
 
}
 
}
−
.ccsticky-nav ul li {
+
.header-subnav li {
−
      margin: 0 10px;
+
  float: none;
−
      z-index:+1;
+
  display: inline-block;  
−
      float: left;
+
−
      display: inline-block;
+
 
}
 
}
−
.ccsticky-nav ul li:hover { /*major menu 滑動 type*/
+
.header-subnav li a {
−
                padding: 14px 20px;
+
  padding: 15px 1rem;
−
background: #E0E0E0;
+
  font-size: 13px;
−
                position: relative;
+
  text-decoration: none;
−
                left: 0px;          
+
  color: #ffe;
−
                top: -18px;
+
  text-transform: uppercase;
−
                border-radius: 2px;
+
  display: block;
 +
  font-weight: bold;
 +
  letter-spacing: 1px;
 +
  transition: all 0.35s ease-in-out;
 +
  border-radius: 4px;
 
}
 
}
−
 
+
.header-subnav li a.is-active {
−
.ccsticky-nav ul li a { /*major menu font type*/
+
  background: rgba(250, 250, 250, 0.15);  
−
      padding: 10px 0;
+
−
      font-size: 1rem;
+
−
      text-decoration: none;
+
−
      z-index:+1;
+
−
      color: black;
+
 
}
 
}
−
.ccsticky-nav ul li a:hover { /*major menu font 滑動 type*/
+
.header-subnav li a:hover {
−
      color: black;
+
  background: #d0d0d0;
−
      z-index:+1;
+
  color: #140731;
 +
  transition: all 0.35s ease-in-out;  
 
}
 
}
−
.ccsticky-nav ul li.dropdown { /*下拉式選單*/
+
.fixed1 {
−
    display: inline-block;
+
  position: fixed;
 +
  top: 13px;
 
}
 
}
−
.ccsticky-nav ul li a:hover, .dropdown:hover
+
.circle {
−
<!-- ////////////////////// START SUB MENU /////////////////////// -->
+
  position:absolute;
−
.dropdown-content {
+
  left: 1160px;
−
    display: none;
+
  top: 30px;
−
    position: absolute;
+
  width: 180px;
−
    min-width: 160px;
+
  height: 180px;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  background: #140731;
−
    z-index:-1;
+
  -moz-border-radius: 90px;
 +
  -webkit-border-radius: 90px;
 +
  border-radius: 90px;
 
}
 
}
−
 
+
.left {
−
.dropdown-content a { /* 隱藏次選單*/
+
  position: fixed;
−
    color: white;
+
  left: 0px;
−
    padding: 12px 16px;
+
  top: 175px;
−
    text-decoration: none;
+
  font-family: Corbel;
−
    z-index:-1;
+
  background: rgba(250, 250, 250, 0.15);
−
    display: block;
+
  width: 150px;
 +
  z-index:+1;
 
}
 
}
−
 
+
.left-tab {
−
.dropdown-content a:hover {
+
  background-color: rgba(250, 250, 250, 0.1);
−
    background-color: #FF4848; padding: 15px 20px; border-radius: 4px;
+
  display: block;
−
 
+
  font-size: 20px;
 +
  color: #140731;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: 40px;
 +
  padding-left: 5px;
 +
  padding-top: 5px;
 +
  padding-bottom: 5px;
 +
  z-index:+1;
 
}
 
}
−
 
+
.left-tab:hover {
−
.dropdown:hover .dropdown-content {
+
  background-color: #FF8800;
−
    display: block;
+
  color: #140731;
 +
  font-size: 20px;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: -20px;
 +
  padding-left: 5px;
 +
  border-radius: 4px;
 
}
 
}
−
 
+
.button {
−
.button1 {
+
  background-color: rgba(250, 250, 250, 0.1);
−
    background-color: #ADADAD;
+
  display: block;
−
    font color: black;
+
  font-size: 16px;
−
    border: 2px solid #ADADAD;
+
  color: #140731;
−
    font-size: 1rem;
+
  -webkit-transition-duration: 0.4s;
−
    font-family: Corbel;
+
  transition-duration: 0.4s;
−
    text-align: center;
+
  padding-right: 40px;
−
    -webkit-transition-duration: 0.4s; /* Safari */
+
  padding-left: 5px;
−
    transition-duration: 0.4s;
+
  padding-top: 5px;
−
    margin: 4px 2px;
+
  padding-bottom: 5px;
−
    padding-top: 8px;
+
  z-index:+1;
−
    padding-right: 5px;
+
−
    padding-bottom: 9px;
+
−
    padding-left: 5px;
+
−
    border-radius: 4px;
+
−
    position: fixed;
+
−
    top: 119px;
+
−
    left: 1100px;
+
 
}
 
}
−
 
+
.wrapper {
−
.button1:hover {
+
  background: white;
−
    background-color: #E0E0E0;
+
  width: 900px;
−
    font-size: 1rem;
+
  height: 500px;
−
    font color: #ADADAD;
+
  border-radius: 5px;
−
    text-align: center;
+
  position: relative;
−
    -webkit-transition-duration: 0.4s; /* Safari */
+
  overflow: hidden;
−
    transition-duration: 0.4s;
+
  backface-visibility: hidden;
−
    margin: 4px 2px;
+
 
}
 
}
−
</style>
 
−
 
−
<nav class="logo">
 
−
<img src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg" class="img1">
 
−
</nav>
 
  
−
<nav class="ccsticky-nav">
+
.frame{
−
<ul>
+
  background: transparent;
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a></li>
+
  width: 600px;
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a></li>
+
  height: 500px;
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
+
   border-top: solid 45px white;
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a></li>
+
   border-right: solid 5px white;
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMAN PRACTICES</a></li>
+
   border-bottom: solid 5px white;
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a></li>
+
   border-left: solid 5px white;
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a></li>
+
   position: absolute;
−
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a></li>
+
   z-index: 1;
−
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a></li>
+
−
<button class="button1">CONTACT</button>
+
−
</ul>
+
−
</nav>
+
−
<!-- ////////////////////// END OF HEADER /////////////////////// -->
+
−
<style>
+
−
.logo4 {
+
−
      width: 210px;
+
−
      height: 430px;
+
−
      top: 180px;
+
−
      position: absolute; 
+
−
      background: #140731;
+
−
      z-index:+1;
+
−
}
+
−
</style>
+
−
<nav class="logo4">
+
−
</nav>
+
−
<!-- /////////////////////  START TABS /////////////////////// -->
+
−
<head>
+
−
<style>
+
−
body {
+
−
   background-color: white;
+
−
}
+
−
.tabordion {
+
−
   color: white;
+
−
   text-align: center;
+
−
   display: block;
+
−
  font-family: Corbel;
+
−
  margin: auto;
+
−
   position: fixed;
+
−
   top: 138px;
+
−
  left: -10px;
+
−
  width: 100%;
+
−
  height:  100%;
+
 
}
 
}
  
−
.tabordion input[name="sections"] {
+
input[type='radio'] {
−
   left: -9999px;
+
   -webkit-appearance: none;
−
   position: fixed;
+
  background: #FF8800;
−
   top: -9999px;
+
  border-radius: 4px;
 +
  border-color: #FF8800;
 +
  width: 119px;
 +
  height: 35px;
 +
  margin: 5px 0 5px 5px;
 +
  background-size: 225px 70px;
 +
   position: relative;
 +
  left: 200px;
 +
  float: left;
 +
  display: inline;
 +
   top: 0;
 +
  border-radius: 5px;
 +
  z-index: 99999;
 +
  cursor: pointer;
 
}
 
}
  
−
.tabordion section {
+
input[type='radio']:before{
−
   display: block;
+
   content: attr(data-tooltip);
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: Corbel;
 +
  font-weight:bold;
 +
  text-align:center;
 +
  position: absolute;
 +
  top:5px;
 +
  left:25px;
 
}
 
}
  
−
.tabordion section label {
+
input[type='radio']:hover{
−
   background: #140731;
+
   background: white;
−
   font-color: white;
+
   color: #FF8800;
−
   cursor: pointer;
+
   border-color: #FF8800;
−
  display: block;
+
−
  font-size: 1.2em;
+
−
  font-weight: bold;
+
−
  padding: 15px 20px;
+
−
  width: 180px;
+
−
  z-index:100;
+
−
  position: relative;
+
−
  overflow: auto;  
+
 
}
 
}
  
−
.tabordion section article {
+
input[type='radio']:checked{
−
  display: none;
+
−
  left: 230px;
+
−
  min-width: 300px;
+
−
  padding: 0 0 0 21px;
+
−
  position: absolute;
+
−
  z-index: +1;
+
 
   background: white;
 
   background: white;
−
   top: 0;
+
   border-color: #FF8800;
 
}
 
}
−
 
+
.tab {
−
.tabordion section article:after {
+
  margin-left: -20px;
−
   background-color: white;
+
  transition: .3s ease-out;
 +
}
 +
.tab li{
 +
   background: #fff;
 +
  color: black;
 +
  width: 1000px;
 +
  height: 500px;
 +
  display: inline;
 +
  float: left;
 
   bottom: 0;
 
   bottom: 0;
−
   content: "";
+
   z-index: -1;
−
  display: block;
+
}
−
  left:-229px;
+
.tab1:checked ~ ul{
−
   position: absolute;
+
   transform: translateY(0);
−
  top: 0;
+
−
  width: 200px;
+
−
  z-index:+1;
+
−
  height: 480px;
+
 
}
 
}
  
−
.tabordion input[name="sections"]:checked + label {  
+
.tab2:checked ~ ul{
−
   background: white;
+
   transform: translateY(-500px);
−
  color: #140731;
+
 
}
 
}
  
−
.tabordion input[name="sections"]:checked ~ article {
+
.tab3:checked ~ ul{
−
   display: block;
+
   transform: translateY(-1000px);
 
}
 
}
  
 +
.tab4:checked ~ ul{
 +
  transform: translateY(-1500px);
 +
}
 +
</style>
 +
</head>
  
−
@media (max-width: 533px) {
+
<script>
−
 
+
/* Dynamic top menu positioning
−
  h1 {
+
*
−
     width: 100%;
+
*/
−
  }
+
var num = 110; //number of pixels before modifying styles
 +
$(window).bind('scroll', function () {
 +
    if ($(window).scrollTop() > num) {
 +
        $('.header-subnav').addClass('fixed1');
 +
     } else {
 +
        $('.header-subnav').removeClass('fixed1');
 +
    }
 +
});
  
−
  .tabordion {
 
−
    width: 100%;
 
−
  }
 
−
 
 
−
  .tabordion section label {
 
−
    font-size: 1em;
 
−
    width: 160px;
 
−
  } 
 
  
−
.tabordion section article {
+
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
−
    left: 200px;
+
</script>
−
    min-width: 270px;
+
−
  }
+
−
 
+
−
  .tabordion section article:after {
+
−
    background-color: #140731;
+
−
    bottom: 0;
+
−
    content: "";
+
−
    display: block;
+
−
    left:-199px;
+
−
    position: absolute;
+
−
    top: 0;
+
−
    width: 200px;
+
−
  } 
+
−
 
+
−
}
+
  
  
−
@media (max-width: 768px) {
+
<body>
−
  h1 {
+
<div class="top">
−
    width: 96%;
+
<a name='anchor0'></a>
−
  }
+
<img alt="" style="position:absolute;z-index:++1;float:left;margin-top:20px;width:390px;height:80px;"  src="https://static.igem.org/mediawiki/2016/b/bb/CGU_Taiwan--logo2.jpg">
 +
<img style="position:absolute;left:1170px;top:35px;z-index:+1;width:155px;height:180px;" src="https://static.igem.org/mediawiki/2016/8/8a/CGU_Taiwan--logo9.jpg">
 +
<div class="circle"></div>
 +
</div>
  
−
  .tabordion {
+
<header class="top">
−
    width: 96%;
+
<h1 class="headline">Leijuvant</h1>
−
  }
+
<ul class="header-subnav">
−
}
+
<li><a href="https://2016.igem.org/Team:CGU_Taiwan">HOME</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Achievements">ACHIEVEMENTS</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Model">MODELING</a></li>
 +
<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">PEOPLE</a></li>
 +
<li class="dropdown"><a href="https://2016.igem.org/Team:CGU_Taiwan/Interlab">INTERLAB</a></li>
 +
<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>
 +
</ul>
 +
</header>
  
 +
<div class="left" style="height:800px;">
 +
<a href="#anchor0"><section class="left-tab" style="position:fixed;top:285px;left:20px;" id="myP" onmousedown="mouseDown()" onmouseup="mouseUp()">TOP</section>
 +
<a href="#anchor1"><section class="left-tab" style="position:fixed;top:320px;left:40px;">Abstract</section>
 +
<a href="#anchor2"><section class="left-tab" style="position:fixed;top:355px;left:40px;">Background</section>
 +
<a href="#anchor3"><section class="left-tab" style="position:fixed;top:390px;left:40px;">Biobrick</section>
 +
<a href="#anchor4"><section class="left-tab" style="position:fixed;top:425px;left:40px;">In vivo</section>
 +
<a href="#anchor5"><section class="left-tab" style="position:fixed;top:465px;left:40px;">In vitro</section>
 +
<a href="#anchor6"><section class="left-tab" style="position:fixed;top:500px;left:40px;">Notebook</section>
 +
</div>
  
−
@media (min-width: 1366px) {
 
−
  h1 {
 
−
    width: 70%;
 
−
  }
 
  
−
  .tabordion {
+
<div class="mid" style="top:155px;background-color:white;">
−
    width: 70%;
+
<a name='anchor1'></a>
−
    height: 480px;
+
<br><br><br>
−
    position: absolute;
+
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:50px;margin:20px;">Project Abstract<HR style="border-color:#FF8800;width:800px;position:absolute;left:250px;top:5px;size:2px;z-index:+1;"></h1>
−
    z-index:+1;
+
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:200px;top:100px;margin-right:80px;margin-left:50px;margin-top:30px;text-align:justify;"> 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>
  
−
.title {
+
<div class="mid" style="top:645px;background:white;">
−
        color: black;
+
<a name='anchor2'></a>
−
        font-weight: bolder;
+
<br><br><br>
−
        position: absolute;
+
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:20px;margin:20px;">Background<hr style="border-color:#FF8800;width:900px;position:absolute;left:180px;top:5px;size:2px;"></h1>
−
        left: 320px;
+
<br><br>
−
        font-size: 200%;
+
<ul style="list-style-type: circle;color:#FF8800;font-size:18px;position:absolute;left:230px;">
−
}
+
<li>Leishmania</li>
−
.text {
+
<li>Vaccine</li>
−
        color: black;
+
<li>Adjuvant</li>
−
        font-family: Corbel;
+
<li>Others</li>
−
        font-size: 28px;
+
</ul>
−
        padding-right: 30px;
+
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:250px;top:200px;margin-right:80px;margin-left:50px;margin-top:30px;text-align:justify;"> 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>
−
}
+
−
</style>
+
−
<body>
+
−
<div class="tabordion">
+
−
  <section id="section1">
+
−
    <input type="radio" name="sections" id="option1" checked>
+
−
    <label for="option1">DESCRIPTION</label>
+
−
    <article style="width:1125px;height:480px;overflow-x:hidden;overflow-y:auto;">
+
−
      <h2>DESCRIPTION</h2>
+
−
      <p class="text" style="padding-right: 200px;">John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
−
<br></br>
+
−
<br></br>
+
  
−
<br></br>
+
</div>
−
<br></br>
+
−
<br></br>
+
  
−
          <a name='anchor1' class="title" style="text-decoration:none;">BIOBRICK</a>
+
<div class="mid" style="top:1200px;background:white;">
−
          <br></br>
+
<a name='anchor3'></a>
−
<p class="text">John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:200px;top:20px;magrin:20px;">Biobrick<HR style="border-color:#FF8800;width:960px;position:absolute;left:140px;top:5px;size:2px;"></h1>
−
     
+
<br><br><br><br>
−
<p class="text">John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
<ul style="list-style-type: circle;color:#FF8800;font-size:18px;position:absolute;left:230px;">
 +
<li>Abstract</li>
 +
<li>Design</li>
 +
<li>Results</li>
 +
<li>Discussions</li>
 +
</ul>
 +
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:250px;top:200px;margin-right:80px;margin-left:50px;margin-top:30px;text-align:justify;"> 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>
  
−
<br></br>
+
</div>
−
<br></br>
+
  
−
          <a name='anchor2' class="title" style="text-decoration:none;">LEISHMANIA</a>
+
<div class="mid" style="top:1800px;background:white;">
−
<br></br>
+
<a name='anchor4'></a>
−
<p>John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:200px;top:20px;magrin:50px;">In vivo<HR style="border-color:#FF8800;width:970px;position:absolute;left:130px;top:5px;size:2px;"></h1>
−
     
+
<br><br><br><br>
−
<br></br>
+
<ul style="list-style-type: circle;color:#FF8800;font-size:18px;position:absolute;left:230px;">
−
<br></br>
+
<li>Abstract</li>
 +
<li>Design</li>
 +
<li>Results</li>
 +
<li>Discussions</li>
 +
</ul>
 +
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:250px;top:200px;margin-right:80px;margin-left:50px;margin-top:30px;text-align:justify;"> 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>
  
−
        <a name='anchor3' class="title" style="text-decoration:none;">IN VIVO</a>
+
</div>
−
<br></br>
+
−
<p>John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
−
     
+
−
<br></br>
+
−
<br></br>
+
  
−
        <a name='anchor4' class="title" style="text-decoration:none;">IN VITRO</a>
+
<div class="mid" style="top:2500px;background:white;">
−
<br></br>
+
<a name='anchor5'></a>
−
<p>John Ono Lennon, (born John Winston Lennon; 9 October 1940 – 8 December 1980), was an English musician, singer and songwriter who rose to worldwide fame as a founder member of the rock band the Beatles, the most commercially successful band in the history of popular music. With Paul McCartney, he formed a songwriting partnership that is one of the most celebrated of the 20th century.</p>
+
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:200px;top:20px;magrin:50px;">In vitro<HR style="border-color:#FF8800;width:965px;position:absolute;left:130px;top:5px;size:2px;"></h1>
−
   
+
<br><br><br><br>
−
    </article>
+
<ul style="list-style-type: circle;color:#FF8800;font-size:18px;position:absolute;left:230px;">
−
  </section>
+
<li>Abstract</li>
−
  <section id="section2">
+
<li>Design</li>
−
    <input type="radio" name="sections" id="option2">
+
<li>Results</li>
−
    <label for="option2">SHUTTLE VECTOR</label>
+
<li>Discussions</li>
−
    <article style="width:1125px;height:480px;overflow-x:hidden;overflow-y:auto;">
+
</ul>
−
      <h2>MODELING</h2>
+
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:250px;top:200px;margin-right:80px;margin-left:50px;margin-top:30px;text-align:justify;"> 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>
−
      <p>Sir James Paul McCartney, (born 18 June 1942), is an English musician, singer, songwriter, multi-instrumentalist, and composer. With John Lennon, George Harrison and Ringo Starr, he gained worldwide fame as a member of the Beatles, widely regarded as one of the most popular and influential acts in the history of rock music; his songwriting partnership with Lennon is one of the most celebrated of the 20th century. After the band's break-up, he pursued a solo career and later formed Wings with his first wife, Linda, and Denny Laine.</p>
+
−
      <p>McCartney has been recognised as one of the most successful composers and performers of all time, with 60 gold discs and sales of over 100 million albums and 100 million singles of his work with the Beatles and as a solo artist.[2] More than 2,200 artists have covered his Beatles song "Yesterday", more than any other copyrighted song in history. Wings' 1977 release "Mull of Kintyre" is one of the all-time best-selling singles in the UK. Inducted into the Rock and Roll Hall of Fame as a solo artist in March 1999, McCartney has written, or co-written 32 songs that have reached number one on the Billboard Hot 100, and as of 2014 he has sold more than 15.5 million RIAA-certified units in the United States. McCartney, Lennon, Harrison and Starr received MBEs in 1965, and in 1997, McCartney was knighted for his services to music.</p>
+
−
      <p>McCartney has released an extensive catalogue of songs as a solo artist and has composed classical and electronic music. He has taken part in projects to promote international charities related to such subjects as animal rights, seal hunting, land mines, vegetarianism, poverty, and music education. He has married three times and is the father of five children.</p>
+
−
<p>McCartney has been recognised as one of the most successful composers and performers of all time, with 60 gold discs and sales of over 100 million albums and 100 million singles of his work with the Beatles and as a solo artist.[2] More than 2,200 artists have covered his Beatles song "Yesterday", more than any other copyrighted song in history. Wings' 1977 release "Mull of Kintyre" is one of the all-time best-selling singles in the UK. Inducted into the Rock and Roll Hall of Fame as a solo artist in March 1999, McCartney has written, or co-written 32 songs that have reached number one on the Billboard Hot 100, and as of 2014 he has sold more than 15.5 million RIAA-certified units in the United States. McCartney, Lennon, Harrison and Starr received MBEs in 1965, and in 1997, McCartney was knighted for his services to music.</p>
+
−
<p>McCartney has been recognised as one of the most successful composers and performers of all time, with 60 gold discs and sales of over 100 million albums and 100 million singles of his work with the Beatles and as a solo artist.[2] More than 2,200 artists have covered his Beatles song "Yesterday", more than any other copyrighted song in history. Wings' 1977 release "Mull of Kintyre" is one of the all-time best-selling singles in the UK. Inducted into the Rock and Roll Hall of Fame as a solo artist in March 1999, McCartney has written, or co-written 32 songs that have reached number one on the Billboard Hot 100, and as of 2014 he has sold more than 15.5 million RIAA-certified units in the United States. McCartney, Lennon, Harrison and Starr received MBEs in 1965, and in 1997, McCartney was knighted for his services to music.</p>
+
−
    </article>
+
−
  </section>
+
−
  <section id="section3">
+
−
    <input type="radio" name="sections" id="option3">
+
−
    <label for="option3">EFFICIENCY</label>
+
−
    <article style="width:1125px;height:480px;overflow-x:hidden;overflow-y:auto;">
+
−
      <h2>HUMAN PRACTICE</h2>
+
−
      <p>George Harrison, (25 February 1943 – 29 November 2001), was an English musician, multi-instrumentalist, singer and songwriter who achieved international fame as the lead guitarist of the Beatles. Although John Lennon and Paul McCartney were the band's primary songwriters, most of their albums included at least one Harrison composition, including "While My Guitar Gently Weeps", "Here Comes the Sun" and "Something", which became the Beatles' second-most-covered song.</p>
+
−
    </article>
+
−
  </section>
+
  
−
  <section id="section4">
 
−
    <input type="radio" name="sections" id="option4">
 
−
    <label for="option4">IN VITRO</label>
 
−
    <article style="width:1125px;height:480px;overflow-x:hidden;overflow-y:auto;">
 
−
      <h2>INTERLAB</h2>
 
−
      <p>Richard Starkey, (born 7 July 1940), better known by his stage name Ringo Starr, is an English musician, singer, songwriter, and actor who gained worldwide fame as the drummer for The Beatles. On most of the band's albums, he sang lead vocals for one song, including "With a Little Help from My Friends", "Yellow Submarine" and their cover of "Act Naturally". He also wrote the Beatles' songs "Don't Pass Me By" and "Octopus's Garden", and is credited as a co-writer of others, such as "What Goes On" and "Flying".</p>
 
−
      <p>Starr was twice afflicted by life-threatening illnesses during his childhood, and as a result of prolonged hospitalisations, fell behind scholastically. In 1955, he entered the workforce and briefly held a position with British Rail before securing an apprenticeship at a Liverpool equipment manufacturer. Soon afterwards, he became interested in the UK skiffle craze, developing a fervent admiration for the genre. In 1957, he cofounded his first band, the Eddie Clayton Skiffle Group, which earned several prestigious local bookings before the fad succumbed to American rock and roll by early 1958.</p>
 
−
    </article>
 
−
  </section>
 
−
<section id="section5">
 
−
    <input type="radio" name="sections" id="option5">
 
−
    <label for="option5">INTERLAB</label>
 
−
    <article style="width:1125px;height:480px;overflow-x:hidden;overflow-y:auto;">
 
−
      <h2>INTERLAB</h2>
 
−
      <p>Richard Starkey, (born 7 July 1940), better known by his stage name Ringo Starr, is an English musician, singer, songwriter, and actor who gained worldwide fame as the drummer for The Beatles. On most of the band's albums, he sang lead vocals for one song, including "With a Little Help from My Friends", "Yellow Submarine" and their cover of "Act Naturally". He also wrote the Beatles' songs "Don't Pass Me By" and "Octopus's Garden", and is credited as a co-writer of others, such as "What Goes On" and "Flying".</p>
 
−
      <p>Starr was twice afflicted by life-threatening illnesses during his childhood, and as a result of prolonged hospitalisations, fell behind scholastically. In 1955, he entered the workforce and briefly held a position with British Rail before securing an apprenticeship at a Liverpool equipment manufacturer. Soon afterwards, he became interested in the UK skiffle craze, developing a fervent admiration for the genre. In 1957, he cofounded his first band, the Eddie Clayton Skiffle Group, which earned several prestigious local bookings before the fad succumbed to American rock and roll by early 1958.</p>
 
−
    </article>
 
−
  </section>
 
 
</div>
 
</div>
−
</body>
 
−
<!-- /////////////////////  END OF TABS /////////////////////// -->
 
  
−
<style>
+
<div class="mid" style="top:3000px;background:white;">
−
.rad {
+
<a name='anchor6'></a>
−
    border: 1px solid #ddd;
+
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:200px;top:20px;magrin:50px;">Notebook<HR style="border-color:#FF8800;width:955px;position:absolute;left:140px;top:5px;size:2px;"></h1>
−
    padding: 5px;
+
<br><br><br><br>
−
    font-family: Calibri;  
+
<ul style="list-style-type:circle;color:#FF8800;font-size:18px;position:absolute;left:230px;">
−
    position: relative;
+
<li><a href="#anchor6.1" style="text-decoration:none;color:#FF8800;">May 2016</a></li>
−
    top: 50px;
+
<li><a href="#anchor6.2" style="text-decoration:none;color:#FF8800;">June 2016</a></li>
−
}
+
<li><a href="#anchor6.3" style="text-decoration:none;color:#FF8800;">July 2016</a></li>
 +
<li><a href="#anchor6.4" style="text-decoration:none;color:#FF8800;">August 2016</a></li>
 +
<li><a href="#anchor6.5" style="text-decoration:none;color:#FF8800;">September 2016</a></li>
 +
</ul>
 +
<br><br>
 +
<a name='anchor6.1'></a>
 +
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:230px;top:230px;magrin:50px;">May 2016<HR style="border-color:#FF8800;width:955px;position:absolute;left:140px;top:5px;size:2px;"></h1>
  
−
</style>
+
<div class="wrapper" style="position:absolute;left:350px;top:300px;">
−
<body>
+
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="Biobrick" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="In vivo" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="In vitro" name='thumbnail' type='radio' />
 +
  <input class='tab4' data-tooltip="Others" name='thumbnail' type='radio' />
 +
    <ul class="tab">
 +
    <li>
 +
      <h3>Week 1 (5/1~5/8)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (5/9~5/15)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (5/16~5/22)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (5/23~5/31)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (5/1~5/8)</h3>
 +
      <p>HTML ¡Xwhich is short for HyperText Markup Language¡X is the official language of the World Wide Web and was first conceived in 1990. HTML is a product of SGML (Standard Generalized Markup Language) which is a complex, technical specification describing markup languages, especially those used in electronic document exchange, document management, and document publishing. HTML was originally created to allow those who were not specialized in SGML to publish and exchange scientific and other technical documents. HTML especially facilitated this exchange.
 +
      </p>
 +
      <h3>Week 2 (5/9~5/15)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (5/16~5/22)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (5/23~5/31)</h3>
 +
      <p></p> 
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (5/1~5/8)</h3>
 +
      <p>The saga of CSS starts in 1994. One of the authors of this book works at CERN - the cradle of the Web - and the Web is starting to be used as a platform for electronic publishing. One crucial part of a publishing platform is missing, however: there is no way to style documents. For example, there is no way to describe a newspaper-like layout in a Web page. Having worked on personalized newspaper presentations at the MIT Media Laboratory, H æn saw the need for a style sheet language for the Web. Style sheets in browsers were not an entirely new idea.</p>
 +
      <h3>Week 2 (5/9~5/15)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (5/16~5/22)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (5/23~5/31)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (5/1~5/8)</h3>
 +
      <p>JavaScript was originally developed in Netscape, by Brendan Eich. Battling with Microsoft over the Internet, Netscape considered their client-server solution as a distributed OS, running a portable version of Sun Microsystems' Java. Because Java was a competitor of C++ and aimed at professional programmers, Netscape also wanted a lightweight interpreted language that would complement Java by appealing to nonprofessional programmers, like Microsoft's VB. Developed under the name Mocha, LiveScript was the official name for the language.
 +
      </p>
 +
      <h3>Week 2 (5/9~5/15)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (5/16~5/22)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (5/23~5/31)</h3>
 +
      <p></p>
 +
    </li> 
 +
  </ul>
 +
</div>
 +
<br>
 +
<a name='anchor6.2'></a>
 +
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:230px;top:800px;magrin:50px;">June 2016<HR style="border-color:#FF8800;width:955px;position:absolute;left:140px;top:5px;size:2px;"></h1>
 +
<br>
 +
<div class="wrapper" style="position:absolute;left:350px;top:900px;">
 +
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="Biobrick" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="In vivo" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="In vitro" name='thumbnail' type='radio' />
 +
  <input class='tab4' data-tooltip="Others" name='thumbnail' type='radio' />
 +
    <ul class="tab">
 +
    <li>
 +
      <h3>Week 1 (6/1~6/5)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (6/6~6/12)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (6/13~6/19)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (6/20~6/26)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (6/27~7/3)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (6/1~6/5)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (6/6~6/12)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (6/13~6/19)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (6/20~6/26)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (6/27~7/3)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (6/1~6/5)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (6/6~6/12)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (6/13~6/19)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (6/20~6/26)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (6/27~7/3)</h3>
 +
      <p></p>
 +
    </li>
 +
      <li>
 +
      <h3>Week 1 (6/1~6/5)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (6/6~6/12)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (6/13~6/19)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (6/20~6/26)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (6/27~7/3)</h3>
 +
      <p></p>
 +
    </li>
 +
</div>
 +
<br>
 +
<a name='anchor6.3'></a>
 +
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:230px;top:1500px;magrin:50px;">July 2016<HR style="border-color:#FF8800;width:955px;position:absolute;left:140px;top:5px;size:2px;"></h1>
 +
<br>
 +
<div class="wrapper" style="position:absolute;left:350px;top:1600px;">
 +
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="Biobrick" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="In vivo" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="In vitro" name='thumbnail' type='radio' />
 +
  <input class='tab4' data-tooltip="Others" name='thumbnail' type='radio' />
 +
    <ul class="tab">
 +
    <li>
 +
      <h3>Week 1 (7/4~7/10)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (7/11~7/17)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (7/18~7/24)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (7/25~7/31)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (7/4~7/10)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (7/11~7/17)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (7/18~7/24)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (7/25~7/31)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (7/4~7/10)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (7/11~7/17)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (7/18~7/24)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (7/25~7/31)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (7/4~7/10)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (7/11~7/17)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (7/18~7/24)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (7/25~7/31)</h3>
 +
      <p></p>
 +
    </li>
 +
  </ul>
 +
</div>
 +
<br>
 +
<a name='anchor6.4'></a>
 +
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:230px;top:2200px;magrin:50px;">August 2016<HR style="border-color:#FF8800;width:920px;position:absolute;left:170px;top:5px;size:2px;"></h1>
 +
<br>
 +
<div class="wrapper" style="position:absolute;left:350px;top:2300px;">
 +
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="Biobrick" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="In vivo" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="In vitro" name='thumbnail' type='radio' />
 +
  <input class='tab4' data-tooltip="Others" name='thumbnail' type='radio' />
 +
    <ul class="tab">
 +
    <li>
 +
      <h3>Week 1 (8/1~8/7)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (8/8~8/14)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (8/15~8/21)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (8/22~8/28)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (8/1~8/7)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (8/8~8/14)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (8/15~8/21)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (8/22~8/28)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
      <li>
 +
      <h3>Week 1 (8/1~8/7)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (8/8~8/14)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (8/15~8/21)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (8/22~8/28)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
      <li>
 +
      <h3>Week 1 (8/1~8/7)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (8/8~8/14)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (8/15~8/21)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (8/22~8/28)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
  </ul>
 +
</div>
 +
<br>
 +
<a name='anchor6.5'></a>
 +
<h1 style="font-size:40px;color:#FF8800;font-size:30px;text-decoration:none;position:absolute;left:230px;top:2900px;magrin:50px;">September 2016<HR style="border-color:#FF8800;width:850px;position:absolute;left:220px;top:5px;size:2px;"></h1>
 +
<br>
 +
<div class="wrapper" style="position:absolute;left:350px;top:3000px;">
 +
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="Biobrick" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="In vivo" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="In vitro" name='thumbnail' type='radio' />
 +
  <input class='tab4' data-tooltip="Others" name='thumbnail' type='radio' />
 +
    <ul class="tab">
 +
    <li>
 +
      <h3>Week 1 (9/5~9/11)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (9/12~9/18)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (9/19~9/25)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (9/26~10/2)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
    <li>
 +
      <h3>Week 1 (9/5~9/11)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (9/12~9/18)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (9/19~9/25)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (9/26~10/2)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
      <li>
 +
      <h3>Week 1 (9/5~9/11)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (9/12~9/18)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (9/19~9/25)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (9/26~10/2)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
      <li>
 +
      <h3>Week 1 (9/5~9/11)</h3>
 +
      <p>Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.
 +
      </p>
 +
      <h3>Week 2 (9/12~9/18)</h3>
 +
      <p></p>
 +
      <h3>Week 3 (9/19~9/25)</h3>
 +
      <p></p>
 +
      <h3>Week 4 (9/26~10/2)</h3>
 +
      <p></p>
 +
      <h3>Week 5 (8/19~9/4)</h3>
 +
      <p></p>
 +
    </li>
 +
  </ul>
 +
</div>
 +
</div>
 
</body>
 
</body>
−
<head>
 
−
 
 
</html>
 
</html>

Latest revision as of 14:50, 12 September 2016

Leijuvant

TOP
Abstract
Background
Biobrick
In vivo
In vitro
Notebook



Project Abstract

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.




Background



  • Leishmania
  • Vaccine
  • Adjuvant
  • Others

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.

Biobrick





  • Abstract
  • Design
  • Results
  • Discussions

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.

In vivo





  • Abstract
  • Design
  • Results
  • Discussions

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.

In vitro





  • Abstract
  • Design
  • Results
  • Discussions

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.

Notebook







May 2016

  • Week 1 (5/1~5/8)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (5/9~5/15)

    Week 3 (5/16~5/22)

    Week 4 (5/23~5/31)

  • Week 1 (5/1~5/8)

    HTML ¡Xwhich is short for HyperText Markup Language¡X is the official language of the World Wide Web and was first conceived in 1990. HTML is a product of SGML (Standard Generalized Markup Language) which is a complex, technical specification describing markup languages, especially those used in electronic document exchange, document management, and document publishing. HTML was originally created to allow those who were not specialized in SGML to publish and exchange scientific and other technical documents. HTML especially facilitated this exchange.

    Week 2 (5/9~5/15)

    Week 3 (5/16~5/22)

    Week 4 (5/23~5/31)

  • Week 1 (5/1~5/8)

    The saga of CSS starts in 1994. One of the authors of this book works at CERN - the cradle of the Web - and the Web is starting to be used as a platform for electronic publishing. One crucial part of a publishing platform is missing, however: there is no way to style documents. For example, there is no way to describe a newspaper-like layout in a Web page. Having worked on personalized newspaper presentations at the MIT Media Laboratory, H æn saw the need for a style sheet language for the Web. Style sheets in browsers were not an entirely new idea.

    Week 2 (5/9~5/15)

    Week 3 (5/16~5/22)

    Week 4 (5/23~5/31)

  • Week 1 (5/1~5/8)

    JavaScript was originally developed in Netscape, by Brendan Eich. Battling with Microsoft over the Internet, Netscape considered their client-server solution as a distributed OS, running a portable version of Sun Microsystems' Java. Because Java was a competitor of C++ and aimed at professional programmers, Netscape also wanted a lightweight interpreted language that would complement Java by appealing to nonprofessional programmers, like Microsoft's VB. Developed under the name Mocha, LiveScript was the official name for the language.

    Week 2 (5/9~5/15)

    Week 3 (5/16~5/22)

    Week 4 (5/23~5/31)


June 2016


  • Week 1 (6/1~6/5)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (6/6~6/12)

    Week 3 (6/13~6/19)

    Week 4 (6/20~6/26)

    Week 5 (6/27~7/3)

  • Week 1 (6/1~6/5)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (6/6~6/12)

    Week 3 (6/13~6/19)

    Week 4 (6/20~6/26)

    Week 5 (6/27~7/3)

  • Week 1 (6/1~6/5)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (6/6~6/12)

    Week 3 (6/13~6/19)

    Week 4 (6/20~6/26)

    Week 5 (6/27~7/3)

  • Week 1 (6/1~6/5)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (6/6~6/12)

    Week 3 (6/13~6/19)

    Week 4 (6/20~6/26)

    Week 5 (6/27~7/3)


July 2016


  • Week 1 (7/4~7/10)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (7/11~7/17)

    Week 3 (7/18~7/24)

    Week 4 (7/25~7/31)

  • Week 1 (7/4~7/10)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (7/11~7/17)

    Week 3 (7/18~7/24)

    Week 4 (7/25~7/31)

  • Week 1 (7/4~7/10)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (7/11~7/17)

    Week 3 (7/18~7/24)

    Week 4 (7/25~7/31)

  • Week 1 (7/4~7/10)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (7/11~7/17)

    Week 3 (7/18~7/24)

    Week 4 (7/25~7/31)


August 2016


  • Week 1 (8/1~8/7)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (8/8~8/14)

    Week 3 (8/15~8/21)

    Week 4 (8/22~8/28)

    Week 5 (8/19~9/4)

  • Week 1 (8/1~8/7)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (8/8~8/14)

    Week 3 (8/15~8/21)

    Week 4 (8/22~8/28)

    Week 5 (8/19~9/4)

  • Week 1 (8/1~8/7)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (8/8~8/14)

    Week 3 (8/15~8/21)

    Week 4 (8/22~8/28)

    Week 5 (8/19~9/4)

  • Week 1 (8/1~8/7)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (8/8~8/14)

    Week 3 (8/15~8/21)

    Week 4 (8/22~8/28)

    Week 5 (8/19~9/4)


September 2016


  • Week 1 (9/5~9/11)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (9/12~9/18)

    Week 3 (9/19~9/25)

    Week 4 (9/26~10/2)

    Week 5 (8/19~9/4)

  • Week 1 (9/5~9/11)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (9/12~9/18)

    Week 3 (9/19~9/25)

    Week 4 (9/26~10/2)

    Week 5 (8/19~9/4)

  • Week 1 (9/5~9/11)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (9/12~9/18)

    Week 3 (9/19~9/25)

    Week 4 (9/26~10/2)

    Week 5 (8/19~9/4)

  • Week 1 (9/5~9/11)

    Tim Berners-Lee invented the World Wide Web in 1989, about 20 years after the first connection was established over what is today known as the Internet. At the time, Tim was a software engineer at CERN, the large particle physics laboratory near Geneva. Many scientists participated in experiments at CERN for extended periods of time, then returned to their laboratories around the world. These scientists were eager to exchange data and results, but had difficulties doing so. Tim understood the unrealized potential of millions of computers connected together through the Internet.

    Week 2 (9/12~9/18)

    Week 3 (9/19~9/25)

    Week 4 (9/26~10/2)

    Week 5 (8/19~9/4)