Difference between revisions of "Team:UB Indonesia/Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{UB_Indonesia}}
+
<html lang="en">
−
<html>
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
<h2> Human Practices </h2>
+
    <title>Brawijaya University - Detection on Dengue Fever </title>
  
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
 
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
 
−
<p>For more information, please see the <a href="https://2015.igem.org/Practices_Hub">Practices Hub</a>.</p>
 
  
−
<div class="highlightBox">
 
−
<h4>Note</h4>
 
−
<p>You must fill out this page in order to be considered for all <a href="https://2015.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
 
−
<ul>
 
−
<li>Human Practices silver medal criterion</li>
 
−
<li>Human Practices gold medal criterion</li>
 
−
<li>Best Integrated Human Practices award</li>
 
−
<li>Best Education and Public Engagement award</li>
 
−
</ul>
 
−
</div>
 
  
 +
<style>
 +
top_menu_14, #top_menu_under, #top_menu_inside{
 +
box-sizing: initial; }
 +
top_menu_inside {
 +
margin-left: 20px; }
 +
bars_box, #menu_BarsBox, h5{
 +
-webkit-box-sizing: initial; box-sizing: initial; line-height: normal; }
 +
menu_BarsBox > h5 {
 +
color: rgb(0, 0, 0); font-family: arial, sans-serif; font-size: 12px; line-height: normal; margin-bottom: 0px; margin-top: 0px; font-weight: bold; }
 +
.accordion-content li { line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial; }
 +
.accordion-header, .active-header, .accordion-header_noaction { -webkit-box-sizing: initial; box-sizing: initial; color: rgb(101, 100, 89); font-family: Arial, Gadget, sans-serif; font-size: 13.92px; font-weight: bold; line-height: normal; margin: 0; }
  
−
<h5>Some Human Practices topic areas </h5>
+
.navub{
−
<ul>
+
  margin-top:15px
−
<li>Philosophy</li>
+
  clear:both;
−
<li>Public Engagement / Dialogue</li>
+
  float:left;
−
<li>Education</li>
+
  margin-bottom: 3%;
−
<li>Product Design</li>
+
  margin-left: auto;
−
<li>Scale-Up and Deployment Issues</li>
+
  margin-right:auto;
−
<li>Environmental Impact</li>
+
  padding:0;
−
<li>Ethics</li>
+
  border-top:2px solid #FFF;
−
<li>Safety</li>
+
  border-bottom:2px solid #FFF;
−
<li>Security</li>
+
  width:100% !important;
−
<li>Public Policy</li>
+
  font-family: GaletteMedium;
−
<li>Law and Regulation</li>
+
  font-weight:normal;
−
<li>Risk Assessment</li>
+
  z-index:5;
−
</ul>
+
  position:relative;
 +
  align-content: center;
 +
}
 +
</style>
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="https://2015.igem.org/Team:UB_Indonesia/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
  
−
<h5>What should we write about on this page?</h5>
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
  
 +
    <!-- Custom CSS
 +
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
  
−
<h5>Inspiration</h5>
+
    <!-- Custom Fonts -->
−
<p>Read what other teams have done:</p>
+
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
−
<ul>
+
    <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/base" rel="stylesheet">
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
 
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 
 +
<style>
 +
@font-face {
 +
    font-family: GaletteMedium;
 +
    src: url(https://static.igem.org/mediawiki/2015/8/88/UBIndonesia_-_Galette-Medium.otf);
 +
}
 +
       
 +
h1{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 34px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
h2{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 27px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
h3{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 23px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
h4{
 +
  font-family: GaletteMedium, sans-serif;
 +
  font-size: 17px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}     
 +
    li{
 +
 
 +
}     
 +
#footer{
 +
position:absolute;
 +
  bottom:0;
 +
  width:100%;
 +
  height:60px;  /* Height of the footer */
 +
  background:#6cf;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
    background-color: #DCEDC8;
 +
    display: block;
 +
    margin-top: 0;
 +
}
 +
    .navbar .navbar-nav {
 +
        color: white;
 +
  display: inline-block;
 +
  float: none;
 +
  vertical-align: top;
 +
}
 +
 
 +
.navbar .navbar-collapse {
 +
  text-align: center;
 +
}
 +
 
 +
.navbar-default{
 +
    text-align: center;
 +
       
 +
}
 +
.navbar-default-fix .navbar-nav > li > a:hover,
 +
.navbar-default-fix .navbar-nav > li > a:focus {
 +
    color: white;
 +
    background-color: #AAA;
 +
    box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
 +
   
 +
}
 +
.navbar-default-fix .navbar-nav > .active > a,
 +
.navbar-default-fix .navbar-nav > .active > a:hover,
 +
.navbar-default-fix .navbar-nav > .active > a:focus {
 +
    color: white;
 +
    background-color: #689F38;
 +
    box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
 +
    }
 +
   
 +
.dropdown .dropdown-menu > li > a:hover,
 +
.dropdown .dropdown-menu > li > a:focus {
 +
    color: white;
 +
    background-color: #B6B6B6;
 +
    ;
 +
   
 +
}
 +
   
 +
     
 +
   
 +
   
 +
#li-ub{
 +
   
 +
    background-color: #8BC34A;
 +
box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000;
 +
font-family: GaletteMedium, sans-serif;
 +
  font-size: px;
 +
color: floralwhite;
 +
  border-style: none;
 +
   
 +
}
 +
    #li-ub-noborder{
 +
        background-color: #8BC34A;
 +
        font-family: GaletteMedium, sans-serif;
 +
  font-size: px;
 +
color: floralwhite;
 +
  border-style: none;
 +
    }
 +
#li-white{
 +
color: white;
 +
font-family: GaletteMedium, sans-serif;
 +
  font-size: px;
 +
color: floralwhite;
 +
  border-style: none;
 +
}
 +
</style>
 +
   
 +
    <h1 align="center" style="color:#000000;"> BRAWIJAYA UNIVERSITY </h1>
 +
 
 +
   
 +
<nav class="navbar navbar-default-fix">
 +
  <div class="navbar-header">
 +
   
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
      <span class="icon-bar">___</span>
 +
      <span class="icon-bar">___</span>
 +
      <span class="icon-bar">___</span>
 +
    </button>
 +
  </div>
 +
  <div class="navbar-collapse collapse">
 +
    <ul class="nav navbar-nav">
 +
      <li id="li-ub" class="active" ><a id="li-white" href="#">MAIN CASE</a></li>
 +
      <li id="li-ub" class="dropdown">
 +
<a id="li-white">  INVESTIGATION ABOUT </a>
 +
                  <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">SAFETY</a></li>
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">NOTEBOOK</a></li>
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PROTOCOLS</a></li>
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PRIMER</a></li>
 
</ul>
 
</ul>
  
−
<h3>Integrated Human Practices</h3>
+
</li>
 +
      <li id="li-ub"><a id="li-white" href="#contact">OUTREACH</a></li>
 +
        <li id="li-ub"><a id="li-white" href="#contact">TARGET</a></li>
 +
        <li id="li-ub" class="dropdown">
 +
<a id="li-white">TEAM</a>
 +
                  <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">TEAM MEMBERS</a></li>
 +
      <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">ATTRIBUTIONS</a></li>
 +
</ul>
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
+
</li>
 +
        <li id="li-ub"><a id="li-white" href="#contact">EXTRAS</a></li>
 +
       
 +
       
 +
    </ul>
 +
    <div class="navbar-header navbar-right">
 +
  <p class="navbar-text">
 +
  <a href="#" class="navbar-link">     </a>
 +
  </p>
 +
  </div>
 +
  </div>
 +
</nav>
  
−
<h3>Education and Public Engagement</h3>
 
  
−
<p>Do you want to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Outreach award</a>? Make it easy for the judges to find any wiki content that is relevant to this prize. Highlight this content with a header or separate section.</p>
 
  
 +
   
 +
</head>
 +
<body style="background-color:#DCEDC8">
 +
<h1> Test </h1>
 +
<div class="footer">
 +
<p>
 +
This page still on progress, please be patience :)
 +
</p>
 +
    <p>
 +
This page still on progress, please be patience :)
 +
</p>
 +
    <p>
 +
This page still on progress, please be patience :)
 +
</p><p>
 +
This page still on progress, please be patience :)
 +
</p>
 +
    <p>
 +
This page still on progress, please be patience :)
 +
</p>
 +
    <p>
 +
This page still on progress, please be patience :)
 +
</p>
 
</div>
 
</div>
 +
 +
</body>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
 +
    </script>
 +
 +
<!-- Optional theme
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
 +
 +
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
 +
 
 
</html>
 
</html>

Revision as of 11:57, 18 September 2015

Brawijaya University - Detection on Dengue Fever

BRAWIJAYA UNIVERSITY

Test

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)