Difference between revisions of "Team:HZAU-China/Integrated Practices"

 
(29 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
−
<html>
+
 
 +
<html lang="en">
 
<head>
 
<head>
−
<style>
+
 
−
#slideshow-wrapper{
+
    <style>
−
position: absolute;
+
        *{margin: 0;padding: 0;}
−
top:1300px;
+
        .content_wrapper {
−
         width:1200px;
+
            position: absolute;
−
         margin:auto;
+
            top: 88px;
−
}
+
            width: 100%;
−
</style>
+
            height: 1800px;
−
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
+
            background-color: white;
−
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
+
        }
−
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
        .main_part{
 +
            width: 80%;
 +
            height: 100%;
 +
            float: left;
 +
        }
 +
        .article{
 +
            width: 60%;
 +
            height: auto;
 +
            position: absolute;
 +
            top: 0;
 +
            left: 13%;
 +
            padding:0 2% 2% 2%;
 +
            background-color: white;
 +
         }
 +
        .content_part{
 +
            width: 20%;
 +
            height: auto;
 +
            position: fixed;
 +
            right: 0%;
 +
            background-color:white;
 +
            border-radius: 50%;
 +
         }
 +
      .content_part>a{
 +
            text-decoration: none;
 +
            color: white;
 +
            font-family: Arial;
 +
            font-size: 16px;
 +
            display: block;
 +
            padding-left: 10% ;
 +
            padding-top: 5px;
 +
            height: 25px;
 +
            width: 100%;
 +
            background-color: #0e5386;
 +
            float: left;
 +
            margin-bottom: 5px;
 +
            transition: 0.3s;
 +
        }
 +
        .my_submenu{
 +
            margin:0 !important;
 +
            padding:0;
 +
            border:0;
 +
            margin-bottom: 0.5em;
 +
            text-align: center;
 +
            list-style: none;
 +
        }
 +
        .my_submenu a{
 +
            display: block;
 +
            background-image: linear-gradient(white, #efefef);
 +
            text-decoration: none;
 +
            background-color:white;
 +
            padding: 5px;
 +
            font-size: 14px;
 +
            font-family: Arial;
 +
            color: #3d42e8;
 +
        }
 +
        .menutitle:hover {
 +
            opacity: 0.2;
 +
        }
 +
        .content_part >a:hover{
 +
            background-color: rgba(14, 83, 134, 0.38);
 +
            color: #0e5386;
 +
        }
 +
        .my_submenu a:hover{
 +
            color: #e7376d;
 +
        }
 +
        .random{
 +
            position: relative ;
 +
        }
 +
        .random a{
 +
            position: absolute;
 +
            top: -88px;
 +
        }
 +
        .article p{
 +
            text-align:justify;
 +
            font-family: Verdana;
 +
            font-size: 18px !important;
 +
            line-height: 190%;
 +
            z-index:-1;
 +
        }
 +
        .article h2{
 +
            padding-bottom:20px;
 +
            font-size: 50px;
 +
            font-family: Arial;
 +
            color: #1e6ed0;
 +
        }
 +
        .article h3{
 +
            display: block;
 +
            background-color:white;
 +
            padding-top:20px;
 +
            padding-bottom:15px;
 +
            font-size: 35px;
 +
            font-family: Helvetica;
 +
            color: #0783d6;
 +
 
 +
        }
 +
        .article h4{
 +
            display: block;
 +
            padding-top: 20px;
 +
            padding-bottom:15px;
 +
            background-color: white;
 +
            font-size: 25px;
 +
            font-family: Calibri;
 +
            color: #0f9ad6;
 +
        }
 +
 
 +
       
 +
    </style>
 +
 
 +
    <script type="text/javascript">
 +
        if (document.getElementById){
 +
            document.write('<style type="text/css">\n')
 +
            document.write('.my_submenu{display: block;}\n')
 +
            document.write('</style>\n')
 +
        }
 +
 
 +
        function SwitchMenu(obj){
 +
            if(document.getElementById){
 +
                var el = document.getElementById(obj);
 +
                var ar = document.getElementById("masterdiv").getElementsByTagName("span");
 +
                if(el.style.display != "block"){
 +
                    for (var i=0; i<ar.length; i++){
 +
                        if (ar[i].className=="my_submenu") //DynamicDrive.com change
 +
                            ar[i].style.display = "none";
 +
                    }
 +
                    el.style.display = "block";
 +
                }else{
 +
                    el.style.display = "none";
 +
                }
 +
            }
 +
        }
 +
    </script>
 
</head>
 
</head>
 +
 +
 
<body>
 
<body>
−
<div class="column full_size judges-will-not-evaluate">
+
<div class="content_wrapper">
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>. </p>
+
  
 +
    <div class="content_part" id="masterdiv">
 +
        <a href="#A1"> 2016 HUST China cheering up</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub1')">
 +
            <div class="little"></div>
 +
        </div>
 +
     
 +
        <a href="#A2">2016 STSU CCiC</a>
 +
        <div class="menutitle" onclick="SwitchMenu('sub2')">
 +
            <div class="little"></div>
 +
        </div>
 +
       
  
−
<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>
+
        <a href="#A3"> Mini talks with ZJU-iGEM</a>
−
</div>
+
        <div class="menutitle" onclick="SwitchMenu('sub3')" >
 +
            <div class="little"></div>
 +
        </div>
  
  
 +
     
  
−
<div class="column full_size">
+
    </div>
  
−
<p>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
+
    <div class="main_part">
 +
        <img src="https://static.igem.org/mediawiki/2016/a/a7/T--HZAU-China--HP_c_1_100.png"  width="168px" >
  
 +
        <div class="article">
 +
         
 +
        <h2 class="head" id="head" >Integrated Practices</h2><br/>
  
−
<p>Here are two examples of excellent Integrated Human Practices work from 2015:</p>
+
            <p>This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems.
−
<ul>
+
That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that's the AR part of our program. <p>
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">Bielefeld 2015</a></li>
+
<p>We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example:
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">Edinburgh 2015</a></li>
+
</p><br/>
−
</ul>
+
  
−
</div>
 
−
<div id="slideshow-wrapper">
 
−
<div id="myCarousel" class="carousel slide">
 
−
<!-- 轮播（Carousel）指标 -->
 
−
<ol class="carousel-indicators">
 
−
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
−
<li data-target="#myCarousel" data-slide-to="1"></li>
 
−
<li data-target="#myCarousel" data-slide-to="2"></li>
 
−
</ol> 
 
−
<!-- 轮播（Carousel）项目 -->
 
−
<div class="carousel-inner" height="645px">
 
−
<div class="item active" height="200px">
 
−
<img src="https://static.igem.org/mediawiki/2016/c/c5/T-HZAU_China-center_back_img.png" alt="First slide" width="1200px" height="566px"/>
 
  
−
</div>
 
−
<div class="item">
 
−
<img src="https://static.igem.org/mediawiki/2016/c/c5/T-HZAU_China-center_back_img.png" alt="Second slide" width="1200px" height="566px"/>
 
  
−
</div>
+
<div class="random"><a id="A1" ></a></div>
−
<div class="item">
+
            <h3>2016 HUST China cheering up</h3>
−
<img src="https://static.igem.org/mediawiki/2016/c/c5/T-HZAU_China-center_back_img.png" alt="Thirst slide" width="1200px" height="566px"/>
+
  
−
</div>
+
            <div class="random"><a id="A11" ></a></div>
−
</div>
+
     
−
<!-- 轮播（Carousel）导航 -->
+
            <p>Our team take part in 2016 iGEM HUST China cheering up in Huazhong University of Science and Technology, Wuhan this summer.   We shared our idea and experience of experiments and mathematical modeling with other iGEMers. There were so many enthusiastic students from the university all over the country. We talked about projects, some difficulties we ever faced during the conference. </p>
−
<a class="carousel-control left" href="#myCarousel"  data-slide="prev"><img src = "https://static.igem.org/mediawiki/2016/2/26/T--HZAU-China--background_element_leftarrow.png" width="200px"/></a>
+
            <p></p>
−
<a class="carousel-control right" href="#myCarousel"  data-slide="next"><img src = "https://static.igem.org/mediawiki/2016/f/f1/T--HZAU-China--background_element_rightarrow.png" width="200px"/></a>
+
            <img src="https://static.igem.org/mediawiki/2016/7/79/T--HZAU-China--intp1.png" width="700px">
−
</div>
+
−
</div>
+
  
  
 +
            <div class="random"><a id="A2" ></a></div>
 +
            <h3> 2016 STSU CCiC</h3>
  
 +
            <div class="random"><a id="A21" ></a></div>
 +
         
 +
            <p>We are invited to participate in the third CCiC (Conference of China iGEMer's Committee) hosted by SUN YAT-SEN University on September ,2016. In the presentation time, many teams show their project and ideas . In tea break time, we communicated actively with other teams about our project, and received many good advice and suggestions.</p>
 +
            <p>By the way, the CCiC means "Central China iGEMers Consortium". It’s origin from the 1st Central China iGEMers' meet up hosted by our team in 2014. </p>    <p></p>
 +
            <img src="https://static.igem.org/mediawiki/2016/4/4e/T--HZAU-China--intp2.png"  width="700px">
 +
 +
         
 +
         
 +
 +
 +
            <div class="random"><a id="A3" ></a></div>
 +
            <h3> Mini talks with ZJU-iGEM</h3><br/>
 +
        <p>During the summer vacation ,6 members of our team went to Zhejiang University for a minitype communication.In the meeting we discussed the project and teams of each other. We got some useful feedback for our project ideas , and also some valuable advice about how to successfully plan and execute an iGEM project in general. It was a really inspiring communication that properly kicked off our thinking into human practices. </p>
 +
            <p>Our stakeholders participated in our significant decisions by listening to our reports and regular meeting weekly, we adjust our projects by their suggestions and feedback. </p>  <img src="https://static.igem.org/mediawiki/2016/e/e1/T--HZAU-China--intp3.png"  width="700px">
 +
 +
 +
 +
 +
 +
        </div>
 +
 +
    </div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:19, 20 October 2016

2016 HUST China cheering up
2016 STSU CCiC
Mini talks with ZJU-iGEM

This year our project is going to strengthen the bio-pattern formation in augmented reality which means we are trying to make control of the bio-pattern by computer paths and systems. That could be applying to the printing of biology materials, the controlling of embryonic development and the regenerating of tissue and organ,however, we are seeking for chances to collaborate with related enterprises,such as Baofeng company which was a video player technology company in China to provide us the equipment we need. For during the research and observation process of our program, we are planning to bring in the monitoring function of computer in order to get a real time monitoring and adjustment of the bio-pattern which means connect the virtual world with the real cultivate, that's the AR part of our program.

We also interested in how our project will affect the society so we took part in some activities in China including a few meet-up conference and questionnaire surveys. For example:


2016 HUST China cheering up

Our team take part in 2016 iGEM HUST China cheering up in Huazhong University of Science and Technology, Wuhan this summer. We shared our idea and experience of experiments and mathematical modeling with other iGEMers. There were so many enthusiastic students from the university all over the country. We talked about projects, some difficulties we ever faced during the conference.

2016 STSU CCiC

We are invited to participate in the third CCiC (Conference of China iGEMer's Committee) hosted by SUN YAT-SEN University on September ,2016. In the presentation time, many teams show their project and ideas . In tea break time, we communicated actively with other teams about our project, and received many good advice and suggestions.

By the way, the CCiC means "Central China iGEMers Consortium". It’s origin from the 1st Central China iGEMers' meet up hosted by our team in 2014.

Mini talks with ZJU-iGEM


During the summer vacation ,6 members of our team went to Zhejiang University for a minitype communication.In the meeting we discussed the project and teams of each other. We got some useful feedback for our project ideas , and also some valuable advice about how to successfully plan and execute an iGEM project in general. It was a really inspiring communication that properly kicked off our thinking into human practices.

Our stakeholders participated in our significant decisions by listening to our reports and regular meeting weekly, we adjust our projects by their suggestions and feedback.