Team:Korea U Seoul/template/contents
From 2013.igem.org
(Difference between revisions)
Melodynguyen (Talk | contribs) |
|||
(39 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{:Team:Korea_U_Seoul/template/contents_slider}} | ||
<html> | <html> | ||
<head> | <head> | ||
Line 4: | Line 5: | ||
/* RESET */ | /* RESET */ | ||
.onlyContent div{ | .onlyContent div{ | ||
- | |||
overflow: auto; | overflow: auto; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
- | + | -moz-box-sizing:border-box; | |
- | + | -webkit-box-sizing:border-box; | |
} | } | ||
- | + | td{ cursur: pointer;} | |
body{ | body{ | ||
} | } | ||
- | # | + | #slider_contents{ |
- | + | border: 1px solid black; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
min-height: 200px; | min-height: 200px; | ||
} | } | ||
- | + | #footer_contents{ | |
- | + | #border: 1px solid black; | |
- | + | ||
- | + | ||
- | + | ||
min-height: 100px; | min-height: 100px; | ||
} | } | ||
- | |||
.inner_content{ | .inner_content{ | ||
- | width: | + | width: 75%; |
- | + | margin: 0 auto; | |
} | } | ||
- | |||
/* 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} | ||
/*index*/ | /*index*/ | ||
.index_right{ | .index_right{ | ||
#padding: 15px; | #padding: 15px; | ||
+ | height: 100%; | ||
} | } | ||
</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=" | + | <!--div id="slider_contents"> |
<div class="inner_content onlyContent"> | <div class="inner_content onlyContent"> | ||
- | |||
</div> | </div> | ||
- | </div> | + | </div--> |
- | <div id=" | + | <div id="content_contents"> |
- | <div class="inner_content onlyContent"> | + | <div class="inner_content onlyContent" style="border:0px;"> |
- | <div class="gridWrapper_2 onlyContent"> | + | <div class="gridWrapper_2 onlyContent" style="border:0px;"> |
- | <div class="grid_content onlyContent"> | + | <div class="grid_content onlyContent" style="border:0px;"> |
- | <table class="metro_t | + | <table class="metro_t" cellpadding="0" cellspacing="0" width="100%;"> |
<tr> | <tr> | ||
- | <td colspan="2">a</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> | + | <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"> | + | <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> |
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td rowspan="2"> | + | <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> |
- | <td colspan="2"> | + | <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> |
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td> | + | <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> |
- | <td colspan="2"> | + | <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> |
</tr> | </tr> | ||
</table> | </table> | ||
</div> | </div> | ||
- | <div class="grid_content onlyContent"> | + | <div class="grid_content onlyContent" style="border:0px;"> |
- | <div class="index_right onlyContent"> | + | <div id="mainContents" class="index_right onlyContent" style="height:353px; background: #8EC3FF; margin: 2px; padding:7px; border-radius:10px; border:0px;"> |
- | <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. </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> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 91: | Line 131: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="footer_contents"> |
- | <div class=" | + | <div class="onlyContent"> |
- | + | <table class="inner_content"> | |
+ | <tr> | ||
+ | <td style="width:16%"> | ||
+ | <a href="http://www.korea.edu"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/f/fe/Spon1.png"/></a> | ||
+ | </td> | ||
+ | <td style="width:17%"> | ||
+ | <a href="http://compbio.korea.ac.kr"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/1/13/Spon2.png"/></a> | ||
+ | </td> | ||
+ | <td style="width:17%"> | ||
+ | <a href="http://ctl.korea.ac.kr"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/1/1c/Spon3.png"/></a> | ||
+ | </td> | ||
+ | <td style="width:17%"> | ||
+ | <a href="http://www.cosmogenetech.com"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/8/80/Spon4.png"/></a> | ||
+ | </td> | ||
+ | <td style="width:17%"> | ||
+ | <a href="http://www.kofst.or.kr/"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/a/a3/Spon5.png"/></a> | ||
+ | </td> | ||
+ | <td style="width:16%"> | ||
+ | <a href="http://www.daeillab.co.kr"><img style="width:90%" src="https://static.igem.org/mediawiki/2013/e/eb/Spon6.png"/></a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
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.