Difference between revisions of "Team:UI-Indonesia/HP/Gold"

(Prototype team page)
 
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UI-Indonesia}}
+
{{:Template:UI-Indonesia/wiki_reset}}
 +
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 +
{{:Template:UI-Indonesia/css/menu_bar}}
 +
 
 +
<!DOCTYPE html>
 
<html>
 
<html>
 +
<head>
 +
    <title>Home - Hi,Vax! UI iGEM Team 2016</title>
 +
</head>
 +
<body>
 +
    <meta charset="UTF-8">
 +
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 +
    <meta content="Hi,Vax! Wiki - UI iGEM Team 2016 Project" name="description">
 +
    <meta content="Arief Purnama Muharram (UI iGEM Team 2016 - Faculty of Medicine Universitas Indonesia)" name="author">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/style_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 +
    <style type="text/css">
 +
        /* WIKI SETTINGS*/
 +
       
 +
        /* Hide first heading */
 +
            .firstHeading {
 +
                display: none;
 +
            }
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices gold medal criterion</a>. </p>
 
  
 +
        /*-- Remove borders, float content left and remove padding/margin */
 +
            #globalWrapper, #content{
 +
                background-color: transparent;
 +
                border: none;
 +
                float: center;
 +
                                width: 101%;
 +
                margin-left: -3px;
 +
                margin-top: -35px;
 +
                padding: auto;
 +
            }
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
        /*left align Black Menu Bar */
−
</div>
+
            #top_menu_inside {
 +
                margin-left: 0px;
 +
            }
 +
    .centerImage
 +
    {
 +
    text-align:center;
 +
    display:block;
 +
    }
 +
    .wraptocenter {
 +
    display: table-cell;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    width: 200px;
 +
    height: 200px;
 +
    background-color: #999;
 +
    }
 +
    .wraptocenter * {
 +
    vertical-align: middle;
 +
    }
  
 +
    <!-- TAB STYLE -->
  
 +
    ul.tab {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
    }
  
−
<div class="column full_size">
+
    /* Float the list items side by side */
 +
    ul.tab li {float: left;}
  
 +
    /* Style the links inside the list items */
 +
    ul.tab li a {
 +
    display: inline-block;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
    }
  
−
<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>
+
    /* Change background color of links on hover */
−
<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>
+
    ul.tab li a:hover {
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
    background-color: #ddd;
 +
    }
  
−
</div>
+
    /* Create an active/current tablink class */
 +
    ul.tab li a:focus, .active {
 +
    background-color: #ccc;
 +
    }
  
 +
    /* Style the tab content */
 +
    .tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    -webkit-animation: fadeEffect 1s;
 +
    animation: fadeEffect 1s;
 +
    }
 +
    .imgCenter{
 +
        display: black;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
  
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    <!-- TAB STYLE -->
 +
    </style><!-- header section -->
 +
    <header>
 +
{{:Template:UI-Indonesia/wiki_reset}}
 +
{{:Template:UI-Indonesia/css/wiki_default_settings}}
 +
{{:Template:UI-Indonesia/css/menu_bar}}
 +
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
    <title>Home - Hi,Vax! UI iGEM Team 2016</title>
 +
</head>
 +
<body>
 +
    <meta charset="UTF-8">
 +
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 +
    <meta content="Hi,Vax! Wiki - UI iGEM Team 2016 Project" name="description">
 +
    <meta content="Arief Purnama Muharram (UI iGEM Team 2016 - Faculty of Medicine Universitas Indonesia)" name="author">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/style_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 +
    <style type="text/css">
 +
        /* WIKI SETTINGS*/
 +
       
 +
        /* Hide first heading */
 +
            .firstHeading {
 +
                display: none;
 +
            }
 +
 +
 +
        /*-- Remove borders, float content left and remove padding/margin */
 +
            #globalWrapper, #content{
 +
                background-color: transparent;
 +
                border: none;
 +
                float: center;
 +
                                width: 101%;
 +
                margin-left: -3px;
 +
                margin-top: -35px;
 +
                padding: auto;
 +
            }
 +
 +
        /*left align Black Menu Bar */
 +
            #top_menu_inside {
 +
                margin-left: 0px;
 +
            }
 +
    .centerImage
 +
    {
 +
    text-align:center;
 +
    display:block;
 +
    }
 +
    .wraptocenter {
 +
    display: table-cell;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    width: 200px;
 +
    height: 200px;
 +
    background-color: #999;
 +
    }
 +
    .wraptocenter * {
 +
    vertical-align: middle;
 +
    }
 +
 +
    <!-- TAB STYLE -->
 +
 +
    ul.tab {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
    border: 1px solid #ccc;
 +
    background-color: #f1f1f1;
 +
    }
 +
 +
    /* Float the list items side by side */
 +
    ul.tab li {float: left;}
 +
 +
    /* Style the links inside the list items */
 +
    ul.tab li a {
 +
    display: inline-block;
 +
    color: black;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
    transition: 0.3s;
 +
    font-size: 17px;
 +
    }
 +
 +
    /* Change background color of links on hover */
 +
    ul.tab li a:hover {
 +
    background-color: #ddd;
 +
    }
 +
 +
    /* Create an active/current tablink class */
 +
    ul.tab li a:focus, .active {
 +
    background-color: #ccc;
 +
    }
 +
 +
    /* Style the tab content */
 +
    .tabcontent {
 +
    display: none;
 +
    padding: 6px 12px;
 +
    -webkit-animation: fadeEffect 1s;
 +
    animation: fadeEffect 1s;
 +
    }
 +
   
 +
    .imgCenter{
 +
        display: block;
 +
        margin: auto;
 +
        margin-top: 25px;
 +
        margin-bottom: 25px;
 +
    }
 +
 +
    @-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    @keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
    }
 +
 +
    <!-- TAB STYLE -->
 +
    </style><!-- header section -->
 +
        <div id="nav-box">
 +
            <div id="cssmenu">
 +
                <ul>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia'>Home</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2016.igem.org/team:UI-Indonesia/Description">Our Project</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a  href='#'>Part</a>
 +
                        <ul>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part">Basic Part</a></li>
 +
                            <li><a href="https://2016.igem.org/Team:UI-Indonesia/Parts">Part</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Model'>Modelling</a>
 +
                    </li>
 +
                    <li class='has-sub active'>
 +
                        <a href='#'>Human Practice</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Field Activities</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Gold">Hand Book</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Integrated_Practice">Integrated Human Practice</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Engagement">Education and Public Engagement</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Medal_Criteria'>Medal Criteria</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href='https://2016.igem.org/team:UI-Indonesia/Team'>Team</a>
 +
                    </li>
 +
                    <li class='has-sub'>
 +
                        <a href='#'>References</a>
 +
                        <ul>
 +
                            <li>
 +
                                <a href="https://2016.igem.org/Team:UI-Indonesia/Notebook">Notebook</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="#">Photo Collection</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </header>
 +
    <section class="contents" id="">
 +
        <div class="container">
 +
            <div class="row">
 +
                <!-- SPACE KOSONG -->
 +
                <h2 class="text-center">HP GOLD : HUMAN PRACTICE HANDBOOK</h2>
 +
                <h3 class="text-center">Hereby we attached the full version of our <a href="https://static.igem.org/mediawiki/2016/0/09/Handbook_iGEM.pdf"> Human Practice Handbook</a></h3>
 +
        <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/1/1b/Synbio_Day_SS.jpg" class="img-responsive"/>
 +
        <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/0/09/Education_SS.jpg" class="img-responsive"/>
 +
        <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/thumb/b/b4/Social_Studies.jpg/482px-Social_Studies.jpg" class="img-responsive"/>
 +
       
 +
    <!-- SPACE KOSONG -->
 +
       
 +
    </section><!-- footer starts here -->
 +
    <!-- script tags
 +
    ============================================================= -->
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/smoothscroll_js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min.js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2016.igem.org/Template:UI-Indonesia/prototype01/custom_js?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
</body>
 
</html>
 
</html>
 +
 +
{{:Template:UI-Indonesia/css/wiki_footer}}

Latest revision as of 03:28, 20 October 2016

<!DOCTYPE html> Home - Hi,Vax! UI iGEM Team 2016

{{:Template:UI-Indonesia/wiki_reset}} {{:Template:UI-Indonesia/css/wiki_default_settings}} {{:Template:UI-Indonesia/css/menu_bar}} Home - Hi,Vax! UI iGEM Team 2016

HP GOLD : HUMAN PRACTICE HANDBOOK

Hereby we attached the full version of our Human Practice Handbook

© 2016 UI iGEM Team. All rights reserved.