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

Line 1: Line 1:
−
{{CGU_Taiwan}}
 
 
<html>
 
<html>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<style>
 +
        #sideMenu
 +
        {
 +
        display:none; /* Disable the display of the annoying side main menu*/
 +
        }
 +
       
 +
        #top_title
 +
        {
 +
        display:none; /* Disable the annoying title*/
 +
        }
  
 +
#content { padding:0px; width:100%; margin-left:0%; margin-right:0%;}
 +
</style>
  
−
<h3>★  ALERT! </h3>
+
<head>
−
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Awards"> Best Software Tool award</a>. </p>
+
<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>
 +
<style>
 +
body {
 +
  background-color:white;
 +
}
 +
.top {
 +
  position: absolute;
 +
  top: -10px;
 +
  left: 0px;
 +
  background:  #140731;
 +
  width: 100%;
 +
  height: 110px;
 +
  font-family: Corbel;
 +
  overflow: visible;
 +
}
 +
.mid {
 +
  position: absolute;
 +
  left: 0px;
 +
  width: 100%;
 +
  height: 100%;
 +
  font-family: Corbel;
 +
  z-index:-1;
 +
}
 +
.headline {
 +
  color: #ffe;
 +
  text-align: center;
 +
  padding-top: 40px;
 +
  padding-bottom: 60px;
 +
}
 +
.header-subnav  {
 +
  background: #140731;
 +
  width: 100%;
 +
  position: absolute;
 +
  text-align: center;
 +
  margin: 0 auto;
 +
  top: 100px;
 +
  left:-20px;
 +
  font-family: Corbel;
 +
}
 +
.header-subnav li {
 +
  float: none;
 +
  display: inline-block;
 +
}
 +
.header-subnav li a {
 +
  padding: 15px 1rem;
 +
  font-size: 13px;
 +
  text-decoration: none;
 +
  color: #ffe;
 +
  text-transform: uppercase;
 +
  display: block;
 +
  font-weight: bold;
 +
  letter-spacing: 1px;
 +
  transition: all 0.35s ease-in-out;
 +
  border-radius: 4px;
 +
}
 +
.header-subnav li a.is-active {
 +
  background: rgba(250, 250, 250, 0.15);
 +
}
 +
.header-subnav li a:hover {
 +
  background: #d0d0d0;
 +
  color: #140731;
 +
  transition: all 0.35s ease-in-out;
 +
}
 +
.fixed1 {
 +
  position: fixed;
 +
  top: 13px;
 +
}
 +
.circle {
 +
  position:absolute;
 +
  left: 1160px;
 +
  top: 30px;
 +
  width: 180px;
 +
  height: 180px;
 +
  background: #140731;
 +
  -moz-border-radius: 90px;
 +
  -webkit-border-radius: 90px;
 +
  border-radius: 90px;
 +
}
 +
.left {
 +
  position: fixed;
 +
  left: 0px;
 +
  top: 175px;
 +
  font-family: Corbel;
 +
  background: rgba(250, 250, 250, 0.15);
 +
  width: 150px;
 +
  z-index:+1;
 +
}
 +
.left-tab {
 +
  background-color: rgba(250, 250, 250, 0.1);
 +
  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 {
 +
  background-color: #FF8800;
 +
  color: #140731;
 +
  font-size: 20px;
 +
  -webkit-transition-duration: 0.4s;
 +
  transition-duration: 0.4s;
 +
  padding-right: -20px;
 +
  padding-left: 5px;
 +
  border-radius: 4px;
 +
}
 +
.button {
 +
  background-color: rgba(250, 250, 250, 0.1);
 +
  display: block;
 +
  font-size: 16px;
 +
  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;
 +
}
 +
.wrapper {
 +
  background: white;
 +
  width: 900px;
 +
  height: 500px;
 +
  border-radius: 5px;
 +
  position: relative;
 +
  overflow: hidden;
 +
  backface-visibility: hidden;
 +
}
  
 +
.frame{
 +
  background: transparent;
 +
  width: 600px;
 +
  height: 500px;
 +
  border-top: solid 45px white;
 +
  border-right: solid 5px white;
 +
  border-bottom: solid 5px white;
 +
  border-left: solid 5px white;
 +
  position: absolute;
 +
  z-index: 1;
 +
}
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
input[type='radio'] {
−
</div>
+
  -webkit-appearance: none;
 +
  background: #FF8800;
 +
  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;
 +
}
  
 +
input[type='radio']:before{
 +
  content: attr(data-tooltip);
 +
  color: black;
 +
  font-size: 20px;
 +
  font-family: Corbel;
 +
  font-weight:bold;
 +
  text-align:center;
 +
  position: absolute;
 +
  top:5px;
 +
  left:25px;
 +
}
  
 +
input[type='radio']:hover{
 +
  background: white; 
 +
  color: #FF8800;
 +
  border-color: #FF8800;
 +
}
  
 +
input[type='radio']:checked{
 +
  background: white;
 +
  border-color: #FF8800;
 +
}
 +
.tab {
 +
  margin-left: -20px;
 +
  transition: .3s ease-out;
 +
}
 +
.tab li{
 +
  background: #fff;
 +
  color: black;
 +
  width: 1000px;
 +
  height: 500px;
 +
  display: inline;
 +
  float: left;
 +
  bottom: 0;
 +
  z-index: -1;
 +
}
 +
.tab1:checked ~ ul{
 +
  transform: translateY(0);
 +
}
  
 +
.tab2:checked ~ ul{
 +
  transform: translateY(-500px);
 +
}
  
 +
.tab3:checked ~ ul{
 +
  transform: translateY(-1000px);
 +
}
  
−
<div class="column full_size">
+
.tab4:checked ~ ul{
−
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.</p>
+
  transform: translateY(-1500px);
 +
}
  
 +
hr1 {
 +
  border: 0;
 +
  width: 80%;
 +
  color: #140731;
 +
  background-color: #140731;
 +
  height: 2px;
 +
}
  
−
<h5> Inspiration </h5>
+
hr {
−
<p>
+
  border: 0;
−
Here are a few examples from previous teams:
+
  width: 80%;
−
</p>
+
  color: #FF8800;
−
<ul>
+
  background-color: #FF8800;
−
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
+
  height: 2px;
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
+
}
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
+
</style>
 +
</head>
 +
 
 +
<script>
 +
/* Dynamic top menu positioning
 +
*
 +
*/
 +
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');
 +
    }
 +
});
 +
 
 +
 
 +
//USE SCROLL WHEEL FOR THIS FIDDLE DEMO
 +
</script>
 +
 
 +
 
 +
<body>
 +
<div class="top">
 +
<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>
 +
 
 +
<header class="top">
 +
<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/Description">PROJECT</a></li>
 +
<li><a href="https://2016.igem.org/Team:CGU_Taiwan/Software">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>
 
</ul>
 +
</header>
 +
 +
<div class="left" style="height:800px;">
 +
<a href="#anchor0"><section class="left-tab" style="position:fixed;top:185px;left:20px;" id="myP" onmousedown="mouseDown()" onmouseup="mouseUp()">TOP</section>
 +
<hr1 style="width:145px;position:absolute;left:15px;top:43px;"></hr1>
 +
<a href="#anchor1"><section class="left-tab" style="position:fixed;top:220px;left:10px;"><li>Motivation</li></section>
 +
<a href="#anchor2"><section class="left-tab" style="position:fixed;top:255px;left:10px;"><li>Demo</li></section>
 +
<a href="http://163.25.92.36/igemcgu/igemwebhome.htm"><section class="left-tab" style="position:fixed;top:290px;left:10px;"><li>McHug</li></section>
 +
<a href="#anchor4"><section class="left-tab" style="position:fixed;top:325px;left:10px;"><li>Results</li></section>
 +
<a href="#anchor5"><section class="left-tab" style="position:fixed;top:365px;left:10px;"><li>Notebook</li></section>
 +
</div>
 +
 +
 +
 +
 +
<div class="mid" style="top:155px;background-color:white;">
 +
<a name='anchor1'></a>
 +
<br><br><br>
 +
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:50px;margin:20px;">Modeling Motivation</h1>
 +
<hr style="width:680px;position:absolute;left:480px;top:80px;"></hr>
 +
<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>
 +
 +
<div class="mid" style="top:645px;background-color:white;">
 +
<a name='anchor2'></a>
 +
<br><br><br>
 +
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:50px;margin:20px;">Demo</h1>
 +
<hr style="width:780px;position:absolute;left:350px;top:80px;"></hr>
 +
<video style="position:absolute;left:200px;top:100px;"  height="300"  width="400" controls>
 +
  <source src="mov_bbb.mp4" type="video/mp4">
 +
  <source src="mov_bbb.ogg" type="video/ogg">
 +
  Your browser does not support HTML5 video.
 +
</video>
 +
<p style="color:black;text-decoration:none;font-size:15px;position:absolute;left:600px;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>
 +
 +
<div class="mid" style="top:1200px;background-color:white;">
 +
<a name='anchor4'></a>
 +
<br><br><br>
 +
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:50px;margin:20px;">Results</h1>
 +
<hr style="width:780px;position:absolute;left:350px;top:80px;"></hr>
 +
<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>
 +
 +
<div class="mid" style="top:2000px;background-color:white;">
 +
<a name='anchor5'></a>
 +
<br><br><br>
 +
<h1 style="font-size:30px;color:#FF8800;text-decoration:none;position:absolute;left:180px;top:50px;margin:20px;">Notebook</h1>
 +
<hr style="width:780px;position:absolute;left:350px;top:80px;"></hr>
 +
<div class="wrapper" style="position:absolute;left:350px;top:130px;">
 +
  <div class="frame"></div>
 +
  <input checked='' data-tooltip="May" class='tab1' name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="June" name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="July" name='thumbnail' type='radio' />
 +
  <input class='tab2' data-tooltip="August" name='thumbnail' type='radio' />
 +
  <input class='tab3' data-tooltip="September" 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 (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 (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 (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>
  
 +
    </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>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 16:16, 16 October 2016

Leijuvant

TOP
  • Motivation
  • Demo
  • McHug
  • Results
  • Notebook



    • Modeling Motivation

    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.




    Demo

    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.




    Results

    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

    • 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 (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 (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 (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 (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)