|
|
| (34 intermediate revisions not shown) |
| Line 10: |
Line 10: |
| | -webkit-box-sizing:border-box; | | -webkit-box-sizing:border-box; |
| | } | | } |
| - | td{ cursur: pointer;} | + | #content{ |
| | + | width: 1200px; |
| | + | } |
| | + | #top-section{ |
| | + | width: 1200px; |
| | + | } |
| | + | #footer-box{ |
| | + | width: 1200px; |
| | + | } |
| | + | td{ cursur: pointer;} |
| | body{ | | body{ |
| | | | |
| | } | | } |
| | #slider_contents{ | | #slider_contents{ |
| - | border: 1px solid black;
| + | border: 1px solid black; |
| | min-height: 200px; | | min-height: 200px; |
| | } | | } |
| | #footer_contents{ | | #footer_contents{ |
| - | #border: 1px solid black;
| + | #border: 1px solid black; |
| | min-height: 100px; | | min-height: 100px; |
| | + | min-width: 850px; |
| | + | max-width: 950px; |
| | + | margin: 0 auto; |
| | } | | } |
| | .inner_content{ | | .inner_content{ |
| | width: 75%; | | width: 75%; |
| | margin: 0 auto; | | margin: 0 auto; |
| | + | font-family: Open Sans; |
| | } | | } |
| | /* Recycle CSS */ | | /* Recycle CSS */ |
| - | .gridWrapper_2 > .grid_content{ float: left; width: 50%; height: 100%;} | + | .gridWrapper_2{ |
| - | | + | margin: 0 auto; |
| - | .metro_t td{border:1px solid white; text-align: center}
| + | } |
| | + | .gridWrapper_2 > .grid_content_left{ float: left; width: 55%; height: 500px;} |
| | + | .gridWrapper_2 > .grid_content_right{ float: right; width: 45%; height: 500px;} |
| | | | |
| | /*index*/ | | /*index*/ |
| Line 37: |
Line 52: |
| | } | | } |
| | </style> | | </style> |
| - | <script type="text/javascript" language="javascript">
| |
| - | function mouseEvent(obj, img, att) {
| |
| - | if (att == 'n') {
| |
| - | obj.src = "https://static.igem.org/mediawiki/2013/" + img;
| |
| - | obj.width = "100%";
| |
| - | }
| |
| - | }
| |
| - | function iconClick(icon, obj, img, att) {
| |
| - | var idea = document.getElementById('idea_i');
| |
| - | var team = document.getElementById('team_i');
| |
| - | var proto = document.getElementById('proto_i');
| |
| - | var nac = document.getElementById('nac_i');
| |
| - | var micro = document.getElementById('micro_i');
| |
| - | var app = document.getElementById('app_i');
| |
| - | var hp = document.getElementById('hp_i');
| |
| - | if (idea.getAttribute('att') == 'y' || team.getAttribute('att') == 'y' || proto.getAttribute('att') == 'y' || nac.getAttribute('att') == 'y' || micro.getAttribute('att') == 'y' || app.getAttribute('att') == 'y' || hp.getAttribute('att') == 'y') {
| |
| - | idea.setAttribute('att', 'n');
| |
| - | team.setAttribute('att', 'n');
| |
| - | proto.setAttribute('att', 'n');
| |
| - | nac.setAttribute('att', 'n');
| |
| - | micro.setAttribute('att', 'n');
| |
| - | app.setAttribute('att', 'n');
| |
| - | hp.setAttribute('att', 'n');
| |
| - | idea.setAttribute('src', "https://static.igem.org/mediawiki/2013/a/ac/Icon-b.png");
| |
| - | team.setAttribute('src', "https://static.igem.org/mediawiki/2013/6/64/Icon-k.png");
| |
| - | proto.setAttribute('src', "https://static.igem.org/mediawiki/2013/c/cb/Icon-p.png");
| |
| - | nac.setAttribute('src', "https://static.igem.org/mediawiki/2013/e/e5/Icon-c.png");
| |
| - | micro.setAttribute('src', "https://static.igem.org/mediawiki/2013/0/00/Icon-e.png");
| |
| - | app.setAttribute('src', "https://static.igem.org/mediawiki/2013/1/1e/Icon-bo.png");
| |
| - | hp.setAttribute('src', "https://static.igem.org/mediawiki/2013/3/38/Icon-s.png");
| |
| - | }
| |
| - | if (icon == 'idea') {
| |
| - | 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. </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. </span></div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">Our members decided to convert CO2 to pearl. And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata. </span></div>';
| |
| - | document.getElementById('mainContents').style.background = "#8EC3FF";
| |
| - | } else if (icon == 'team') {
| |
| - | 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>';
| |
| - | document.getElementById('mainContents').style.background = "#fdc071";
| |
| - | } else if (icon == 'proto') {
| |
| - | 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°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⋅HCl buffer from 8.3 to 6.3 at 0°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"/>';
| |
| - | document.getElementById('mainContents').style.background = "#FF9F9F";
| |
| - | } else if (icon == 'nac') {
| |
| - | 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>'
| |
| - | document.getElementById('mainContents').style.background = "#A4DC71";
| |
| - | } else if (icon == 'micro') {
| |
| - | 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 & 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>';
| |
| - | document.getElementById('mainContents').style.background = "#fdee81";
| |
| - | } else if (icon == 'app') {
| |
| - | 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>';
| |
| - | document.getElementById('mainContents').style.background = "#fdc071";
| |
| - | } else if (icon == 'hp') {
| |
| - | 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;"> </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;"> (amazing Saturday in Seoul EXPO) to make Korean children </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;"> 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;"> (KUAS) Homepage</span><br /><span style="font-size: 10pt; font-family: Arial;"> </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;"> : 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;"> </span><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">Creative Challenger Program (CCP) is aKorea University program </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;"> 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;"> dedicated to </span><span style="font-family: Arial; font-size: 10pt;"> </span><span style="line-height: 1.2; font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">promote </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;"> </span><span style="font-family: Arial; color: rgb(102, 102, 102); font-size: 10pt;">In August, our team member participated in Africa volunteering </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;"> and explained about LifeScience with I-Gem competition.</span></p>';
| |
| - | document.getElementById('mainContents').style.background = "#c3b0d5";
| |
| - | }
| |
| - | obj.src = "https://static.igem.org/mediawiki/2013/" + img;
| |
| - | obj.width = "100%";
| |
| - | obj.setAttribute('att', 'y');
| |
| - | }
| |
| - | </script>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| | <div id="box"> | | <div id="box"> |
| - | <!--div id="slider_contents">
| |
| - | <div class="inner_content onlyContent">
| |
| - | </div>
| |
| - | </div-->
| |
| | <div id="content_contents"> | | <div id="content_contents"> |
| | <div class="inner_content onlyContent" style="border:0px;"> | | <div class="inner_content onlyContent" style="border:0px;"> |
| - | <div class="gridWrapper_2 onlyContent" style="border:0px;"> | + | <div class="gridWrapper_2 onlyContent" style="border:0px; width:943px;"> |
| - | <div class="grid_content onlyContent" style="border:0px;"> | + | <div class="grid_content_left onlyContent" style="border:0px;"> |
| - | <table class="metro_t" cellpadding="0" cellspacing="0" width="100%;">
| + | <p> |
| - | <tr>
| + | < p style=" font-weight: bold; font- size:24px;" >2014 iGEM Team : Korea_U_Seoul</ p>< br /><img src="https://static.igem.org/mediawiki/ 2014/ thumb/ d/d1/Team_main.jpg/ 800px- Team_main. jpg" style="width: 500px;" align=" center"/ ><p style=" font- size: 16px; text-align: center;"> :Hello, We are Korea_U_Seoul team from Korea University!</ p> |
| - | <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>
| + | <p/> |
| - | <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> | + | </div> |
| - | <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>
| + | <div class="grid_content_right onlyContent" style="border:0px;"> |
| - | </tr>
| + | <p> |
| - | <tr>
| + | <p style="font-weight: bold; font-size:24px;">2014 Korea_U_Seoul project : Protein Whip Platform</p><br /><p style="font-size: 14px;">Our project is to construct a novel “protein whip” platform, with which we can make <i>Corynebacterium glutamicum</i> to express other corynebacterium’s pili structure comprised of chains of our interested protein. As our first try, we decided to make pili made out of green fluorescence proteins (GFP); we substituted SpaA protein, one of the surface proteins in the pili gene cluster, into GFP, and transformed a vector containing the modified pili gene cluster into a <i>C. glutamicum</i>. “protein whip” platform has many practical applications. For example, pili made out of an enzyme, enzyme whip will enable the reaction to take place with high efficiency. Biofilms made of bacteria that express pili comprised of histidine or cysteine that readily bind to heavy metals may be utilized to purify water contaminated with heavy metals. By using <i>C. glutamicum</i> instead of <i>Escherichia coli</i>, our project contrbutes to expanding model organisms used in synthetic biology.</p> |
| - | <td rowspan="2"><img att="n" id="nac_i" style="width:100%;" onmouseover="mouseEvent(this, '3/35/Icon-cw3D.png', document.getElementById('nac_i').getAttribute('att'));" onmouseout="mouseEvent(this, 'e/e5/Icon-c.png', document.getElementById('nac_i').getAttribute('att'));" onclick="iconClick('nac', this, '7/79/Icon-cc.png', document.getElementById('nac_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/e/e5/Icon-c.png"/></td>
| + | </p> |
| - | <td colspan="2"><img att="n" id="micro_i" style="width:100%;" onmouseover="mouseEvent(this, '1/11/Icon-ew3D.png', document.getElementById('micro_i').getAttribute('att'));" onmouseout="mouseEvent(this, '0/00/Icon-e.png', document.getElementById('micro_i').getAttribute('att'));" onclick="iconClick('micro', this, '9/92/Icon-ec.png', document.getElementById('micro_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/0/00/Icon-e.png"/></td>
| + | </div> |
| - | </tr>
| + | <div class="grid_content_left onlyContent" style="border:0px;"> |
| - | <tr>
| + | <p> |
| - | <td><img att="n" id="app_i" style="width:100%;" onmouseover="mouseEvent(this, '9/98/Icon-bow3D.png', document.getElementById('app_i').getAttribute('att'));" onmouseout="mouseEvent(this, '1/1e/Icon-bo.png', document.getElementById('app_i').getAttribute('att'));" onclick="iconClick('app', this, 'd/da/Icon-boc.png', document.getElementById('app_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/1/1e/Icon-bo.png"/></td>
| + | <p style="font-weight: bold; font-size:24px;">Human practice</p><br /><img src="https://static.igem.org/mediawiki/2014/5/54/KUPoster_wiki.jpg" style="width: 500px;" align: center;/><p style="font-size: 16px; text-align: center;">Speech in CISA, KU poseter, Creative Challenger Program!!</p> |
| - | <td colspan="2"><img att="n" id="hp_i" style="width:100%;" onmouseover="mouseEvent(this, '2/2b/Icon-sw3D.png', document.getElementById('hp_i').getAttribute('att'));" onmouseout="mouseEvent(this, '3/38/Icon-s.png', document.getElementById('hp_i').getAttribute('att'));" onclick="iconClick('hp', this, '7/74/Icon-sc.png', document.getElementById('hp_i').getAttribute('att'));" src="https://static.igem.org/mediawiki/2013/3/38/Icon-s.png"/></td>
| + | </p> |
| - | </tr>
| + | </div> |
| - | </table>
| + | <div class="grid_content_right onlyContent" style="border:0px;"> |
| - | </div>
| + | <p> |
| - | <div class="grid_content onlyContent" style="border:0px;"> | + | <img src="https://static.igem.org/mediawiki/ 2014/ thumb/ d/ de/KOREA_U_SEOUL_logo.png/595px- KOREA_U_SEOUL_logo.png" style="width: 350px;"/>< br /> |
| - | <div id="mainContents" class="index_right onlyContent" style="height:353px; background: #8EC3FF; margin: 2px; padding:7px; border-radius:10px; border:0px;">
| + | Welcome to our facebook page! <br /><a href="https://www.facebook.com/2014igem">https://www.facebook.com/2014igem</a> |
| - | <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. </ 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. </ span></ div><div><span style="font-size: 10pt; font-family: Arial; color: rgb(102, 102, 102);">Our members decided to convert CO2 to pearl. And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata. </ span></ div> | + | </p> |
| - | </div>
| + | </div> |
| - | </div>
| + | </div> |
| - | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
"
