Team:Warsaw/Project

Revision as of 21:50, 15 August 2014 (view source)

Stachowiak (Talk | contribs)

← Older edit

Revision as of 16:46, 12 October 2014 (view source)

Al (Talk | contribs)

Newer edit →

Line 1:

-

<~~!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -~~->

+

+

<head>

+

+

<title>iGEM Team Warsaw</title>

+

+

+

-

~~{{CSS~~/~~Main}}~~

+

<style>

+

/* Caveat before editing styles: if you're not sure what you're doing, please contact Patryk Hes (pathes@wp.pl) */

+

/* Wiki hacks */

+

#top-section {

+

display: none !important;

+

}

+

#top {

+

display: none;

+

}

+

#content {

+

width: 100% !important;

+

background: none !important;

+

}

+

#content h1.firstHeading {

+

display: none !important;

+

}

+

#footer-box {

+

display: none !important;

+

}

+

#catlinks {

+

display: none !important;

+

}

-

<html>

+

* {

+

box-sizing: border-box;

+

}

+

html, body {

+

border: 0;

+

padding: 0;

+

}

+

body {

+

background-color: #edfafa;

+

background-image: url('https://static.igem.org/mediawiki/2014/4/41/2014-iGEM-site-Cog.png');

+

background-position: -130px 230px;

+

background-repeat: no-repeat;

+

font-size: 12px;

+

font-family: 'Droid Sans', sans-serif;

+

}

-

+

ul.flags {

-

~~<table~~ width~~="70%" align="center">~~

+

display: block;

+

list-style: none;

+

padding: 0;

+

width: 870px;

+

margin: 0 auto;

+

padding-top: 10px;

+

height: 20px;

+

text-align: right;

+

}

+

ul.flags li {

+

display: inline-block;

+

width: 30px;

+

height: 20px;

+

padding: 0;

+

margin-left: 5px;

+

cursor: pointer;

+

}

+

.celulare-logo {

+

width: 870px;

+

margin: 0 auto;

+

margin-top: 5px;

+

margin-bottom: 30px;

+

height: 140px;

+

background-image: url('https://static.igem.org/mediawiki/2014/d/d3/2014-iGEM-site-Celulare-logo.png');

+

background-position: center;

+

background-repeat: no-repeat;

+

}

-

~~~~

-

~~<tr>~~

-

~~<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>~~

-

~~<h1 >WELCOME TO iGEM 2014! </h1>~~

-

~~<p>Your team has been approved and you are ready to start the iGEM season!~~

-

~~<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>~~

-

~~<br>~~

-

~~<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Warsaw/Project&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p>~~

-

~~</td>~~

-

~~</tr>~~

-

~~<tr> <td colspan="3" height="5px"> </td></tr>~~

-

~~~~

-

~~<tr>~~

-

~~~~

-

~~<td align="center" colspan="3">~~

-

~~<table~~ width~~="100%">~~

+

ul.main-menu {

-

~~<tr heigth="15px"><~~/~~tr>~~

+

display: block;

-

~~<tr heigth="75px">~~

+

width: 870px;

+

margin: 0 auto;

+

padding: 0;

+

font-size: 0;

+

position: relative;

+

font-family: Oswald, sans-serif;

+

/* Edit following padding if you want to move menu to left */

+

padding-left: 60px;

+

margin-bottom: 20px;

+

}

+

/* Common <li> styles */

+

ul.main-menu li {

+

background: white;

+

color: #234887;

+

height: 40px;

+

line-height: 40px;

+

text-align: center;

+

vertical-align: middle;

+

font-size: 16px;

+

margin: 0;

+

padding: 0;

+

/* Edit following width if you want to change item width */

+

width: 130px;

+

}

+

ul.main-menu li:hover {

+

background-color: #35bcbf;

+

color: white;

+

}

+

ul.main-menu ul,

+

ul.main-menu li {

+

list-style: none;

+

}

-

~~<td style="border~~:~~1px solid black~~;~~" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this~~.~~bgColor='#e7e7e7'" bgColor=#e7e7e7~~>

+

/* First level */

-

~~<a href="~~https://~~2014~~.igem.org/~~Team~~:~~Warsaw"style="~~color:~~#000000">Home <~~/~~a> <~~/td>

+

ul.main-menu > li {

+

display: inline-block;

+

margin-right: 8px;

+

}

+

ul.main-menu > li.igem-logo {

+

width: 70px;

+

height: 56px;

+

background-image: url('https://static.igem.org/mediawiki/2014/6/6b/2014-iGEM-site-Igem-logo.png');

+

background-position: center;

+

background-repeat: no-repeat;

+

background-color: transparent !important;

+

position: absolute;

+

top: -10px;

+

right: 0;

+

}

+

/* Second level */

+

ul.main-menu > li > ul {

+

display: none;

+

margin: 0;

+

padding: 0;

+

}

+

ul.main-menu > li:hover > ul {

+

display: block;

+

padding: 0;

+

}

+

ul.main-menu > li > ul > li {

+

display: block;

-

~~<td style="border~~:~~1px solid black~~;~~" align="center"~~ height ~~="45px" onMouseOver="this~~.~~bgColor='#d3d3d3'" onMouseOut="this~~.~~bgColor='#e7e7e7'" bgColor=#e7e7e7>~~

+

}

-

<a ~~href="https~~:~~//2014~~.~~igem.org/Team~~:~~Warsaw/Team"style="~~color:~~#000000"> Team </a> </td>~~

+

/* Links */

+

ul.main-menu li a {

+

display: block;

+

width: 100%;

+

height: 100%;

+

}

+

ul.main-menu li a:link,

+

ul.main-menu li a:visited,

+

ul.main-menu li a:hover,

+

ul.main-menu li a:active {

+

text-decoration: none;

+

color: inherit;

+

}

-

~~<td style="~~border:~~1px solid black~~;~~" align="center"~~ height ~~="45px" onMouseOver="this.bgColor=~~'~~#d3d3d3~~'~~" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>~~

+

.main-content {

-

~~<a href="~~https://igem.org/~~Team.cgi?year=~~2014~~&team_name=Warsaw"style="color:#000000"> Official Team Profile <~~/~~a><~~/~~td>~~

+

width: 870px;

+

margin: 0 auto;

+

background-color: rgba(255, 255, 255, 0.65);

+

padding: 20px;

+

}

+

h1, h2, h3, h4, h5, h6, h7 {

+

font-family: Oswald, sans-serif;

+

color: #234887;

+

border-bottom: none !important;

+

}

+

h1 {

+

font-size: 60px;

+

line-height: 40px;

+

margin: 20px 0 30px 0;

+

}

+

h1::before {

+

content: '';

+

width: 60px;

+

height: 60px;

+

display: inline-block;

+

background-image: url('https://static.igem.org/mediawiki/2014/5/55/2014-iGEM-site-Celulare-symbol-small.png');

+

background-position: top left;

+

background-repeat: no-repeat;

+

margin-right: 20px;

+

position: relative;

+

top: 5px;

+

left: 5px;

+

}

-

~~<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this~~.~~bgColor='#d3d3d3'" onMouseOut="this~~.~~bgColor='#e7e7e7'" bgColor=#e7e7e7>~~

+

.lang-en, .lang-pl, .lang-fr, .lang-ne {

-

~~<a href="https://2014~~.~~igem~~.~~org/Team~~:~~Warsaw~~/~~Project"~~style~~="color:#000000"> Project</a></td~~>

+

display: none;

+

}

+

</style>

-

<~~td style~~="~~border:1px solid black;" align~~="~~center" height ="45px" onMouseOver~~=~~"this~~.~~bgColor=~~'~~#d3d3d3~~'~~" onMouseOut~~=~~"this~~.~~bgColor~~='~~#e7e7e7~~'~~" bgColor~~=~~#e7e7e7>~~

+

-

~~<a href~~=~~"https://2014~~.~~igem~~.~~org/Team:Warsaw/Parts"style="color:#000000"> Parts</a></td>~~

+

function getCookie(cname) {

+

var name = cname + "=";

+

var ca = document.cookie.split(';');

+

for(var i=0; i<ca.length; i++) {

+

var c = ca[i];

+

while (c.charAt(0)==' ') c = c.substring(1);

+

if (c.indexOf(name) != -1) return c.substring(name.length,c.length);

+

}

+

return '';

+

}

-

~~<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor~~='~~#d3d3d3~~'~~" onMouseOut="this.bgColor=~~'~~#e7e7e7~~'~~" bgColor=#e7e7e7>~~

+

var allLanguages = ['pl', 'en', 'fr', 'ne'];

-

~~<a href="https://2014.igem.org/Team:Warsaw/Modeling"style="color:#000000"> Modeling</a></td>~~

+

-

~~<td style~~=~~"border:1px solid black~~;~~" align="center" height ="45px" onMouseOver="this.bgColor~~='~~#d3d3d3~~'~~" onMouseOut~~=~~"this~~.~~bgColor~~='~~#e7e7e7~~'~~" bgColor=#e7e7e7>~~

+

function applyLanguage() {

-

<~~a href~~=~~"https://2014~~.~~igem~~.~~org~~/~~Team:Warsaw~~/~~Notebook"~~style=~~"color:#000000"> Notebook~~</a></td>

+

var appliedLang = getCookie('lang');

+

if (!appliedLang) {

+

appliedLang = 'pl';

+

}

+

for (var i = 0; i < allLanguages.length; ++i) {

+

var elems = document.getElementsByClassName('lang-' + allLanguages[i]);

+

for (var j = 0; j < elems.length; ++j) {

+

if (allLanguages[i] === appliedLang) {

+

elems[j].style.display = 'block'; // set display block

+

} else {

+

elems[j].style.display = 'none';

+

}

+

}

+

}

+

}

+

</script>

+

</head>

-

<~~td style~~="~~border:1px solid black;~~" ~~align~~="~~center~~" ~~height~~ ="~~45px" onMouseOver="this~~.~~bgColor='#d3d3d3~~'" ~~onMouseOut~~="~~this~~.~~bgColor~~='~~#e7e7e7~~'" ~~bgColor=#e7e7e7~~>

+

-

<~~a href~~="https://~~2014~~.igem.org/~~Team:Warsaw~~/~~Safety~~"~~style~~=" ~~color:#000000~~"> ~~Safety~~ </~~a></td~~>

+

-

+

<li style="background-image: url('https://static.igem.org/mediawiki/2014/f/fb/2014-iGEM-site-flag-pl.png')"

-

+

onclick="document.cookie='lang=pl'; applyLanguage();"></li>

-

<~~a href~~="https://~~2014~~.igem.org/~~Team:Warsaw~~/~~Attributions~~"~~style~~="~~color:#000000~~"> ~~Attributions~~ </a></td>

+

<li style="background-image: url('https://static.igem.org/mediawiki/2014/4/48/2014-iGEM-site-flag-en.png')"

-

+

onclick="document.cookie='lang=en'; applyLanguage();"></li>

-

+

<li style="background-image: url('https://static.igem.org/mediawiki/2014/5/5e/2014-iGEM-site-flag-fr.png')"

-

<~~td align~~ ="~~center~~"> <a href="~~https~~:/~~/2014.igem.org/Main_Page~~"> <~~img src~~="~~https:~~//~~static.igem.org~~/~~mediawiki/igem.org/6/60/Igemlogo_300px.png" width~~="~~55px~~"></a> </td>

+

onclick="document.cookie='lang=fr'; applyLanguage();"></li>

-

</tr>

+

<li style="background-image: url('https://static.igem.org/mediawiki/2014/c/c9/2014-iGEM-site-flag-ne.png')"

-

</~~table~~>

+

onclick="document.cookie='lang=ne'; applyLanguage();"></li>

-

+

</ul>

-

</tr>

+

-

</tr>

+

-

</td>

+

-

+

<li>

-

+

<a href="/Team:Warsaw/Project">Project</a>

-

+

<ul>

-

+

<li><a href="/">Background</a></li>

-

+

<li><a href="/">Proof of concept</a></li>

-

+

<li><a href="/">Detailed explanation</li>

-

+

<li><a href="/">Modelling</a></li>

-

<~~!--Project content --~~>

+

<li><a href="/">Wastewater study</a></li>

-

<tr><td > <h3> ~~Project Description~~ </h3></td>

+

<li><a href="/">System analysis</a></li>

-

+

<li><a href="/">Safety</a></li>

-

<td > <h3> ~~Content~~</h3></td>

+

<li><a href="/">Possibilities of development 2</a></li>

-

</tr>

+

</ul>

-

+

</li>

-

<tr>

+

<li>

-

<~~td width~~="~~45%~~" ~~valign~~="~~top~~">

+

<a href="/Team:Warsaw/Achievements">Achievements</a>

-

<~~div align~~="~~justify~~">

+

<ul>

-

<~~p>Did you ever wonder what are the parts in your smartphone, laptop, etc. made of that make them go round?~~

+

<li><a href="/">Parts</a></li>

-

~~Well, have~~ a ~~read and find out!~~

+

<li><a href="/">Results</a></li>

-

<br>

+

<li><a href="/">Cooperation</a></li>

-

<b>~~Lanthanides~~</b>~~, often referred to as the rare earth metals, are important materials for the manufacture of almost all electronics.~~

+

<li><a href="/">Medal Criteria</a></li>

-

~~Not just the majority of your favourite gadgets like smartphones, tablets and NVDs (if you use one) but also TVs, radios etc.~~ <br> ~~contain semiconductor elements made with those metals.~~<br>~~Also some lanthanides salts were applied as catalysts in some organic reactions.~~ <br><br>

+

</ul>

-

Nowadays, most available lanthanide ores are already on the brink of total exploitation. More worryingly still,it is very hard to isolate and purify lanthanides from solid electronics waste or sewer. There are techniques to do so, such as ion-exchange chromatography,

+

</li>

-

<br>

+

<li>

-

but they are difficult to implement and rather ineffective, since the physical and chemical differences between these elements are small. This, in turn, renders them difficult to apply on an industrial scale. Faced with this predicament, we think that lanthanide recycling from waste seems a ~~vital technological issue nowadays.~~

+

-

+

<ul>

-

Henceforth, basing on the work done by scientists at the Massachusetts Institute of Technology [1] and the University of Chicago [2], we created our lanthanide-oriented project, which has two main points: <br><br>

+

<li><a href="/">Overview</a></li>

-

+

<li><a href="/">Lanthan Hospital</a></li>

-

~~Firstly, we would like to recreate part of the work done by the University of Chicago group in constructing~~

+

<li><a href="/">Science Festival</a></li>

-

~~an E.coli-based sensor system that would be capable of binding lanthanide ions using~~ a ~~modified two-componentPmrA~~/~~PmrB system from Salmonella,~~

+

<li><a href="/">Media</a></li>

-

<br>

+

</ul>

-

~~and induce expression of GFP whenever such binding event occurred, allowing for detection~~

+

</li>

-

~~of lanthanide ions in the environment. Secondly, we intend to devise a method for quantification of these ions~~

+

<li>

-

~~using fluorescence measurements while creating BioBrick elements for respective elements of this system.~~ <br> ~~However, our ultimate goal is to invent~~ a bacterial system capable of detecting and binding lanthanide ions (via lanthanide-binding proteins). The ions could be later extracted from the protein which in turn allow us to recycle these valuable metals from the liquid waste.

+

<a href="/Team:Warsaw/EXTRAS">EXTRAS</a>

-

+

<ul>

-

~~To sum up,~~ a bacterial system providing both signalling the presence of lanthanides in a liquid medium (e.g. sewer waste) in an easy-to-detect way and production of proteins that bind these lanthanides in stable complexes was proposed.<br> Moreover, design of abovementioned binding systems is the first step to creating an easy and efficient technology for eco-friendly retrieval of those industrially significant elements, and we look forward to potential collaborations with iGEM teams that share our goals in this year’s competition!

+

<li><a href="/">Bioprocess</a></li>

-

<br>

+

<li><a href="/">Discussion</a></li>

-

<br>

+

<li><a href="/">Challenges</a></li>

-

<~~/div~~>

+

<li><a href="/">Alternative methods</a></li>

-

<b>~~Further reading~~</b>

+

<li><a href="/">Notebook</a></li>

-

<ol>

+

<li><a href="/">Protocoles</a></li>

-

<li>~~Daughtry, K. et al. (2012). Tailoring Encodable Lanthanide-Binding Tags as MRI Contrast Agents. ChemBioChem , p. 2567-2574.~~ </li>

+

-

<li> ~~Liang, H. et al. (2013). Engineering Bacterial Two-Component System PmrA~~/~~PmrB to Sense Lanthanide Ions. Journal of the American Chemical Society , pstr. 2037-2039.~~ </li>

+

-

</ol>

+

</ul>

-

+

</li>

-

+

<li>

-

<br>

+

-

<h3>~~References~~ </h3>

+

<ul>

-

<p>

+

<li><a href="/">Members</a></li>

-

iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>

+

<li><a href="/">Advisors</a></li>

-

</td>

+

<li><a href="/">Sponsors</a></li>

-

+

<li><a href="/">Acknowledgements</a></li>

-

+

</ul>

-

<~~td width~~="~~45%" valign="top~~">

+

</li>

-

<p> ~~You can use these subtopics to further explain your project~~</p>

+

-

+

-

<ol>

+

-

<li>~~Overall project summary~~</li>

+

</li>

-

<li>~~Project Details~~</li>

+

</ul>

-

<li>~~Materials and Methods~~</li>

+

-

<li>~~The Experiments~~</li>

+

-

<li>~~Results~~</li>

+

-

<li>~~Data analysis~~</li>

+

-

<li>~~Conclusions~~</li>

+

-

</ol>

+

-

+

-

<p>

+

-

~~It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.~~

+

-

</p>

+

-

+

-

<p>

+

-

~~It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded~~. ~~Please write your project page such that what you achieved is easy to distinguish from what you attempted~~.

+

-

</p>

+

-

+

-

</td>

+

-

+

-

</tr>

+

-

+

-

+

-

</~~table~~>

+

-

<~~/html~~>

+

@@ Line 1: / Line 1: @@
-<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+<html lang="pl">
+<head>
+  <meta charset="utf-8">
+  <title>iGEM Team Warsaw</title>
+  <meta name="description" content="iGEM 2014 Warsaw">
+  <meta name="author" content="Patryk Hes">
+  <link href='http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-{{CSS/Main}}
+<style>
+/* Caveat before editing styles: if you're not sure what you're doing, please contact Patryk Hes (pathes@wp.pl) */
+/* Wiki hacks */
+#top-section {
+    display: none !important;
+}
+#top {
+    display: none;
+}
+#content {
+    width: 100% !important;
+    background: none !important;
+}
+#content h1.firstHeading {
+    display: none !important;
+}
+#footer-box {
+    display: none !important;
+}
+#catlinks {
+    display: none !important;
+}
-<html>
+* {
+    box-sizing: border-box;
+}
+html, body {
+    border: 0;
+    padding: 0;
+}
+body {
+    background-color: #edfafa;
+    background-image: url('https://static.igem.org/mediawiki/2014/4/41/2014-iGEM-site-Cog.png');
+    background-position: -130px 230px;
+    background-repeat: no-repeat;
+    font-size: 12px;
+    font-family: 'Droid Sans', sans-serif;
+}
-<!--main content -->
+ul.flags {
-<table width="70%" align="center">
+    display: block;
+    list-style: none;
+    padding: 0;
+    width: 870px;
+    margin: 0 auto;
+    padding-top: 10px;
+    height: 20px;
+    text-align: right;
+}
+ul.flags li {
+    display: inline-block;
+    width: 30px;
+    height: 20px;
+    padding: 0;
+    margin-left: 5px;
+    cursor: pointer;
+}
+.celulare-logo {
+    width: 870px;
+    margin: 0 auto;
+    margin-top: 5px;
+    margin-bottom: 30px;
+    height: 140px;
+    background-image: url('https://static.igem.org/mediawiki/2014/d/d3/2014-iGEM-site-Celulare-logo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+}
-<!--welcome box -->
-<tr>
-<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
-<h1 >WELCOME TO iGEM 2014! </h1>
-<p>Your team has been approved and you are ready to start the iGEM season!
-<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
-<br>
-<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Warsaw/Project&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
-</td>
-</tr>
-<tr> <td colspan="3"  height="5px"> </td></tr>
-<!-- end welcome box -->
-<tr>
-<!--navigation menu -->
-<td align="center" colspan="3">
-<table  width="100%">
+ul.main-menu {
-<tr heigth="15px"></tr>
+    display: block;
-<tr heigth="75px">
+    width: 870px;
+    margin: 0 auto;
+    padding: 0;
+    font-size: 0;
+    position: relative;
+    font-family: Oswald, sans-serif;
+    /* Edit following padding if you want to move menu to left */
+    padding-left: 60px;
+    margin-bottom: 20px;
+}
+/* Common <li> styles */
+ul.main-menu li {
+    background: white;
+    color: #234887;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    vertical-align: middle;
+    font-size: 16px;
+    margin: 0;
+    padding: 0;
+    /* Edit following width if you want to change item width */
+    width: 130px;
+}
+ul.main-menu li:hover {
+    background-color: #35bcbf;
+    color: white;
+}
+ul.main-menu ul,
+ul.main-menu li {
+    list-style: none;
+}
-<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+/* First level */
-<a href="https://2014.igem.org/Team:Warsaw"style="color:#000000">Home </a> </td>
+ul.main-menu > li {
+    display: inline-block;
+    margin-right: 8px;
+}
+ul.main-menu > li.igem-logo {
+    width: 70px;
+    height: 56px;
+    background-image: url('https://static.igem.org/mediawiki/2014/6/6b/2014-iGEM-site-Igem-logo.png');
+    background-position: center;
+    background-repeat: no-repeat;
+    background-color: transparent !important;
+    position: absolute;
+    top: -10px;
+    right: 0;
+}
+/* Second level */
+ul.main-menu > li > ul {
+    display: none;
+    margin: 0;
+    padding: 0;
+}
+ul.main-menu > li:hover > ul {
+    display: block;
+    padding: 0;
+}
+ul.main-menu > li > ul > li {
+    display: block;
-<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+}
-<a href="https://2014.igem.org/Team:Warsaw/Team"style="color:#000000"> Team </a> </td>
+/* Links */
+ul.main-menu li a {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+ul.main-menu li a:link,
+ul.main-menu li a:visited,
+ul.main-menu li a:hover,
+ul.main-menu li a:active {
+    text-decoration: none;
+    color: inherit;
+}
-<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+.main-content {
-<a href="https://igem.org/Team.cgi?year=2014&team_name=Warsaw"style="color:#000000"> Official Team Profile </a></td>
+    width: 870px;
+    margin: 0 auto;
+    background-color: rgba(255, 255, 255, 0.65);
+    padding: 20px;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+    font-family: Oswald, sans-serif;
+    color: #234887;
+    border-bottom: none !important;
+}
+h1 {
+    font-size: 60px;
+    line-height: 40px;
+    margin: 20px 0 30px 0;
+}
+h1::before {
+    content: '';
+    width: 60px;
+    height: 60px;
+    display: inline-block;
+    background-image: url('https://static.igem.org/mediawiki/2014/5/55/2014-iGEM-site-Celulare-symbol-small.png');
+    background-position: top left;
+    background-repeat: no-repeat;
+    margin-right: 20px;
+    position: relative;
+    top: 5px;
+    left: 5px;
+}
-<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+.lang-en, .lang-pl, .lang-fr, .lang-ne {
-<a href="https://2014.igem.org/Team:Warsaw/Project"style="color:#000000"> Project</a></td>
+    display: none;
+}
+</style>
-<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+<script>
-<a href="https://2014.igem.org/Team:Warsaw/Parts"style="color:#000000"> Parts</a></td>
+function getCookie(cname) {
+    var name = cname + "=";
+    var ca = document.cookie.split(';');
+    for(var i=0; i<ca.length; i++) {
+        var c = ca[i];
+        while (c.charAt(0)==' ') c = c.substring(1);
+        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
+    }
+    return '';
+}
-<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+var allLanguages = ['pl', 'en', 'fr', 'ne'];
-<a href="https://2014.igem.org/Team:Warsaw/Modeling"style="color:#000000"> Modeling</a></td>
-<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+function applyLanguage() {
-<a href="https://2014.igem.org/Team:Warsaw/Notebook"style="color:#000000"> Notebook</a></td>
+    var appliedLang = getCookie('lang');
+    if (!appliedLang) {
+        appliedLang = 'pl';
+    }
+    for (var i = 0; i < allLanguages.length; ++i) {
+        var elems = document.getElementsByClassName('lang-' + allLanguages[i]);
+        for (var j = 0; j < elems.length; ++j) {
+            if (allLanguages[i] === appliedLang) {
+                elems[j].style.display = 'block'; // set display block
+            } else {
+                elems[j].style.display = 'none';
+            }
+        }
+    }
+}
+</script>
+</head>
-<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+<body onload="applyLanguage()">
-<a href="https://2014.igem.org/Team:Warsaw/Safety"style=" color:#000000"> Safety </a></td>
+<ul class="flags">
+    <li style="background-image: url('https://static.igem.org/mediawiki/2014/f/fb/2014-iGEM-site-flag-pl.png')"
-<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+        onclick="document.cookie='lang=pl'; applyLanguage();"></li>
-<a href="https://2014.igem.org/Team:Warsaw/Attributions"style="color:#000000"> Attributions </a></td>
+    <li style="background-image: url('https://static.igem.org/mediawiki/2014/4/48/2014-iGEM-site-flag-en.png')"
+        onclick="document.cookie='lang=en'; applyLanguage();"></li>
+    <li style="background-image: url('https://static.igem.org/mediawiki/2014/5/5e/2014-iGEM-site-flag-fr.png')"
-<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+        onclick="document.cookie='lang=fr'; applyLanguage();"></li>
-</tr>
+    <li style="background-image: url('https://static.igem.org/mediawiki/2014/c/c9/2014-iGEM-site-flag-ne.png')"
-</table>
+        onclick="document.cookie='lang=ne'; applyLanguage();"></li>
+</ul>
-</tr>
+<div class="celulare-logo"></div>
-</tr>
+<ul class="main-menu">
-</td>
+    <!-- Menu items -->
+    <li>
-<tr> <td colspan="3"  height="15px"> </td></tr>
+        <a href="/Team:Warsaw/Project">Project</a>
-<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+        <ul>
-<tr> <td colspan="3"  height="5px"> </td></tr>
+            <li><a href="/">Background</a></li>
+            <li><a href="/">Proof of concept</a></li>
+            <li><a href="/">Detailed explanation</li>
+            <li><a href="/">Modelling</a></li>
-<!--Project content  -->
+            <li><a href="/">Wastewater study</a></li>
-<tr><td > <h3> Project Description </h3></td>
+            <li><a href="/">System analysis</a></li>
-<td ></td >
+            <li><a href="/">Safety</a></li>
-<td > <h3> Content</h3></td>
+            <li><a href="/">Possibilities of development 2</a></li>
-</tr>
+        </ul>
+    </li>
-<tr>
+    <li>
-<td width="45%"  valign="top">
+        <a href="/Team:Warsaw/Achievements">Achievements</a>
-<div align="justify">
+        <ul>
-<p>Did you ever wonder what are the parts in your smartphone, laptop, etc. made of that make them go round?
+            <li><a href="/">Parts</a></li>
-Well, have a read and find out!
+            <li><a href="/">Results</a></li>
-<br>
+            <li><a href="/">Cooperation</a></li>
-<b>Lanthanides</b>, often referred to as the rare earth metals, are  important materials for the manufacture of almost all electronics.
+            <li><a href="/">Medal Criteria</a></li>
-Not just the majority of your favourite gadgets like smartphones, tablets and NVDs (if you use one) but also TVs, radios etc. <br> contain semiconductor elements made with those metals.<br>Also some lanthanides salts were applied as catalysts in some organic reactions. <br><br>
+        </ul>
-Nowadays, most available lanthanide ores are already on the brink of total exploitation. More worryingly still,it is very hard to isolate and purify lanthanides from solid electronics waste or sewer. There are techniques to do so,  such as  ion-exchange chromatography,
+    </li>
-<br>
+    <li>
-but they are difficult to implement and rather ineffective, since the physical and chemical differences between these elements are small. This, in turn, renders them difficult to apply on an industrial scale. Faced with this predicament, we think that lanthanide recycling from waste seems a vital technological issue nowadays.
+        <a href="/Team:Warsaw/HP">HP</a>
-<br><br>
+        <ul>
-Henceforth, basing on the work done by scientists at the Massachusetts Institute of Technology [1] and the University of Chicago [2], we created our lanthanide-oriented project, which has two main points: <br><br>
+            <li><a href="/">Overview</a></li>
+            <li><a href="/">Lanthan Hospital</a></li>
-Firstly, we would like to recreate part of the work done by the University of  Chicago group in constructing
+            <li><a href="/">Science Festival</a></li>
-an E.coli-based sensor system that would be capable of binding lanthanide ions using a modified two-componentPmrA/PmrB system from Salmonella,
+            <li><a href="/">Media</a></li>
-<br>
+        </ul>
-and induce expression of GFP whenever such binding event occurred, allowing for detection
+    </li>
-of lanthanide ions in the environment. Secondly, we intend to devise a method for quantification of these ions
+    <li>
-using fluorescence measurements while creating BioBrick elements for respective elements of this system. <br> However, our ultimate goal is to invent a bacterial system capable of detecting and binding lanthanide ions (via lanthanide-binding proteins). The ions could be later extracted from the protein which in turn allow us to recycle these valuable metals from the liquid waste.
+        <a href="/Team:Warsaw/EXTRAS">EXTRAS</a>
-<br><br>
+        <ul>
-To sum up, a bacterial system providing  both signalling the presence of lanthanides in a liquid medium (e.g. sewer waste) in an easy-to-detect way and production of proteins that bind these lanthanides in stable complexes was proposed.<br> Moreover, design of abovementioned binding systems is the first step to creating an easy and efficient technology for eco-friendly retrieval of those industrially significant elements, and we look forward to potential collaborations with iGEM teams that share our goals in this year’s competition!
+            <li><a href="/">Bioprocess</a></li>
-<br>
+            <li><a href="/">Discussion</a></li>
-<br>
+            <li><a href="/">Challenges</a></li>
-</div>
+            <li><a href="/">Alternative methods</a></li>
-<b>Further reading</b>
+            <li><a href="/">Notebook</a></li>
-<ol>
+            <li><a href="/">Protocoles</a></li>
-<li>Daughtry, K. et al. (2012). Tailoring Encodable Lanthanide-Binding Tags as MRI Contrast Agents. ChemBioChem , p. 2567-2574. </li>
-<li>	Liang, H. et al. (2013). Engineering Bacterial Two-Component System PmrA/PmrB to Sense Lanthanide Ions. Journal of the American Chemical Society , pstr. 2037-2039. </li>
-</ol>
+        </ul>
+    </li>
+    <li>
-<br>
+        <a href="/Team:Warsaw/Team">Team</a>
-<h3>References </h3>
+        <ul>
-<p>
+            <li><a href="/">Members</a></li>
-iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
+            <li><a href="/">Advisors</a></li>
-</td>
+            <li><a href="/">Sponsors</a></li>
+            <li><a href="/">Acknowledgements</a></li>
-<td></td>
+        </ul>
-<td  width="45%"  valign="top">
+    </li>
-<p> You can use these subtopics to further explain your project</p>
+    <!-- iGEM link -->
+    <li class="igem-logo">
-<ol>
+        <a href="https://2014.igem.org/"></a>
-<li>Overall project summary</li>
+    </li>
-<li>Project Details</li>
+</ul>
-<li>Materials and Methods</li>
+<div class="main-content">
-<li>The Experiments</li>
-<li>Results</li>
-<li>Data analysis</li>
-<li>Conclusions</li>
-</ol>
-<p>
-It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.
-</p>
-<p>
-It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.
-</p>
-</td>
-</tr>
-</table>
-</html>

From 2014.igem.org

Revision as of 16:46, 12 October 2014