Difference between revisions of "Team:METU Turkey/Notebook"

(Prototype team page)
 
 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{METU_Turkey}}
+
<html>
−
<html>
+
<head>
  
−
<h2>Notebook</h2>
+
   
 +
 
 +
<style>
  
−
<p> Document the dates you worked on your project.</p>
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
  
−
<h5>What should this page have?</h5>
 
−
<ul>
 
−
<li>Chronological notes of what your team is doing.</li>
 
−
<li> Brief descriptions of daily important events.</li>
 
−
<li>Pictures of your progress. </li>
 
−
<li>Mention who participated in what task.</li>
 
−
</ul>
 
  
 +
<!-----burdan itibaren accordion-----!>
 +
body {
 +
 +
font-family: calibri, "helvetica neue", helvetica, arial, sans-serif;
 +
color: #232323;
 +
}
  
−
<h4>Inspiration</h4>
+
h2 {
−
<p>You can see what others teams have done to organize their notes:</p>
+
font-size: 20px;
 +
  font-weight: bold;
 +
}
  
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
 
−
</ul>
 
  
−
</div>
+
 
 +
.wrapper {
 +
margin: 0px;
 +
width: 950px;
 +
  height: 500px;
 +
}
 +
 
 +
.description {
 +
margin-top: 60px;
 +
font-size: 28px;
 +
line-height: 28px;
 +
color: black;
 +
font-family: cambria, georgia, serif;
 +
}
 +
 
 +
.description a {
 +
color: #fff;
 +
}
 +
 
 +
.block {
 +
margin-bottom: 30px;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 
 +
.col1, .col2, .col3 {
 +
float: left;
 +
-webkit-hyphens:auto;
 +
  -moz-hyphens:auto;
 +
    -ms-hyphens:auto;
 +
        hyphens:auto;
 +
word-wrap:break-word;
 +
font-size: 12px;
 +
margin: 5px 10px;
 +
}
 +
 
 +
.col1, .col2, .col3 {
 +
width: 600px;
 +
}
 +
 
 +
.block1 {
 +
background-color: #A0E0A9;
 +
}
 +
 
 +
.block2 {
 +
background-color: #00ADA7;
 +
}
 +
 
 +
.block3 {
 +
background-color: #A0E0A9;
 +
}
 +
 
 +
.block4 {
 +
background-color: #00ADA7;
 +
}
 +
 
 +
.block5 {
 +
background-color: #A0E0A9;
 +
}
 +
 
 +
.block6 {
 +
background-color: #00ADA7;
 +
}
 +
 
 +
.block7  {
 +
background-color: #A0E0A9;
 +
}
 +
.block8 {
 +
background-color: #00ADA7;
 +
}
 +
 
 +
.block9  {
 +
background-color: #A0E0A9;
 +
}
 +
 
 +
.block10 {
 +
background-color: #00ADA7;
 +
}
 +
 
 +
.block11 {
 +
background-color: #A0E0A9;
 +
}
 +
 
 +
 
 +
 
 +
.block-wrapper {
 +
margin: 40px auto 30px auto;
 +
text-align: left;
 +
}
 +
 
 +
.block-wrapper label {
 +
padding: 5px 10px;
 +
position: relative;
 +
z-index: 20;
 +
display: block;
 +
height: 30px;
 +
cursor: pointer;
 +
color: #333;
 +
line-height: 30px;
 +
font-size: 18px;
 +
font-weight: bold;
 +
  text-shadow: 0px 1px #ccc;
 +
}
 +
 
 +
.block-wrapper label:hover {
 +
background: #E8C560;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 
 +
.block-wrapper input:checked + label,
 +
.block-wrapper input:checked + label:hover {
 +
background-color: #ccc;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 
 +
.block-wrapper input {
 +
display: none;
 +
}
 +
 
 +
.block-wrapper .block-content {
 +
background-color: #fff;
 +
margin-top: -1px;
 +
overflow: hidden;
 +
height: 0px;
 +
position: relative;
 +
z-index: 10;
 +
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
 +
-webkit-border-radius: 2px;
 +
            border-radius: 2px;
 +
}
 +
 
 +
.block-wrapper input:checked ~ .block-content {
 +
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
 +
}
 +
 
 +
.block-wrapper input:checked ~ .block-content {
 +
height: 400px;
 +
}
 +
 
 +
<!-----accordion bitiş----->
 +
 
 +
#content {
 +
    position: relative;
 +
    width: 1350px;
 +
    margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #FFFFFF;
 +
    border-right: 1px solid #FFFFFF;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
 
 +
 
 +
 
 +
body {
 +
        background-color:white;
 +
    }
 +
   
 +
    p.sansserif {
 +
    font-family: Arial, Helvetica, sans-serif;
 +
}
 +
   
 +
   
 +
ul.nav {
 +
   
 +
    background-color: #FFCE76;
 +
    padding: 1px;
 +
    font-size: 11px;
 +
}
 +
 
 +
    ul.nav li a {
 +
        display: block;
 +
        text-decoration: none;
 +
        padding-bottom: 3px;
 +
        padding-top: 3px;
 +
        padding-right: 9px;
 +
        padding-left: 9px;
 +
        background-color: #FFCE76
 +
       
 +
    }
 +
 
 +
    ul.nav > li:hover {
 +
       
 +
        background-color: #FFE9C2
 +
       
 +
    }
 +
 
 +
    ul.nav li a:hover {
 +
        background: #ccc;
 +
        background-color: #FFE9C2
 +
       
 +
    }
 +
 
 +
    ul.nav > li {
 +
        display: inline-block;
 +
        position: relative;
 +
        background-color: #FFCE76
 +
       
 +
    }
 +
 
 +
    ul.nav > li ul {
 +
        display: none;
 +
        position: absolute;
 +
        left: -1px;
 +
        background-color: #FFCE76;
 +
        border-top-color: #fff;
 +
        margin-top: 0px;
 +
        width: 100px;
 +
    }
 +
 
 +
    ul.nav > li:hover ul {
 +
        display: block;
 +
    }
 +
 
 +
    ul.nav > li ul li {
 +
        display: inline-block;
 +
    }
 +
 
 +
a.one:link {color:#0E2036;text-decoration:none;}
 +
a.one:visited {color:#214D7F;text-decoration:none;}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    </style>
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
<body>
 +
    <div id="content">
 +
    <ul class="nav">
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey">Home</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Team">Team</a>
 +
         
 +
        </li>
 +
                <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Description">Project</a>
 +
            <ul>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Experiments">Experiments</a></li>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Results">Results</a></li>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Design">Design</a></li>
 +
            </ul>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Parts">Parts</a>
 +
            <ul>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Basic_Part">Basic Part</a></li>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Composite_Part">Composite Part</a></li>
 +
                <li><a href="https://2015.igem.org/Team:METU_Turkey/Part_Collection">Part Collection</a></li>
 +
            </ul>
 +
            </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Notebook">Notebook</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Attributions">Attributions</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/interlab">Interlab</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Collaborations">Collaborations</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Practices">Human Practices</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Safety">Safety</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Gallery">Gallery</a>
 +
        </li>
 +
        <li>
 +
            <a class="one" href="https://2015.igem.org/Team:METU_Turkey/Sponsors">Sponsors</a>
 +
        </li>
 +
   
 +
        </li>
 +
    </ul>
 +
 
 +
</br>
 +
   
 +
    <img align=center src="https://static.igem.org/mediawiki/2015/f/f9/LO_ODTU_METU_ACIK_RENKLI_ZEMIN.png" width=100%>
 +
 
 +
 
 +
<h2>Dear diary,</h2>
 +
 
 +
<div class="wrapper">
 +
    <div class="description">
 +
 +
</div>
 +
<div class="block-wrapper">
 +
<div class="block block1">
 +
<input id="bl1" name="bl1" type="checkbox" />
 +
<label for="bl1">15.10.2014</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="600px" src="https://static.igem.org/mediawiki/2015/5/54/Original_team_first_metu_igem.jpeg"></td>
 +
<td>
 +
<h4>FIRST GROUP SELFIE</h4><p padding="50px">Hi dear İGEMers!! We are  the METU iGEM Team!!. We are all dedicated and working hard for this competition. We all want to participate in iGEM and we are so excited for it! During  our working process we have become close friends. We have shared our experiences and hard times. However, thanks to our efficient collaboration we were able to get rid of some difficulties about our project.</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="block block2">
 +
<input id="bl2" name="bl2" type="checkbox" />
 +
<label for="bl2">13.03.2015</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/e/e0/Synbio_Party_1.jpeg"></td>
 +
<td>
 +
<h4>SYNBIO PARTY</h4><p padding="50px">Hi everyone! Did you hear about our synbio party? We worked together to have a party at one of Ankara’s most famous places. Our little shot tubes are for all of the guests. Many instructors and students from different colleges joined the party. It was a fun night and highly efficient in terms of our budget O</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 +
<div class="block block3">
 +
<input id="bl3" name="bl3" type="checkbox" />
 +
<label for="bl3">24.05.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="400px" src="https://static.igem.org/mediawiki/2015/1/1d/Celiac_meeting_1.jpeg"></td>
 +
<td><h4>PRESENTATION AT TURGUT OZAL UNIVERSITY</h4><p>Hi iGemers! These photos are from the day when we met with the iGem team from Turgut Ozal University. We shared our project that we work on and ideas about competition with each other. There have been some advices and some new ideas! NO GLUTEN!
 +
</p></td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 +
 
 +
<div class="block block4">
 +
<input id="bl4" name="bl4" type="checkbox" />
 +
<label for="bl4">04.06.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="400px" src="https://static.igem.org/mediawiki/2015/f/fc/Pasteur_collaboration_1.jpeg"></td>
 +
<td><h4>COLLABORATION WITH PASTEUR</h4><p>Serdar is a nice boy. It was easy to communicate and speak with him. Ilkem was again full of care for both of the teams like he always is O Sharing ideas and problems with another team made us more comfortable. The competition can make students stressful!!  In addition, one of the advisor instructors of Pasteur team joined us and he made us laugh with his funny personality.
 +
</p></td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="block block5">
 +
<input id="bl5" name="bl5" type="checkbox" />
 +
<label for="bl5">30.06.2015</label>
 +
<div class="block-content">
 +
            <br><!-- İkinci akordeon menüsü burdan. -->
 +
<table>
 +
<tr>
 +
<td><img width="600px" src="https://static.igem.org/mediawiki/2015/c/c1/Bengisu_Birthday_1.jpeg"></td>
 +
<td><h4>HAPPY BIRTHDAY BENGISU!</h4><p>After an exhausting meeting, we got together and arranged a little surprise for Bengisu! It is nice to share both happiness and responsibilities!</p></td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</br>
 +
</br>
 +
 
 +
<h2>Throughout the year,</h2>
 +
</br>
 +
<div class="block block6">
 +
<input id="bl6" name="bl6" type="checkbox" />
 +
<label for="bl6">Lab Work</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/f/f1/Lab_Security_IGEM_METU_2015.jpeg"></td>
 +
<td>
 +
<p padding="50px">Team members lose themselves when they are working. Sometimes we cannot bring them back ! We all love bacteria. Ilkem sure is extra careful about the lab safety rules! O Good job İlkem!
 +
  </p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="block block7">
 +
<input id="bl7" name="bl7" type="checkbox" />
 +
<label for="bl7">Brainstorming</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/0/01/Brain_Storming_IGEM_METU_2015.jpeg"></td>
 +
<td>
 +
<p padding="50px">They look bored right? Maybe it looks like that but actually they are thinking. The team gets together and decides on important points so that our project can move forward.</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="block block8">
 +
<input id="bl8" name="bl8" type="checkbox" />
 +
<label for="bl8">Lab Materials</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/f/f1/Lab_Materials_IGEM_METU_2015.jpeg"></td>
 +
<td>
 +
<p padding="50px">These materials have become our friends during our lab sessions. We treat our plates as if they are our children. They never betray us. Love your lab materials! O</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="block block9">
 +
<input id="bl9" name="bl9" type="checkbox" />
 +
<label for="bl9">Training</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/f/f0/Education_IGEM_METU_2015.jpeg"></td>
 +
<td>
 +
<p padding="50px">Experiments need attention. Experienced members of the METU iGEM team teach the necessary lab skills to new members. This way, METU iGEM team improves.</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="block block10">
 +
<input id="bl10" name="bl10" type="checkbox" />
 +
<label for="bl10">Meetings</label>
 +
<div class="block-content">
 +
            <br><!--Burdan sonrası ilki için  -->
 +
<table>
 +
<tr>
 +
<td>
 +
<img width="380px" src="https://static.igem.org/mediawiki/2015/6/61/Meetings_IGEM_METU_2015.jpeg"></td>
 +
<td>
 +
<p padding="50px">We had a lot of meetings during the year. These are just a few of them. Some of them were stressful, some of them hopeful. Sometimes we had serious problems. However, thanks to our determined personalities we overcame all of these problems. In addition, we cannot ignore the contributions of our advisor instructor Mr. Son who have always helped us remain hopeful and lit us the way when we thought we cannot possibly move forward.
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</div> <!-- End .log -->
 +
 +
 
 +
<!-- Sponsorlar beginning -->
 +
    <table  id="firstblock" width="60%"  cellspacing="10px" height="200px" align="center">
 +
        <tr>
 +
        <td align=center>
 +
<a href="http://www.metu.edu.tr" target="_blank"> <img src="https://static.igem.org/mediawiki/2014/9/91/Metulogo.jpg" width="350px" align="center"></a>
 +
        </td>
 +
        </tr>
 +
           
 +
    </table>
 +
 
 +
<table  id="firstblock" width="60%"  cellspacing="10px" height="200px" align="center">
 +
 
 +
 
 +
<tr>
 +
 
 +
<td align="center" width="162px"><a href="http://odtuteknokent.com.tr/" target="_blank"> <img src="https://static.igem.org/mediawiki/2014/4/47/Odtuteknokent.jpg" width="175px"></a></td>
 +
 
 +
<td align="center" width="162px"><a href="http://www.kardiosis.com.tr/" target="_blank"> <img src="https://static.igem.org/mediawiki/2014/d/d4/Kardiosis.jpg" width="175px"></a></td>
 +
 
 +
<td align="center" width="162px"><a href="http://www.tr-idea.com/" target="_blank"> <img src="https://static.igem.org/mediawiki/2015/c/c6/METU_Turkey_Idea.PNG" width="350px"></a></td>
 +
 
 +
</tr>
 +
</table>
 +
<table align="center" cellspacing="10px">
 +
<tr>
 +
 
 +
<td align="center"><a href="http://www.sentegen.com/" target="_blank"> <img src="https://static.igem.org/mediawiki/2014/d/dd/Sentegenlogoder.PNG" width="175px"></a></td>
 +
 
 +
 
 +
 
 +
 
 +
<td align="center"><a href="http://www.mathworks.com/" target="_blank"> <img src="https://static.igem.org/mediawiki/2015/a/ab/METU_Turkey_mathworks.png" width="175px"></a></td>
 +
 
 +
 
 +
</tr>
 +
</table>
 +
 
 +
   
 +
<!-- Sponsorlar end -->
 +
</div> <!-- End .wrapper -->
 +
</body>
 
</html>
 
</html>

Latest revision as of 13:31, 4 October 2015


Dear diary,


FIRST GROUP SELFIE

Hi dear İGEMers!! We are the METU iGEM Team!!. We are all dedicated and working hard for this competition. We all want to participate in iGEM and we are so excited for it! During our working process we have become close friends. We have shared our experiences and hard times. However, thanks to our efficient collaboration we were able to get rid of some difficulties about our project.

SYNBIO PARTY

Hi everyone! Did you hear about our synbio party? We worked together to have a party at one of Ankara’s most famous places. Our little shot tubes are for all of the guests. Many instructors and students from different colleges joined the party. It was a fun night and highly efficient in terms of our budget O

PRESENTATION AT TURGUT OZAL UNIVERSITY

Hi iGemers! These photos are from the day when we met with the iGem team from Turgut Ozal University. We shared our project that we work on and ideas about competition with each other. There have been some advices and some new ideas! NO GLUTEN!


COLLABORATION WITH PASTEUR

Serdar is a nice boy. It was easy to communicate and speak with him. Ilkem was again full of care for both of the teams like he always is O Sharing ideas and problems with another team made us more comfortable. The competition can make students stressful!! In addition, one of the advisor instructors of Pasteur team joined us and he made us laugh with his funny personality.


HAPPY BIRTHDAY BENGISU!

After an exhausting meeting, we got together and arranged a little surprise for Bengisu! It is nice to share both happiness and responsibilities!


Throughout the year,



Team members lose themselves when they are working. Sometimes we cannot bring them back ! We all love bacteria. Ilkem sure is extra careful about the lab safety rules! O Good job İlkem!


They look bored right? Maybe it looks like that but actually they are thinking. The team gets together and decides on important points so that our project can move forward.

These materials have become our friends during our lab sessions. We treat our plates as if they are our children. They never betray us. Love your lab materials! O

Experiments need attention. Experienced members of the METU iGEM team teach the necessary lab skills to new members. This way, METU iGEM team improves.

We had a lot of meetings during the year. These are just a few of them. Some of them were stressful, some of them hopeful. Sometimes we had serious problems. However, thanks to our determined personalities we overcame all of these problems. In addition, we cannot ignore the contributions of our advisor instructor Mr. Son who have always helped us remain hopeful and lit us the way when we thought we cannot possibly move forward.