|
|
(286 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{:Team:Wageningen_UR/Templates/Header}} |
- | <head>
| + | {{:Team:Wageningen_UR/Templates/NavigationTop1}} |
- | <style type="text/css">
| + | == Welcome to the iGEM wiki of Team Wageningen UR == |
- |
| + | {{:Team:Wageningen_UR/Templates/NavigationLeft}} |
- | h2 {
| + | {{:Team:Wageningen_UR/Templates/Style | text= |
- | color: white;
| + | test |
- | margin: 0 7;
| + | |
- | }
| + | |
- |
| + | |
- | h3 {
| + | |
- | color: white;
| + | |
- | margin: 2 0;
| + | |
- | }
| + | |
- |
| + | |
- | h4 {
| + | |
- | color: #005172;
| + | |
- | margin: 7 7;
| + | |
- | }
| + | |
- |
| + | |
- | p {
| + | |
- | margin: 7 7;
| + | |
- | }
| + | |
- |
| + | |
- | b {
| + | |
- | margin: 0 7;
| + | |
- | }
| + | |
- |
| + | |
| | | |
- | body
| + | }} |
- | {
| + | |
- | font-family: "Lucida", sans-serif;
| + | |
- | font-size: small;
| + | |
- | text-align: justify;
| + | |
- | color: black;
| + | |
- | background: #005172;
| + | |
- | width: 100%;
| + | |
- | margin: 20px;
| + | |
- | padding: 10;
| + | |
- | }
| + | |
- |
| + | |
- | /* Wiki Hacks - START */
| + | |
- | /* Author: Pieter van Boheemen */
| + | |
- | /* Team: TU Delft */
| + | |
- | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
| + | |
- | #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
| + | |
- | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
| + | |
- | #top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
| + | |
- | padding:0; border: none; font-size: 10px;}
| + | |
- | #p-logo { height:1px; overflow:hidden; display: none;}
| + | |
- | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
| + | |
- | .left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;}
| + | |
- | .left-menu ul { border: none; }
| + | |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
| + | |
- | .right-menu ul { border: none; width: 300px;}
| + | |
- | #footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}
| + | |
- | .visualClear { display: none; }
| + | |
- | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;}
| + | |
- | .firstHeading { display: none;}
| + | |
- | #f-list a { color: #333; font-size: 10px;}
| + | |
- | #f-list a:hover { color: #666;}
| + | |
- | .printfooter { display: none; }
| + | |
- | #footer ul { margin: 0; padding: 0;}
| + | |
- | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
| + | |
- | #search-controls { display:none; }
| + | |
- | h3#siteSub { display: none;}
| + | |
- | #contentSub {display: none;}
| + | |
- | p:first-child { display: none;}
| + | |
- | /* Wiki Hacks - END */
| + | |
- |
| + | |
- |
| + | |
- | #container
| + | |
- | {
| + | |
- | max-width: 87%;
| + | |
- | margin: 0 auto;
| + | |
- | }
| + | |
- |
| + | |
- | #mBody
| + | |
- | {
| + | |
- | background: #34b233;
| + | |
- | clear: both;
| + | |
- | height: 100%;
| + | |
- | margin: 2;
| + | |
- | padding: 15;
| + | |
- | }
| + | |
- |
| + | |
- | #sideBar
| + | |
- | {
| + | |
- | background: white;
| + | |
- | float: left;
| + | |
- | width: 22.5%;
| + | |
- | height: 100%;
| + | |
- | margin: auto;
| + | |
- | padding: 0.25%;
| + | |
- | }
| + | |
- |
| + | |
- | #navIntroduction {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 0 2 2 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navIntroduction.hovered, #navIntroduction:hover {
| + | |
- | background:#005172;
| + | |
- | }
| + | |
- |
| + | |
- | #navProject1 {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navProject1.hovered, #navProject1:hover {
| + | |
- | background: #005172;
| + | |
- | }
| + | |
- |
| + | |
- | #navProject2 {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navProject2.hovered, #navProject2:hover {
| + | |
- | background: #005172;
| + | |
- | }
| + | |
- |
| + | |
- | #navSafety {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navSafety.hovered, #navSafety:hover {
| + | |
- | background: #005172;
| + | |
- | }
| + | |
- |
| + | |
- | #navSponsors {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navSponsors.hovered, #navSponsors:hover {
| + | |
- | background: #005172;
| + | |
- | }
| + | |
- |
| + | |
- | #navLinks {
| + | |
- | background: #507d95;
| + | |
- | position: center;
| + | |
- | width: 100%;
| + | |
- | height: 34px;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #navLinks.hovered, #navLinks:hover {
| + | |
- | background: #005172;
| + | |
- | }
| + | |
- | | + | |
- | #mainContent {
| + | |
- | background: #34b233;
| + | |
- | float: right;
| + | |
- | width: 77%;
| + | |
- | height: 98.1%;
| + | |
- | margin: auto;
| + | |
- | padding: auto;
| + | |
- | }
| + | |
- |
| + | |
- | #project1{
| + | |
- | background: white;
| + | |
- | width: 99.7%;
| + | |
- | height: 50%;
| + | |
- | margin: auto;
| + | |
- | padding: 0.3%;
| + | |
- | }
| + | |
- |
| + | |
- | #TitleProject1{
| + | |
- | background: #507d95;
| + | |
- | width: 99.5%;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #project2 {
| + | |
- | background: white;
| + | |
- | width: 99.7%;
| + | |
- | height: 50%;
| + | |
- | margin: auto;
| + | |
- | padding: 0.3%;
| + | |
- | }
| + | |
- |
| + | |
- | #TitleProject2{
| + | |
- | background: #507d95;
| + | |
- | width: 99.5%;
| + | |
- | margin: 2;
| + | |
- | }
| + | |
- |
| + | |
- | #header {
| + | |
- | background: #507d95;
| + | |
- | background-image: url('igemlogofinal_compr.png');
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-position: left center;
| + | |
- | margin-bottom: 1em;
| + | |
- | border: 1px solid #000;
| + | |
- | height:100px;
| + | |
- | }
| + | |
- |
| + | |
- | #footer{
| + | |
- | clear: both;
| + | |
- | background: white;
| + | |
- | background-image: url('wurlogo.gif');
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-position: left center;
| + | |
- | margin-top: 1em;
| + | |
- | border: 1px solid #000;
| + | |
- | height: 55px;
| + | |
- | }
| + | |
- |
| + | |
- | </style>
| + | |
- |
| + | |
- | </head>
| + | |
- |
| + | |
- | <body>
| + | |
- |
| + | |
- | <div id="container">
| + | |
- | <div id ="header">
| + | |
- | <script src="jquery.js" type="text/javascript"></script>
| + | |
- | </div>
| + | |
- | <div id="mBody">
| + | |
- | <div id="sideBar">
| + | |
- | <div id="navIntroduction" class="hoverable">
| + | |
- | <h3>Introduction</h3>
| + | |
- | </div>
| + | |
- | <div id="navProject1">
| + | |
- | <h3>Oscillator</h3>
| + | |
- | </div>
| + | |
- | <div id="navProject2">
| + | |
- | <h3>Funkgi</h3>
| + | |
- | </div>
| + | |
- | <div id="navSafety">
| + | |
- | <h3>Safety</h3>
| + | |
- | </div>
| + | |
- | <div id="navSponsors">
| + | |
- | <h3>Sponsors</h3>
| + | |
- | </div>
| + | |
- | <div id="navLinks">
| + | |
- | <h3>Links</h3>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="mainContent">
| + | |
- | <div id="project1">
| + | |
- | <div id="TitleProject1">
| + | |
- | <h2>Oscillator</h2>
| + | |
- | </div>
| + | |
- | <div id="AbstractProject1">
| + | |
- | <h4> Abstract</h4>
| + | |
- | </div>
| + | |
- | <p>This is just a random paragraph to see what it will look like.
| + | |
- | The simplest mechanical oscillating system is a mass attached to a linear spring subject to no other forces.
| + | |
- | Such a system may be approximated on an air table or ice surface. The system is in an equilibrium state when the spring is static.
| + | |
- | If the system is displaced from the equilibrium, there is a net restoring force on the mass, tending to bring it back to equilibrium.
| + | |
- | However, in moving the mass back to the equilibrium position, it has acquired momentum which keeps it moving beyond that position,
| + | |
- | establishing a new restoring force in the opposite sense. If a constant force such as gravity is added to the system, the point of
| + | |
- | equilibrium is shifted. The time taken for an oscillation to occur is often referred to as the oscillatory period. </p>
| + | |
- | <p>The specific dynamics of this spring-mass system are described mathematically by the simple harmonic oscillator and the regular
| + | |
- | periodic motion is known as simple harmonic motion. In the spring-mass system, oscillations occur because, at the static equilibrium
| + | |
- | displacement, the mass has kinetic energy which is converted into potential energy stored in the spring at the extremes of its path.
| + | |
- | The spring-mass system illustrates some common features of oscillation, namely the existence of an equilibrium and the presence of a
| + | |
- | restoring force which grows stronger the further the system deviates from equilibrium.</p>
| + | |
- | </div>
| + | |
- | <div id="project2">
| + | |
- | <div id="TitleProject1">
| + | |
- | <h2>Funkgi</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="footer">
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | </html>
| + | |