|
|
| Line 313: |
Line 313: |
| | margin: auto; | | margin: auto; |
| | } | | } |
| − | .TCFSH_Taiwan{
| |
| − | left:15px;
| |
| − | position:relative;
| |
| − | top: 5px;
| |
| − | }
| |
| − | h1{
| |
| − | background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg');
| |
| − | }
| |
| − | .main-container{
| |
| − | background:rgb(230, 236, 255);
| |
| − | position:fixed;
| |
| − | width:100vw;
| |
| − | height:auto;
| |
| − | z-index:999;
| |
| − | }
| |
| | | | |
| | | | |
| − | .dropbtn{
| |
| − | margin-top:5px;
| |
| − | }
| |
| | | | |
| − | .dropdown:hover .dropdown-content{
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .dropbtn span:after{
| |
| − | width: 0;
| |
| − | height: 0;
| |
| − | border: 0.313em solid transparent;
| |
| − | border-bottom: none;
| |
| − | border-top-color:black;
| |
| − | content: '';
| |
| − | vertical-align: middle;
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | right: -0.313em; /* 5 */
| |
| − | text-decoration:none !important;
| |
| − | list-style-type:none !important;
| |
| − | }
| |
| − |
| |
| − | .dropdown{
| |
| − | float:left;
| |
| − | text-decoration:none !important;
| |
| − | list-style-type:none !important;
| |
| − | }
| |
| − | ul>.dropdown>a{
| |
| − | color:black !important;
| |
| − | list-style-type:none !important;
| |
| − | text-decoration:none !important;
| |
| − | text-align:left;
| |
| − | }
| |
| − | li .dropdown{
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | .dropdown a, .dropbtn {
| |
| − | display: inline-block;
| |
| − | text-align: center;
| |
| − | text-color: black;
| |
| − | padding-right: 10px;
| |
| − | margin-right: 10px;
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| − | .main-menu{
| |
| − | position:relative;
| |
| − | list-style-type: none !important;
| |
| − | margin-right:1px;
| |
| − | display:block;
| |
| − | float:right !important;
| |
| − | font-weight:400 !important;
| |
| − | font-size:20px;
| |
| − | font-family:"Open Sans",serif,sans-serif;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*下拉式menu*/
| |
| − |
| |
| − | .dropdown a:hover, .dropdown:hover .dropbtn{
| |
| − | color:red !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .dropdown-content{
| |
| − | display:none;
| |
| − | background: rgb(157, 136, 210);
| |
| − | position:absolute;
| |
| − | width:auto !important;
| |
| − |
| |
| − | }
| |
| − | .dropdown-content a{
| |
| − | color: black;
| |
| − | padding:15px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | text-align:left !important;
| |
| − | size:1em;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .dropdown-content a:hover{
| |
| − | color: red;
| |
| − | }
| |
| − | .text{
| |
| − | background-color: rgb(77, 89, 127);
| |
| − | color: #ffffff;
| |
| − | font-size: 20px;
| |
| − | font-family:
| |
| − | }
| |
| − | .text>h1 {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .bigphoto{
| |
| − | margin: auto;
| |
| − | display: block;
| |
| − | }
| |
| − | #index_footer{
| |
| − | color:#ccc;
| |
| − | font-size:12px;
| |
| − | position:relative;
| |
| − | z-index:2;
| |
| − | background-color:#3c3e3f !important;
| |
| − | display: block;
| |
| − | width:100%;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | #index_footer .conent{
| |
| − | width:100vw;
| |
| − | position:relative;
| |
| − | margin-left:0vw;
| |
| − | bottom:0;
| |
| − | display: block;
| |
| − | z-index:1;
| |
| − | margin-bottom:15px;
| |
| − | }
| |
| − | #index_foot_list {
| |
| − | width:auto;
| |
| − | height:170px;
| |
| − | padding:30px 0 0 0;
| |
| − | margin-left:5%;
| |
| − | display:block;
| |
| − | }
| |
| − | /*li width*/
| |
| − | #index_foot_list li{
| |
| − | float:left;
| |
| − | text-align:left;
| |
| − | margin-left:29px;
| |
| − | width:117px;
| |
| − | line-height:18px;
| |
| − | display:block;
| |
| − | color:#FFF;
| |
| − | font-size:16px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #index_foot_list li a {
| |
| − | text-decoration: none;
| |
| − | font-size:16px;
| |
| − | color:#FFF;
| |
| − | }
| |
| − | #index_foot_list li span {
| |
| − | text-decoration: none;
| |
| − | font-size:16px;
| |
| − | color:#FFF;
| |
| − | }
| |
| − | #index_foot_list li ul li{
| |
| − | float:left;
| |
| − |
| |
| − | }
| |
| − | #index_foot_list li ul li a {
| |
| − | font-size:13px;
| |
| − | color:#a1a1a1;
| |
| − | line-height:20px;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | #index_foot_list li ul li a:hover {
| |
| − | color:#fff;
| |
| − | }
| |
| − | .footer_logo{
| |
| − | color:#fff;
| |
| − | display:block;
| |
| − | font-size:10pt !important;
| |
| − | line-height:18px;
| |
| − | z-index:3;
| |
| − | width: 70vw;
| |
| − | margin: 0 auto;
| |
| − | }
| |
| | | | |
| | .img-position{ | | .img-position{ |
| Line 526: |
Line 339: |
| | padding-bottom:10px; | | padding-bottom:10px; |
| | } | | } |
| − | video {
| |
| − | position:relative;
| |
| − | width: 78%;
| |
| − | height:auto;
| |
| − | margin-top:60px;
| |
| − | margin-left:10vw;
| |
| − | margin-right:10vw;
| |
| − | }
| |
| − |
| |
| | | | |
| | </style> | | </style> |
| Line 552: |
Line 356: |
| | | | |
| | <div class="node"> | | <div class="node"> |
| − | <div class="topic"><p class="text_color">School Introduction</p></div> | + | <div class="topic"><p class="text_color">The Problem & Solution</p></div> |
| | <div class="active-circle"> | | <div class="active-circle"> |
| | <div class="splash"></div> | | <div class="splash"></div> |
| Line 565: |
Line 369: |
| | | | |
| | <div class="node"> | | <div class="node"> |
| − | <div class="topic"><p class="text_color">Team Member</p></div> | + | <div class="topic"><p class="text_color">Overview</p></div> |
| | <div class="active-circle"> | | <div class="active-circle"> |
| | <div class="splash"></div> | | <div class="splash"></div> |
| Line 571: |
Line 375: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | | + | <div class="inactive-circle"> |
| | + | <div class="small-cover"> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="node"> |
| | + | <div class="topic"><p class="text_color">Improvement of Previoius BioBrick</p></div> |
| | + | <div class="active-circle"> |
| | + | <div class="splash"></div> |
| | + | <div class="cover"> |
| | + | </div> |
| | + | </div> |
| | + | <div class="inactive-circle"> |
| | + | <div class="small-cover"> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | </nav> |
| | + | |
| | | | |
| − | <div class="main-container">
| |
| − | <a href="https://2017.igem.org/Team:TCFSH_Taiwan">
| |
| − | <img src="https://static.igem.org/mediawiki/2017/5/53/TEAM_name_logo_Tcfsh_new.png" class="TCFSH_Taiwan" width="20%">
| |
| − | </a>
| |
| − | <ul class="main-menu" id="menu" style="list-style-image: none;">
| |
| − | <li class="dropdown"><a href="https://2017.igem.org/Team:TCFSH_Taiwan" class="dropbtn">Home</a></li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project" class="dropbtn"><span class="menu_sign">Project</span></a>
| |
| − | <div class="dropdown-content">
| |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a></div>
| |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Design">Design</a></div>
| |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate">Device</a></div>
| |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Results">Results</a></div>
| |
| | | | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Modeling</a></div>
| + | <!--圖片--> |
| − |
| + | <div class=" img- container"> |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2016/3/30/NCTU_DESCRIPTION_BIG_PICTURE.png" class="main-img" width="100%"> |
| − | </li>
| + | </div> |
| − | | + | |
| − |
| + | <img src='https://static.igem.org/mediawiki/2016/f/f8/Web.png' class="web img-position" height="200px" id="web"> |
| − | <li class="dropdown">
| + | </div> |
| − | <a href="#" class="dropbtn"><span class="menu_sign">Awards</span></a>
| + | |
| − | <div class="dropdown-content">
| + | <img src="https://static.igem.org/mediawiki/2016/6/65/Right_%281%29.png" class="right img-position" id="right" height="600px"> |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied Design</a></div>
| + | </div> |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Entrepreneurship">Entrepreneurship</a></div>
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Measurement">Measurement</a></div>
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Plant">Plant</a></div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | | + | |
| − | | + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropbtn"><span class="menu_sign">Human Practices</span></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">Silver HP</a></div>
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Gold_Integrated">Integrated and Gold</a></div>
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Engagement">Public Engagement</a></div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | | + | |
| − |
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Parts" class="dropbtn"><span class="menu_sign">Parts</span></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">Basic Parts</a></div>
| + | |
| − | <div>< a href="https:// 2017.igem.org/ Team:TCFSH_Taiwan/ Composite_Part">Composite Parts</ a></ div> | + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − |
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Attributions" class="dropbtn"><span class="menu_sign">Team</span></a>
| + | |
| − | <div class="dropdown-content">
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></div>
| + | |
| − | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Collaborations">Collaborations</a></div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| | | | |
| − | <li class="dropdown">
| |
| − | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Safety" class="dropbtn">Safety</a>
| |
| − | </li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| | | | |
| − | <h1>
| |
| − | <!--video-->
| |
| − | <div>
| |
| − | <video playinline autoplay controls="true">
| |
| − | <source src="https://static.igem.org/mediawiki/2017/7/7b/Tcfshtaiwan_introduce.mp4" type="video/mp4";>
| |
| − | </video>
| |
| − | </div>
| |
| | | | |
| | <!--wiki content--> | | <!--wiki content--> |
| Line 652: |
Line 419: |
| | <section class="content_container"> | | <section class="content_container"> |
| | <div> | | <div> |
| − | <p class="title"> School Introduction<p> | + | <p class="title"> The Problem & Solution<p> |
| − | <p class="content">In 1915, under Japanese occupation, Taiwanese forefathers Lin Lie-tang, Lin Hsien-tang, Lin Hsiung-cheng, Tsai Lien-fang, and Ku Hsien-jung pooled resources and donated land to build the high school to educate Taiwanese students with a view to awakening Taiwanese people's nationalism and cultural senses. After the foundation of the school in 1915, it has undergone several changes in the name of the school. Not until the year 2000 did the school finally get the name it now adopts, National Taichung First Senior High School. There are now 75 classes, including 63 general classes, 3 classes of high achievement in math and science, 3 class of high achievement in language, and 3 art-oriented classes.</p> | + | <p class="content">Effective pest control has long been a pivotal issue in modern agriculture. With the escalating growth of world population and the change in diet, high levels of agricultural production are required to meet the demand for food production. To date, a vast majority of farmers uses chemical pesticide to kill the pest worldwide<sup>[1]</sup>, it is by far the most convenient and effective way of pesticide control. However, the increased production chemical pesticides brought entails multiple negative costs that are usually overlooked, sacrificing human health and the environment. Thus, problems of chemical pesticide involving food safety, farmers’ health, soil & water pollution, and the existence of drug-resistant insects are looming. An alternative solution of pest control is urgently needed, necessitating the nascence of our project.</p> |
| | | | |
| | | | |
| | | | |
| − | <p class="title">Team member</p> | + | <p class="title">Overview</p> |
| − | <p class="content"></p> | + | <p class="content">We designed a nature-inspired system to offer farmers a safe, environmentally-friendly, accurate, and automatic style of farming. Inspired by the spiders using web and venom to achieve the predation, the system also contains two concept-resembling parts—“Device and PANTIDE.” As engineering, internet of things (IoT), and synthetic biology collide, the transference of knowledge to state-of-the-art system helps farmers no longer need to do laborious farm works and spray hazardous chemical poisons. It is a revolutionary system that not only guarantees the safety of the farmers and customers worldwide but also safeguards the sustainability of the environment and ecosystem. (see <a href="https://2016.igem.org/Team:NCTU_Formosa/Design" style="color:#44E287;">Design</a> & <a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate" style="color:#44E287;">Device</a>)</p> |
| | | | |
| | | | |
| Line 665: |
Line 432: |
| | </div> | | </div> |
| | </section> | | </section> |
| − | </h1>
| |
| − | <div id="index_footer"><div class="conent">
| |
| − | <ul id="index_foot_list" style="list-style-image: none;list-style-type:none;">
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan" style="font-size:16px;color:#FFF;"><b>Home</b></a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li >
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Project</b></a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Design">Design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate">Device</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Results">Results</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Modeling</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement" style="font-size:16px;color:#FFF;"><b>Awards</b></a>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Entrepreneurship">Entrepreneurship</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Measurement">Measurement</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Plant">Plant</a></li>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Human<br> Practices</b></a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">Silver HP</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Gold_Integrated">Integrated and Gold</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Engagement">Public Engagement</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li><b>Parts</b></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">Basic Parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Composite_Part">Composite Parts</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li>
| |
| − | <a href="#" style="font-size:16px;color:#FFF;"><b>Team</b></a>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Collaborations">Collaborations</a></li>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <ul style="list-style-image: none;">
| |
| − | <li><b>Safety</b></li>
| |
| − | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Safety">Safety</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − |
| |
| − | </div>
| |
| − | <div class="footer_logo">
| |
| − |
| |
| − | <a href="http://www.tcfsh.tc.edu.tw/" target="_blank">
| |
| − | <img style="margin:10px;FLOAT:LEFT;top:10px;position:relative;" src="https://static.igem.org/mediawiki/2017/a/a1/Tcfsh_school_logo.png" width="100px">
| |
| − | </a>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <img STYLE="margin:10px;FLOAT: LEFT;" src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" width="100px">
| |
| − | <br>TCFSH_Taiwan
| |
| − | <a href="https://www.facebook.com/igem2017tcfshtaiwan/?fref=ts" target="_blank">
| |
| − | <img src="https://static.igem.org/mediawiki/2016/a/ab/NCTU_FORMOSA_Facebook_LINK.png" width="21vw"></a><br>
| |
| − | <a href="http://www.tcfsh.tc.edu.tw/" style="text-decoration:none;color:#999;" target="_blank">Taichung First Senior High School</a><br>
| |
| − | </div>
| |
| − | </div><!--index_footer-->
| |
| − |
| |
| | | | |
| | | | |
