Difference between revisions of "Team:UI Indonesia"

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”.

@@ Line 16: / Line 16: @@
 		/* Creates a container that will wrap all of the content inside your wiki pages. */
 			#mainContainer {
-				width: 978px;
+				width: 965px;
 				overflow:hidden;
 				float:left;
-				margin-left:20px;
+				margin-left: 7px;
-				margin-bottom: 10px;
+				margin-bottom: 0px;
 				background-color: #fff;
-				border-bottom: 14px solid #565656;
+				border-bottom: 0px solid #565656;
-				border-right: 2px solid #565656;
+				border-right: 0px solid #565656;
-				border-left: 2px solid #565656;
+				border-left: 0px solid #565656;
-				border-top: 2px solid #565656;
+				border-top: 0px solid #565656;
-				font-family: "Trebuchet MS", Helvetica, sans-serif;
+				font-family: Helvetica, sans-serif;
 			}
@@ Line 47: / Line 47: @@
 				float: left;
 				background-color: #fff;
-				border-top: 14px solid #565656;
+				border-top: 0px solid #565656;
 				font-family: "Trebuchet MS", Helvetica, sans-serif;
 			}
@@ Line 53: / Line 53: @@
 		/*Set up height place holder for the banner*/
 			#bannerContainer {
-				height:200px;
+				height:500px;
 				margin:auto;
 				text-align:center;
@@ Line 72: / Line 72: @@
 				border-bottom: none;
 				font-weight: bold;
-				font-family: "Trebuchet MS", Helvetica, sans-serif;
+				font-family: Helvetica, sans-serif;
 				margin-top:10px;
 			}
@@ Line 93: / Line 93: @@
      				width: 90%
      				margin: auto;
-     				margin-bottom: 15px;
+     				margin-bottom: 0px;
-     				margin-top: 15px;
+     				margin-top: 0px;
-     				margin-right: 10px;
+     				margin-right: 0px;
-     				margin-left: 10px;
+     				margin-left: 0px;
      			}
@@ Line 210: / Line 210: @@
 				<h2> Add a banner to your wiki! </h2>
-				<p>You can make the image 980px  by  200px</p>
+				<p>You can make the image 980px by  200px</p>
 				<p> Remember to call the file: "<i>Team_UI_Indonesia_banner.jpg</i>" </p>-->
-                         <img src="https://static.igem.org/mediawiki/2015/0/06/Majorsprograms980x200.jpg">
+                         <img src="https://static.igem.org/mediawiki/2015/a/ac/UI_Indonesia_homebanner.jpg">
 			</div>
 			<!-- Start of menu -->
-			<div id="menuContainer">
-				<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+			<!-- Start of content -->
-				 <ul>
+<div style="width:600px;height:90px;border: 2px solid #6D5417;margin-top:-60px;margin-bottom:0px;padding-left:10px;padding-right:10px;background-color:black;opacity:0.5;font-color:white;">
-					<a href="https://2015.igem.org/Team:UI_Indonesia"><li>HOME</li></a>
+<p style="color:white;">Hi, welcome to our Wiki!<br>
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Team"><li>TEAM</li></a>
+We will show you our
-					<a href="#"><li>PROJECT
+research project entitled
-            					<ul>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Description"><li>Description</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Experiments"><li>Experiments &amp; Protocols</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Results"><li>Results</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Design"><li>Design</li></a>
-						</ul>
-					</li></a>
-					<a href="#"><li>PARTS
+BaContraception here.
-            					<ul>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Parts"><li>Team Parts</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Basic_Part"><li>Basic Parts</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Composite_Part"><li>Composite Parts</li></a>
-							<a href="https://2015.igem.org/Team:UI_Indonesia/Part_Collection"><li>Part Collection</li></a>
-						</ul>
-					</li></a>
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Notebook"><li>NOTEBOOK</li></a>
+BaContraception is a new
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Attributions"><li>ATTRIBUTIONS</li></a>
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Collaborations"><li>COLLABORATIONS</li></a>
+innovation of contraception
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Practices"><li>HUMAN PRACTICES</li></a>
+method which has
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Safety"><li>SAFETY</li></a>
+characteristic “reversible sterelization”.
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Modeling"><li>MODELING</li></a>
+Wanna know more? You can click menu “our project”.</p>
+</div>
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Measurement"><li>MEASUREMENT</li></a>
+<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: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: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="myFunction2()"><img src="https://static.igem.org/mediawiki/2015/d/de/UI_Indonesia-logbook.png"></a></div>
+</div>
+</div>
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Software"><li>SOFTWARE</li></a>
+<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');">
-					<a href="https://2015.igem.org/Team:UI_Indonesia/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+<center>
+<img id="konten" src="">
+<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>
+</center></div>
-				 </ul>
+<script>
-			</div>
+function myFunction() {
-			<!-- End of menu  -->
+document.getElementById("konten").src = "";
+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("judul").style.marginBottom = "0.6em";
+document.getElementById("judul").style.paddingBottom = "10px";
+document.getElementById("judul").style.paddingTop = "40px";
+document.getElementById("isi").style.paddingBottom = "30px";
+}
+function myFunction1() {
+document.getElementById("konten").src = "https://static.igem.org/mediawiki/2015/5/52/UI_Indonesia_Achievement.png";
+document.getElementById("judul").innerHTML = "";
+    document.getElementById("isi").innerHTML = "";
+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() {
+document.getElementById("konten").src = "";
+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.paddingBottom = "10px";
+document.getElementById("judul").style.paddingTop = "40px";
+document.getElementById("isi").style.paddingBottom = "30px";
+}
+</script>
+<div style="width:100%;height:90px;background-image: url('https://static.igem.org/mediawiki/2015/0/05/UI_Indonesia_contactbanner.jpg');margin-bottom:10px;">
+<div style="margin-left:350px;">
+<a href="https://instagram.com/igem_ui" target="_blank"><img src="https://static.igem.org/mediawiki/2015/4/4b/UI_Indonesia_insta_white.png"></a>
+<a href="https://twitter.com/ui_synbio" target="_blank"><img src="https://static.igem.org/mediawiki/2015/8/84/UI_Indonesia_twitter_white.png"></a>
+</div>
+</div>
+<div style="width:100%;height:100px">
+<img src="https://static.igem.org/mediawiki/2015/5/57/UI_Indonesia_kalbe.jpg" style="float:left;">
+<img src="https://static.igem.org/mediawiki/2015/a/a8/UI_Indonesia_bioneer.gif" style="float:left;margin-left:65px;">
+<img src="https://static.igem.org/mediawiki/2015/9/93/UI_Indonesia_dikti.jpg" style="float:left;margin-left:65px;">
+</div>
+<div style="width:100%;height:90px">
+<img src="https://static.igem.org/mediawiki/2015/a/a3/UI_Indonesia_pakraden.png" style="float:left;margin-left:20px;">
+<img src="https://static.igem.org/mediawiki/2015/9/9b/UI_Indonesia_igemui.png" style="float:left;margin-left:70px;">
+<div style="width:110px;height:90px;float:left;margin-left:70px;">
+<a href="https://twitter.com/ui_synbio" target="_blank"><img src="https://static.igem.org/mediawiki/2015/2/26/UI_Indonesia_twitter.png"></a>
+<a href="https://instagram.com/igem_ui" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/da/UI_Indonesia_insta.png"></a>
+</div>
+<img src="https://static.igem.org/mediawiki/2015/b/b0/UI_Indonesia_fk.png" style="float:left;margin-left:80px;">
+<img src="https://static.igem.org/mediawiki/2015/f/f8/UI_Indonesia_ft.jpg" style="float:left;margin-left:80px;">
+<img src="https://static.igem.org/mediawiki/2015/7/74/UI_Indonesia_ui.png" style="float:left;margin-left:80px;">
+</div>
-			<!-- Start of content -->
-			<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 </html>