Team:Korea U Seoul/template/contents

From 2013.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 10: Line 10:
                 -webkit-box-sizing:border-box;
                 -webkit-box-sizing:border-box;
             }
             }
 +
td{ cursur: pointer;}
             body{
             body{
                  
                  
Line 26: Line 27:
             }
             }
             /* Recycle CSS */
             /* Recycle CSS */
-
             .gridWrapper_2 > .grid_content{ float: left; width: 50%;}
+
             .gridWrapper_2 > .grid_content{ float: left; width: 50%; height: 100%;}
              
              
             .metro_t td{border:1px solid white; text-align: center}
             .metro_t td{border:1px solid white; text-align: center}
Line 33: Line 34:
             .index_right{
             .index_right{
                 #padding: 15px;
                 #padding: 15px;
 +
                height: 100%;
             }
             }
         </style>
         </style>
Line 67: Line 69:
}
}
if (icon == 'idea') {
if (icon == 'idea') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/9/9d/Icon-i.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Idea</span></p><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);"><span style="font-size: 16pt; color: rgb(102, 102, 102);">T</span>he global warming is the serious problem todays. Its the phenomenon which methane, CO2 and other green-house gases, caused from industrialization, increase the average temperature.&nbsp;</span></div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">we should realize the seriousness of the situation and strive to decrease CO2. CCU (Carbon Capture and Utilization) is one of these efforts.&nbsp;</span></div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">Our members decided to convert CO2 to pearl. &nbsp;And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata.&nbsp;</span></div>';
-
"<p><span style='color:#FFFFFF'>아이젬0</span></p>";
+
document.getElementById('mainContents').style.background = "#8EC3FF";
-
document.getElementById('mainContents').style.background = "#96bfe6";
+
} else if (icon == 'team') {
} else if (icon == 'team') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/8/86/Icon-kdd.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Team</span></p><p><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;"><span style="font-size: 14pt;">H</span>ello iGEMers in the world!! We are Korea U Seoul Team.</span><br /><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">What do you think is the important thing to research? We think "Fun" is the best important thing!</span><br /><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">Our eleven members who think synthetic biology is so interesting came together in KUAS(Korea University Association of Synthetic biology). We are informing the fun of synthetic biology and DIY bio to all the people not only iGEM competiton, but other fields.</span><br /><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">So, will you join us? ;)</span></p>';
-
"<p><span style='color:#FFFFFF'>아이젬1</span></p>";
+
document.getElementById('mainContents').style.background = "#fdc071";
document.getElementById('mainContents').style.background = "#fdc071";
} else if (icon == 'proto') {
} else if (icon == 'proto') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/d/d3/Icon-pdd.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Protocol</span></p><p><span style="font-size: 14pt; font-family: Arial; color: rgb(102, 102, 102);">CaCO3 Precipitation Assay</span></p><p><span style="font-family: Arial; color: rgb(102, 102, 102);">The effect of Nacrein and Reat on the rate of precipitation of CaCO3 was determined by recording the decrease in pH of a 20mM Tris HCl pH8.0 buffer solution at 10&deg;C</span></p><p><span style="font-size: 14pt; font-family: Arial; color: rgb(102, 102, 102);">Carbonic Anhydrase Assay</span></p><p><span style="font-family: Arial; color: rgb(102, 102, 102);">The electrometric method of Wilbur and Anderson (1948) in which the time required (in seconds) for a saturated CO2 solution to lower the pH of 0.012 M Tris&sdot;HCl buffer from 8.3 to 6.3 at 0&deg;C is determined. The time without enzyme is recorded at T</span><sub><span style="font-family: Arial; color: rgb(102, 102, 102);">0</span></sub><span style="font-family: Arial; color: rgb(102, 102, 102);">; with enzyme, T.</span></p><img src="https://static.igem.org/mediawiki/2013/5/5d/Activi.png"/>';
-
"<p><span style='color:#FFFFFF'>아이젬2</span></p>";
+
document.getElementById('mainContents').style.background = "#FF9F9F";
-
document.getElementById('mainContents').style.background = "#f69d9f";
+
} else if (icon == 'nac') {
} else if (icon == 'nac') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/c/c2/Icon-ccc.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Nacrein</span></p><p><span style="color: rgb(102, 102, 102); font-family: Arial;"><span style="font-size: 16pt; font-family: Arial;">S</span>hells especially Pinctada fucata GOULD, have nacrein protein which is the key to making pearls. Nacrein is composed of two parts mainly: Carbonic Anhydrase part and Gly-X-Asn repeat part. It is known that Carbonic Anhydrase part fixes CO2 into carbonic acid while Gly-X-Asn repeat part contributes to making unique structure of the pearl-plate. We used the DNA sequences of the nacrein.</span></p>'
-
"<p><span style='color:#FFFFFF'>아이젬3</span></p>";
+
document.getElementById('mainContents').style.background = "#A4DC71";
-
document.getElementById('mainContents').style.background = "#a6d172";
+
} else if (icon == 'micro') {
} else if (icon == 'micro') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/3/38/Icon-m.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Design &amp; Parts</span></p><p><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);"><span style="font-size: 14pt; color: rgb(102, 102, 102);">W</span>e made 4 type of Pearl coli which has 4 different types of genes. The gene nacrein is formed by 2 important parts CA(for carboanhydrase) and Repeat. So we made nacrein wt (wild type), nacrein CA (only has part for CA), repeat, deleted R (delete reapeat part). In paper, nacrein CA and deleted R can make CaCO3 but nacrein wt and repeat supress the forming of CaCO3. We made these genes then did transformation in <i>E.coli</i> for making our pearlcoli!</span></p>';
-
"<p><span style='color:#FFFFFF'>아이젬4</span></p>";
+
document.getElementById('mainContents').style.background = "#fdee81";
document.getElementById('mainContents').style.background = "#fdee81";
} else if (icon == 'app') {
} else if (icon == 'app') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/0/06/Icon-add.png" style="width:100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px;">Application of Pearl Research</span></p></span><p><span style="color: rgb(102, 102, 102); font-family: Arial, sans-serif; font-size: small; line-height: 18px;"><span style="font-size: 14pt;">O</span>ur team made Pearl-coli, using cutting edge genetic engineering technology. Pearl-coli which produces carbon anhydrase, does carbon dioxide fixation and makes solid calcium carbonate by reacting calcium ion in solution, on its cell surface. The catalyst in our method is <i>E.coli</i> and its division supply more catalyst. If there is enough calcium in solution, this method will be almost permanent. Thus, this method is consistently removing carbon dioxide in the atmosphere. Pearl-coli can change carbon dioxide to 1.62 milliliter calcium carbonate. Also, byproduct can be used various ways such as cement.</span></p>';
-
"<p><span style='color:#FFFFFF'>아이젬5</span></p>";
+
document.getElementById('mainContents').style.background = "#fdc071";
document.getElementById('mainContents').style.background = "#fdc071";
} else if (icon == 'hp') {
} else if (icon == 'hp') {
-
document.getElementById('mainContents').innerHTML =  
+
document.getElementById('mainContents').innerHTML = '<p><img src="https://static.igem.org/mediawiki/2013/8/87/Icon-h.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Human Practice</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">A. 2013Yongsan Nolto EXPO in Seoul</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; font-size: 10pt;">&nbsp; &nbsp;&nbsp;</span><span style="color: rgb(102, 102, 102); font-family: Arial; line-height: 1.2; font-size: 10pt;">Our team participated in the Seoul 2013 Nolto EXPO</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="color: rgb(102, 102, 102); font-family: Arial; line-height: 1.2; font-size: 10pt;">&nbsp; &nbsp; (amazing Saturday in Seoul EXPO) to make Korean children&nbsp;</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="color: rgb(102, 102, 102); font-family: Arial; line-height: 1.2; font-size: 10pt;">&nbsp; &nbsp; take interests insynthetic biology</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">B. Making KoreaUniversity Association of Synthetic Biology</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">&nbsp; &nbsp; (KUAS) Homepage</span><br /><span style="font-size: 10pt; font-family: Arial;">&nbsp; &nbsp;&nbsp;</span><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">We established KUAS and are making Homepage in progress</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">&nbsp; &nbsp; : www.kuaskorea.com</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">C. Participation inCreative Challenger Program</span><br /><span style="font-size: 10pt; font-family: Arial;">&nbsp; &nbsp;&nbsp;</span><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">Creative Challenger Program (CCP) is aKorea University program&nbsp;</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">&nbsp; &nbsp; provided with government grants by a governmententerprise that is</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">&nbsp; &nbsp; dedicated to&nbsp;</span><span style="font-family: Arial; font-size: 10pt;">&nbsp; &nbsp;</span><span style="line-height: 1.2; font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">promote&nbsp;</span><span style="color: rgb(102, 102, 102); font-family: Arial; line-height: 1.2; font-size: 10pt;">creativity in undergraduates.</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">D. AfricaEducation volunteering</span><br /><span style="font-size: 10pt; font-family: Arial;">&nbsp; &nbsp;&nbsp;</span><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">In August, our team member participated in Africa volunteering&nbsp;</span></p><p style="font-family: Gulim; font-size: medium; line-height: normal;"><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">&nbsp; &nbsp; and explained about LifeScience with I-Gem competition.</span></p>';
-
"<p><span style='color:#FFFFFF'>아이젬6</span></p>";
+
document.getElementById('mainContents').style.background = "#c3b0d5";
document.getElementById('mainContents').style.background = "#c3b0d5";
}
}
Line 113: Line 108:
                             <table class="metro_t" cellpadding="0" cellspacing="0" width="100%;">
                             <table class="metro_t" cellpadding="0" cellspacing="0" width="100%;">
                                 <tr>
                                 <tr>
-
                                     <td colspan="2"><img att="n" id="idea_i" style="width:100%;" onmouseover="mouseEvent(this, 'e/e2/Icon-bw3D.png', document.getElementById('idea_i').getAttribute('att'));" onmouseout="mouseEvent(this, 'a/ac/Icon-b.png', document.getElementById('idea_i').getAttribute('att'));" onclick="iconClick('idea', this, '8/83/Icon-bc.png', document.getElementById('idea_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/a/ac/Icon-b.png"/></td>
+
                                     <td colspan="2"><img att="y" id="idea_i" style="width:100%;" onmouseover="mouseEvent(this, 'e/e2/Icon-bw3D.png', document.getElementById('idea_i').getAttribute('att'));" onmouseout="mouseEvent(this, 'a/ac/Icon-b.png', document.getElementById('idea_i').getAttribute('att'));" onclick="iconClick('idea', this, '8/83/Icon-bc.png', document.getElementById('idea_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/8/83/Icon-bc.png"/></td>
                                     <td><img att="n" id="team_i" style="width:100%;" onmouseover="mouseEvent(this, '8/81/Icon-kw3D.png', document.getElementById('team_i').getAttribute('att'));" onmouseout="mouseEvent(this, '6/64/Icon-k.png', document.getElementById('team_i').getAttribute('att'));" onclick="iconClick('team', this, '5/51/Icon-kc.png', document.getElementById('team_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/6/64/Icon-k.png"/></td>
                                     <td><img att="n" id="team_i" style="width:100%;" onmouseover="mouseEvent(this, '8/81/Icon-kw3D.png', document.getElementById('team_i').getAttribute('att'));" onmouseout="mouseEvent(this, '6/64/Icon-k.png', document.getElementById('team_i').getAttribute('att'));" onclick="iconClick('team', this, '5/51/Icon-kc.png', document.getElementById('team_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/6/64/Icon-k.png"/></td>
                                     <td rowspan="2"><img att="n" id="proto_i" style="width:100%;" onmouseover="mouseEvent(this, '1/1e/Icon-pw3D.png', document.getElementById('proto_i').getAttribute('att'));" onmouseout="mouseEvent(this, 'c/cb/Icon-p.png', document.getElementById('proto_i').getAttribute('att'));" onclick="iconClick('proto', this, '8/80/Icon-pc.png', document.getElementById('proto_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/c/cb/Icon-p.png"/></td>
                                     <td rowspan="2"><img att="n" id="proto_i" style="width:100%;" onmouseover="mouseEvent(this, '1/1e/Icon-pw3D.png', document.getElementById('proto_i').getAttribute('att'));" onmouseout="mouseEvent(this, 'c/cb/Icon-p.png', document.getElementById('proto_i').getAttribute('att'));" onclick="iconClick('proto', this, '8/80/Icon-pc.png', document.getElementById('proto_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/c/cb/Icon-p.png"/></td>
Line 128: Line 123:
                         </div>
                         </div>
                         <div class="grid_content onlyContent" style="border:0px;">
                         <div class="grid_content onlyContent" style="border:0px;">
-
                             <div id="mainContents" class="index_right onlyContent" style="height:362px; background: #a6d172; margin: 2px; padding:7px; border-radius:10px; border:0px;">
+
                             <div id="mainContents" class="index_right onlyContent" style="height:353px; background: #8EC3FF; margin: 2px; padding:7px; border-radius:10px; border:0px;">
-
                                 <p>Image ______</p>
+
                                 <p><img src="https://static.igem.org/mediawiki/2013/9/9d/Icon-i.png" style="width: 100px" /><span style="color: black; font-family: Verdana; font-size: 16pt; line-height: 18px">Idea</span></p><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);"><span style="font-size: 16pt; color: rgb(102, 102, 102);">T</span>he global warming is the serious problem todays. Its the phenomenon which methane, CO2 and other green-house gases, caused from industrialization, increase the average temperature.&nbsp;</span></div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">we should realize the seriousness of the situation and strive to decrease CO2. CCU (Carbon Capture and Utilization) is one of these efforts.&nbsp;</span></div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">Our members decided to convert CO2 to pearl. &nbsp;And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata.&nbsp;</span></div>
-
                                <p>
+
-
                                    How does the gHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does thHow does th
+
-
                                </p>
+
                             </div>
                             </div>
                         </div>
                         </div>

Latest revision as of 01:20, 24 April 2014

Idea

The global warming is the serious problem todays. Its the phenomenon which methane, CO2 and other green-house gases, caused from industrialization, increase the average temperature. 
we should realize the seriousness of the situation and strive to decrease CO2. CCU (Carbon Capture and Utilization) is one of these efforts. 
Our members decided to convert CO2 to pearl.  And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata.