Difference between revisions of "Team:Technion Israel/Collaborations"

(Replaced content with "{{Team:Technion_Israel/navbar}} {{Team:Technion_Israel/Collaborations}} {{:Team:Technion_Israel/supporters}}")
Line 1: Line 1:
 
{{Team:Technion_Israel/navbar}}
 
{{Team:Technion_Israel/navbar}}
−
{{Team:Technion_Israel/Collaborations}}
+
<html lang="en">
 +
   
 +
    <head>
 +
        <!-- Title for the page & metadata  -->       
 +
        <title>S.tar, by iGEM Technion 2016</title>
 +
    <meta charset="utf-8">
 +
    <meta name="navbar" content="width=device-width, initial-scale=1">
 +
 
 +
 
 +
        <!-- ===================DELETE THIS SECTION WHEN UPLOADING. WE ALREADY HAVE IT IN THE NAVBAR=================== -->
 +
<!-- ===================Basic Bootstrap's CSS and JS=================== -->
 +
            <!-- Bootstrap CSS -->
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/bootstrap.min.css/CSS?action=raw&ctype=text/css"/>
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/bootstrap-theme.min.css/CSS?action=raw&ctype=text/css"/>
 +
            <!-- Bootstrap JS -->
 +
                <script type="text/javascript" src="https://2016.igem.org/Team:Technion_Israel/jquery-2.1.1.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 +
                <script type="text/javascript" src="https://2016.igem.org/Team:Technion_Israel/bootstrap.min.js/Javascript?action=raw&ctype=text/javascript"></script>
 +
            <!-- Our wiki CSS -->
 +
                <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Technion_Israel/CSS?action=raw&ctype=text/css"/>
 +
        <!-- =============================================DELETE UP TO HERE============================================= -->
 +
 
 +
 
 +
<style>/* inline page CSS */
 +
 +
/* ========== general CSS ========== */
 +
/* Body */
 +
body {
 +
/* font-size: 14px; */  /* optional settings */
 +
}
 +
/* ========== END: general CSS ========== */
 +
 
 +
 
 +
/* ==========Background and effects ========== */
 +
/*Make sure the div is unuiqe to each page*/
 +
.collaborations_wrapper {
 +
position: relative;
 +
 +
background: white; /* For browsers that do not support gradients */
 +
background: -webkit-linear-gradient(white, #f4f0d0, white); /* For Safari 5.1 to 6.0 */
 +
background: -o-linear-gradient(white, #f4f0d0, white); /* For Opera 11.1 to 12.0 */
 +
background: -moz-linear-gradient(white, #f4f0d0, white); /* For Firefox 3.6 to 15 */
 +
background: linear-gradient(white, #f4f0d0, white); /* Standard syntax */
 +
/*background-image:url('addres');
 +
background-size:cover;
 +
filter: blur(5px) grayscale(80%) opacity(10%);*/
 +
}
 +
/* ========== END: and effects ========== */
 +
 
 +
 
 +
 
 +
/* ========== fonts: ========== */
 +
 
 +
/*corecting wiki css */
 +
#HQ_page h1, h2, h3, h4, h5, h6{
 +
font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
 +
}
 +
 
 +
#HQ_page p {
 +
font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;
 +
 
 +
font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 27px;
 +
}
 +
 
 +
/*setting our wiki's css */
 +
h1, h2, h3, h4, h5, h6{
 +
font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
 +
color: black;
 +
}
 +
 
 +
p {
 +
font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;
 +
 
 +
font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 27px;
 +
}
 +
 
 +
/* ========== END: fonts ========== */
 +
 
 +
 
 +
 
 +
/* ==========Containers  ========== */
 +
 +
/* Upper section */
 +
.collaboration_logo{
 +
/*-webkit-filter: grayscale(0.75);*/
 +
cursor: pointer;
 +
transition: all .5s ease;
 +
box-shadow: 5px 5px 3px grey;
 +
/* border: 2px solid #bbb;
 +
padding: 15px; */
 +
}
 +
 
 +
.collaboration_logo:hover{
 +
-webkit-filter: grayscale(0);
 +
transform: scale(1.2,1.2);
 +
box-shadow: 5px 5px 3px grey;
 +
/*border: 2px solid #000; */
 +
}
 +
 
 +
/* Content section */
 +
/* The containers which hold the texts and imgs */
 +
.coll_par{
 +
padding-top: 30px;
 +
padding-right: 30px;
 +
padding-bottom: 30px;
 +
padding-left: 30px;
 +
border-radius:10px;
 +
/* border-radius:5px;
 +
background-color: #fff;
 +
border: 1px solid #000;
 +
box-shadow: 10px 10px 5px #f4f4f4; */
 +
}
 +
 
 +
/* ==========END: containers  ========== */
 +
 
 +
/* ========== Images CSS  ========== */
 +
 +
.img-peshawar {
 +
margin: auto;
 +
padding: 15px;
 +
border-radius:25px;
 +
}
 +
 +
.no-title-col {
 +
padding-top: 50px;
 +
vertical-align: middle;
 +
}
 +
 
 +
/* ========== End: Images CSS  ========== */
 +
 
 +
</style>
 +
 
 +
 
 +
<script>
 +
</script>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
<header>
 +
</header>
 +
 +
<!-- ===== One overall container (wrapper) ===== -->
 +
<div class="collaborations_wrapper">
 +
 
 +
 
 +
 +
<!-- ======== Cover photo: ======== -->
 +
<div class="row">
 +
<div class="col-xs-12">
 +
<img src="https://static.igem.org/mediawiki/2016/b/b0/T--Technion_Israel--collaboration_cover.jpg" class="img-responsive img-center collaboration_cover" width="100%">
 +
</div>
 +
</div>
 +
<!-- ===== END: Cover photo: ===== -->
 +
 
 +
 
 +
<br>
 +
 
 +
 
 +
<!-- ============ Tabs: ============ -->
 +
 
 +
<!-- =============== Tabs names: =============== -->
 +
<div class="row">
 +
<div class="col-md-12">
 +
 +
<ul class="nav nav-tabs" role="tablist">
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Peshawar" aria-controls="Peshawar" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Technion_Israel--peshawar350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><h4 class="text-center"><b>iGEM Peshawar</b></h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Aachen" aria-controls="Aachen" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8f/T--Technion_Israel--Aachen350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><h4 class="text-center"><b>iGEM Aachen</b></h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#BGU" aria-controls="BGU" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/2/20/T--Technion_Israel--BGU350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><h4 class="text-center"><b>iGEM BGU</b></h4>
 +
</a>
 +
</li>
 +
 
 +
<li role="presentation" class="col-sm-3 col-xs-6">
 +
<a href="#Eindhoven" aria-controls="Eindhoven" role="tab" data-toggle="tab">
 +
<img src="https://static.igem.org/mediawiki/2016/c/c0/T--Technion_Israel--Eindhoven350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><h4 class="text-center"><b>iGEM Eindhoven</b></h4>
 +
</a>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- ========== End: Tabs panel ========== -->
 +
 
 +
 
 +
<!-- =========== Tabs' content =========== -->
 +
<div class="tab-content">
 +
 
 +
<!-- =========== Peshawar =========== -->
 +
 
 +
<div class="row"> <!--Headline-->
 +
<div class="col-sm-12">
 +
<h1 class="text-center"><u>iGEM - Peshawar</u></h1>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<!-- ========== Content ========== -->
 +
 
 +
 
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-10 col-sm-offset-1">
 +
<div class="coll_par">
 +
<div class="row">
 +
<a id="guidance"></a>
 +
<div class="col-sm-12">
 +
 +
<div class="col-md-6 col-sm-12">
 +
<h2 class="">Guidance</h2>
 +
<p class="text-justify">
 +
At the beginning we contacted Peshawar iGEM group because we discovered that both projects deal with detection.
 +
When we realized that the Peshawar group is the first team to represent Pakistan in iGEM we decided to share with
 +
them the knowledge that was accumulated from past Technion iGEM teams.  The first step was to open a joint Facebook
 +
group, so each team member from every group would be able to find his colleague on the opposite team.
 +
Later, we had Skype sessions regarding mathematical modeling, Human practices and Cloning.
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-6 col-sm-12 no-title-col">
 +
<img src="http://freshdirtdesigns.com/blog/wp-content/uploads/2011/12/image_350x200_placeholder.png" class="img-responsive img-center img-peshawar">
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #1 row -->
 +
 
 +
<br>
 +
 
 +
<div class="row"><!-- #2 row -->
 +
<div class="col-sm-10 col-sm-offset-1">
 +
<div class="coll_par">
 +
<div class="row">
 +
<a id="modeling"></a>
 +
<div class="col-sm-12">
 +
 
 +
<div class="col-md-6 col-sm-12 new-row no-title-col">
 +
<img src="http://freshdirtdesigns.com/blog/wp-content/uploads/2011/12/image_350x200_placeholder.png" class="img-responsive img-center img-peshawar">
 +
</div>
 +
 
 +
<div class="col-md-6 col-sm-12">
 +
<h2 class="">Mathematical modeling</h2>
 +
<p class="text-justify">
 +
We modeled Peshawar iGEM group's system using differential equations and logic gates. The aim of the work was
 +
to predict the expression of the reporter protein when the concentration of the inducer is given.
 +
<b>צריך לבקש מנופר שתעבור על זה</b>
 +
</p>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #2 row -->
 +
 
 +
<br>
 +
 
 +
<div class="row"><!-- #3 row -->
 +
<div class="col-sm-10 col-sm-offset-1">
 +
<div class="coll_par">
 +
<div class="row">
 +
<a id="human"></a>
 +
<div class="col-sm-12">
 +
 
 +
<div class="col-md-6 col-sm-12">
 +
<h2 class="">Human prctices</h2>
 +
<p class="text-justify">
 +
We shared with Peshawar iGEM group the layout of our educational program.
 +
In addition, we gave the team advices regarding an appeal to the government with a
 +
request to promote the education in the field of Synthetic Biology.
 +
</p>
 +
</div>
 +
 
 +
<div class="col-md-6 col-sm-12 no-title-col">
 +
<img src="http://freshdirtdesigns.com/blog/wp-content/uploads/2011/12/image_350x200_placeholder.png" class="img-responsive img-center img-peshawar">
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #3 row -->
 +
 
 +
<br>
 +
 
 +
<div class="row"><!-- #4 row -->
 +
<div class="col-sm-10 col-sm-offset-1">
 +
<div class="coll_par">
 +
<div class="row">
 +
<a id="cloning"></a>
 +
<div class="col-sm-12">
 +
 
 +
<div class="col-md-6 col-sm12 new-row no-title-col">
 +
<img src="http://freshdirtdesigns.com/blog/wp-content/uploads/2011/12/image_350x200_placeholder.png" class="img-responsive img-center img-peshawar">
 +
</div>
 +
 
 +
<div class="col-md-6 col-sm-12">
 +
<h2 class="">Cloning</h2>
 +
<p class="text-justify">
 +
Peshawar had issues with the transformation of plasmids into competent cells.
 +
They elaborated on the exact steps they did in the lab and we tried to debug their procedure.<br>
 +
We also shared with team Peshawar our protocol for chemical transformation(3) and the protocol for producing competent cells(4). <br>
 +
After following our instructions the Peshawar team managed to perform a successful transformation.
 +
</p>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!-- END: #4 row -->
 +
 
 +
<!-- =========== END: Peshawar =========== -->
 +
 
 +
 
 +
 
 +
 
 +
<div role="tabpanel" class="tab-pane fade" id="Aachen">222</div>
 +
<div role="tabpanel" class="tab-pane fade" id="BGU">333</div>
 +
<div role="tabpanel" class="tab-pane fade" id="Eindhoven">444</div>
 +
</div>
 +
 
 +
<!-- ============ END: Tabs ============ -->
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
 
 +
</body>
 +
</html>
 
{{:Team:Technion_Israel/supporters}}
 
{{:Team:Technion_Israel/supporters}}

Revision as of 08:50, 7 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

iGEM - Peshawar

Guidance

At the beginning we contacted Peshawar iGEM group because we discovered that both projects deal with detection. When we realized that the Peshawar group is the first team to represent Pakistan in iGEM we decided to share with them the knowledge that was accumulated from past Technion iGEM teams. The first step was to open a joint Facebook group, so each team member from every group would be able to find his colleague on the opposite team. Later, we had Skype sessions regarding mathematical modeling, Human practices and Cloning.


Mathematical modeling

We modeled Peshawar iGEM group's system using differential equations and logic gates. The aim of the work was to predict the expression of the reporter protein when the concentration of the inducer is given. צריך לבקש מנופר שתעבור על זה


Human prctices

We shared with Peshawar iGEM group the layout of our educational program. In addition, we gave the team advices regarding an appeal to the government with a request to promote the education in the field of Synthetic Biology.


Cloning

Peshawar had issues with the transformation of plasmids into competent cells. They elaborated on the exact steps they did in the lab and we tried to debug their procedure.
We also shared with team Peshawar our protocol for chemical transformation(3) and the protocol for producing competent cells(4).
After following our instructions the Peshawar team managed to perform a successful transformation.

222
333
444
S.tar, by iGEM Technion 2016