Difference between revisions of "Team:UI Indonesia"

 
(35 intermediate revisions by 2 users not shown)
Line 240: Line 240:
 
</div>
 
</div>
  
−
<div style="width:100%;height:400px;background-image: url('https://static.igem.org/mediawiki/2015/1/10/UI_Indonesia_opacity.png');">
+
<div style="width:100%;height:400px;background-image: url('https://static.igem.org/mediawiki/2015/9/95/UI_Indonesia_kawung.jpg');">
−
<div style="margin-left:100px;">
+
<div style="margin-left:130px;">
 
<div style="margin-left:20px;margin-top:80px;float:left;"><a onclick="myFunction()"><img src="https://static.igem.org/mediawiki/2015/d/d6/UI_Indonesia_wiki.png"></a></div>
 
<div style="margin-left:20px;margin-top:80px;float:left;"><a onclick="myFunction()"><img src="https://static.igem.org/mediawiki/2015/d/d6/UI_Indonesia_wiki.png"></a></div>
 
<div style="margin-left:30px;margin-top:80px;float:left;"><a onclick="myFunction1()"><img src="https://static.igem.org/mediawiki/2015/3/31/UI_Indonesia_medal.png"></a></div>
 
<div style="margin-left:30px;margin-top:80px;float:left;"><a onclick="myFunction1()"><img src="https://static.igem.org/mediawiki/2015/3/31/UI_Indonesia_medal.png"></a></div>
Line 248: Line 248:
 
</div>
 
</div>
  
−
<div style="width:765px;background-color:white;padding-left:100px;padding-right:100px;"><center>
+
<div style="width:765px;background-color:white;padding-left:100px;padding-right:100px;padding-top:0px;padding-bottom:0px;background-image: url('https://static.igem.org/mediawiki/2015/1/10/UI_Indonesia_opacity.png');">
−
<!--<img src="https://static.igem.org/mediawiki/2015/5/57/UI_Indonesia_kalbe.jpg" >-->
+
 
−
<p style="width:200px;">asdf</p>
+
<center>
−
<p style="width:200px;">asdf</p>
+
<img id="konten" src="">
−
<p style="width:200px;">asdf</p>
+
 
<h1 style="margin-bottom:0px;margin-top:0px;padding-bottom:0px;padding-top:0px;font-size:30px;" id="judul"></h1>
 
<h1 style="margin-bottom:0px;margin-top:0px;padding-bottom:0px;padding-top:0px;font-size:30px;" id="judul"></h1>
 
<p id="isi" style="margin-top:0px;margin-bottom:0px;font-size:20px;"></p>
 
<p id="isi" style="margin-top:0px;margin-bottom:0px;font-size:20px;"></p>
−
 
−
 
−
 
−
 
 
</center></div>
 
</center></div>
  
 
<script>
 
<script>
 
function myFunction() {
 
function myFunction() {
 +
document.getElementById("konten").src = "";
 +
 
document.getElementById("judul").innerHTML = "About Our Wiki";
 
document.getElementById("judul").innerHTML = "About Our Wiki";
 
     document.getElementById("isi").innerHTML = "As you can see that our wiki’s theme is Indonesia (you can notice it from template used traditional clothe’s pattern). Why did we choose  Indonesian’s theme? Of course, apart we are from Indonesia, our project ideas emerged from the population problem in Indonesia. Indonesia ranks fourth in term of largest population in the world. Population problem in Indonesia cause additionals problems, such as food shortgae, densely population, health problem, etc.To overcome these problems, Indonesia Government applied Family Planning Program that used contraception. From this, we’ve got idea to make new innovation of contraception that is more effective that common contraception methods.";
 
     document.getElementById("isi").innerHTML = "As you can see that our wiki’s theme is Indonesia (you can notice it from template used traditional clothe’s pattern). Why did we choose  Indonesian’s theme? Of course, apart we are from Indonesia, our project ideas emerged from the population problem in Indonesia. Indonesia ranks fourth in term of largest population in the world. Population problem in Indonesia cause additionals problems, such as food shortgae, densely population, health problem, etc.To overcome these problems, Indonesia Government applied Family Planning Program that used contraception. From this, we’ve got idea to make new innovation of contraception that is more effective that common contraception methods.";
  
 
document.getElementById("judul").style.marginBottom = "0.6em";
 
document.getElementById("judul").style.marginBottom = "0.6em";
−
document.getElementById("judul").style.paddingBottom = "0.17em";
+
document.getElementById("judul").style.paddingBottom = "10px";
−
document.getElementById("judul").style.paddingTop = "0.5em";
+
document.getElementById("judul").style.paddingTop = "40px";
−
 
+
−
document.getElementById("isi").style.marginTop = "0.4em";
+
−
document.getElementById("isi").style.marginBottom = "0.5em";
+
  
 +
document.getElementById("isi").style.paddingBottom = "30px";
 
}
 
}
 
function myFunction1() {
 
function myFunction1() {
−
document.getElementById("isi-a").innerHTML = "&#10003;a";
+
document.getElementById("konten").src = "https://static.igem.org/mediawiki/2015/5/52/UI_Indonesia_Achievement.png";
−
document.getElementById("isi-a").style.height = "300px;";
+
 
−
document.getElementById("isi-b").innerHTML = "&#10003;b";
+
document.getElementById("judul").innerHTML = "";
−
document.getElementById("isi-b").style.height = "300px";
+
    document.getElementById("isi").innerHTML = "";
−
document.getElementById("isi-c").innerHTML = "&#10003;c";
+
 
−
document.getElementById("isi-c").style.height = "300px;";
+
document.getElementById("judul").style.marginBottom = "0";
 +
document.getElementById("judul").style.paddingBottom = "0";
 +
document.getElementById("judul").style.paddingTop = "0";
 +
 
 +
document.getElementById("isi").style.paddingBottom = "0";
 
}
 
}
 
function myFunction2() {
 
function myFunction2() {
−
document.getElementById("judul").innerHTML = "C";
+
document.getElementById("konten").src = "";
−
     document.getElementById("isi").innerHTML = "c";
+
 
 +
document.getElementById("judul").innerHTML = "Our LogBook and Protocol";
 +
     document.getElementById("isi").innerHTML = "You can visit our logbook by click<a href='https://static.igem.org/mediawiki/2015/f/fb/UI_Indonesia_Logbook.pdf' target='_blank'>(UI_Indonesia_Logbook)</a><br>You can visit our protocol by click<a href='https://static.igem.org/mediawiki/2015/8/85/UI_Indonesia_Protocol.pdf' target='_blank'>(UI_Indonesia_Protocol)</a>";
  
 
document.getElementById("judul").style.marginBottom = "0.6em";
 
document.getElementById("judul").style.marginBottom = "0.6em";
−
document.getElementById("judul").style.paddingBottom = "0.17em";
+
document.getElementById("judul").style.paddingBottom = "10px";
−
document.getElementById("judul").style.paddingTop = "0.5em";
+
document.getElementById("judul").style.paddingTop = "40px";
  
−
document.getElementById("isi").style.marginTop = "0.4em";
+
document.getElementById("isi").style.paddingBottom = "30px";
−
document.getElementById("isi").style.marginBottom = "0.5em";
+
 
}
 
}
  

Latest revision as of 03:42, 19 September 2015

Hi, welcome to our Wiki!
We will show you our research project entitled BaContraception here. BaContraception is a new innovation of contraception method which has characteristic “reversible sterelization”. Wanna know more? You can click menu “our project”.