Difference between revisions of "Team:NCTU Formosa/Human Practices"

 
(26 intermediate revisions by 2 users not shown)
Line 37: Line 37:
 
     margin:0;
 
     margin:0;
 
     background:rgb(51,51,51);
 
     background:rgb(51,51,51);
 +
    line-height:1;
 
}
 
}
 
/*大圖*/
 
/*大圖*/
−
.main-img{
+
@media screen and (min-width: 768px) {
 +
  .img-container{
 +
    height:100vh ;
 +
    overflow:hidden ;
 +
    width:100%;
 +
  }
 +
  .main-img{
 
     top: 0;
 
     top: 0;
 
     bottom: 0;
 
     bottom: 0;
Line 45: Line 52:
 
     right: 0;
 
     right: 0;
 
     width: 100%;
 
     width: 100%;
−
    height: 100%;
 
 
     margin: auto;
 
     margin: auto;
 
     z-index:999;
 
     z-index:999;
 +
    }
 +
}
 +
@media screen and (orientation: portrait) {
 +
    .img-container{
 +
        height:auto;
 +
        overflow:none;
 +
        width:100%;
 +
    }
 +
    .main-img{
 +
        top: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        right: 0;
 +
        width: 100%;
 +
        margin: auto;
 +
        z-index:999;
 +
    }
 
}
 
}
  
Line 63: Line 86:
 
     border-radius:10px;
 
     border-radius:10px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     margin-left:15%;
+
     margin-left:17%;
 
     float:left;
 
     float:left;
 
     color:white;
 
     color:white;
Line 75: Line 98:
 
     border-radius:10px;
 
     border-radius:10px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     margin:auto;
+
     margin-left:8%;
 
     float:left;
 
     float:left;
 
     color:white;
 
     color:white;
Line 87: Line 110:
 
     border-radius:10px;
 
     border-radius:10px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     margin-right:15%;
+
     margin-left:8%;
 
     float:left;
 
     float:left;
 
     color:white;
 
     color:white;
Line 114: Line 137:
 
     border-radius:10px;
 
     border-radius:10px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     margin-left:10%;
+
     margin-left:9%;
 
     margin-top:7vh;
 
     margin-top:7vh;
 
     float:left;
 
     float:left;
Line 167: Line 190:
 
.text4-1{
 
.text4-1{
 
     position:absolute;
 
     position:absolute;
−
     margin-top:98px;
+
     margin-top:103px;
−
     margin-left:25px;
+
     margin-left:23px;
 
     font-family: 'Open Sans', sans-serif;
 
     font-family: 'Open Sans', sans-serif;
 
     text-shadow:2px 2px black;
 
     text-shadow:2px 2px black;
Line 190: Line 213:
 
</head>
 
</head>
 
<body>
 
<body>
−
     <div>
+
     <div class="img-container">
−
         <img src="https://static.igem.org/mediawiki/2016/6/6e/Human.png" class="main-img" width="100%">
+
         <img src="https://static.igem.org/mediawiki/2016/6/6f/QqqqqqqHPBIG.png" class="main-img" width="100%">
 
     </div>
 
     </div>
  
−
<div style="width:70%;margin:auto">
+
<div style="width:80%;margin:auto;margin-bottom:3%;">
 
<h1>Overview</h1>
 
<h1>Overview</h1>
 
<p class="overviewHP">
 
<p class="overviewHP">
−
The ultimate goal of our project is to implement the whole system including Pantide and the device into the agricultural industry and solve the problem caused by the excessive use of the chemical pesticide. Therefore, we design directed human practices that facilitate the project multidimensionally. The human practices consist of five aspects—Study, collaborations, education, meetups, and further considerations.
+
The ultimate goal of our project is to implement the whole system including PANTIDE and the device into the agricultural industry and solve the problem caused by the excessive use of the chemical pesticide. Therefore, we design directed human practices that facilitate the project multidimensionally. The human practices consist of five aspects—Study, collaborations, education, meetups, and further considerations.(see <a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Gold"  style="color:#44E287;">HP/Gold</a> and <a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Silver"  style="color:#44E287;">HP/Silver</a>.)
 
</p>
 
</p>
−
</div
+
</div>
−
 
+
−
    <a href="#">
+
  
 +
    <a href="https://2016.igem.org/Team:NCTU_Formosa/Integrated_Practices">
 
         <div class="img-box1">
 
         <div class="img-box1">
 
             <div class="text">Study</div>
 
             <div class="text">Study</div>
−
             <img src="https://static.igem.org/mediawiki/2016/7/7a/Study2.jpg" width="100%" height="100%" class="HP_image">
+
             <img src="https://static.igem.org/mediawiki/2016/thumb/a/aa/Study5.jpg/800px-Study5.jpg" width="100%" height="100%" class="HP_image">
 
         </div>
 
         </div>
−
 
 
     </a>
 
     </a>
 
      
 
      
−
     <a href="##">
+
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Collaborations">
 
         <div class="img-box1-1">       
 
         <div class="img-box1-1">       
 
             <div class="text1">Collaboration</div>
 
             <div class="text1">Collaboration</div>
Line 217: Line 238:
 
     </a>
 
     </a>
 
      
 
      
−
     <a href="###">
+
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Engagement">
 
         <div class="img-box1-2">
 
         <div class="img-box1-2">
 
             <div class="text2">Education</div>
 
             <div class="text2">Education</div>
Line 224: Line 245:
 
     </a>
 
     </a>
 
      
 
      
−
     <a href="####">
+
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Meetups">
 
         <div class="img-box2">
 
         <div class="img-box2">
 
             <div class="text3">Meetups</div>
 
             <div class="text3">Meetups</div>
Line 231: Line 252:
 
     </a>
 
     </a>
 
      
 
      
−
     <a href="#####">
+
     <a href="https://2016.igem.org/Team:NCTU_Formosa/Further_Considerations">
 
         <div class="img-box3">
 
         <div class="img-box3">
 
             <div class="text4">Futher </div>
 
             <div class="text4">Futher </div>
 
             <div class="text4-1">Considerations</div>
 
             <div class="text4-1">Considerations</div>
−
             <img src="https://static.igem.org/mediawiki/2016/d/d3/Further.jpg" width="100%" height="100%" class="HP_image">
+
             <img src="https://static.igem.org/mediawiki/2016/c/c6/NCTU_FURTHER_MAIN_PIC.jpg" width="100%" height="100%" class="HP_image">
 
         </div>
 
         </div>
 
     </a>
 
     </a>

Latest revision as of 22:19, 19 October 2016

Overview

The ultimate goal of our project is to implement the whole system including PANTIDE and the device into the agricultural industry and solve the problem caused by the excessive use of the chemical pesticide. Therefore, we design directed human practices that facilitate the project multidimensionally. The human practices consist of five aspects—Study, collaborations, education, meetups, and further considerations.(see HP/Gold and HP/Silver.)

Study
Collaboration
Education
Meetups
Futher
Considerations