Human practices serve as a means of communicating our goals with the public and are vital to the success of only our project but also synthetic biology as an industry. To spread awareness about synthetic biology and iGEM, we hosted and participated in several events to educate people and spark interest in the field. In addition to education and public engagement, we also investigated expert opinion regarding our project as well as consult authorities on both soil microbiota and the agriculture industry as part of our integrated human practices.
Difference between revisions of "Team:NCTU Formosa/Human Practices"
| (15 intermediate revisions by 2 users not shown) | |||
| Line 27: | Line 27: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
| − | background: # | + | background: #fff; |
font-family: Levenim MT; | font-family: Levenim MT; | ||
| + | padding-bottom: 150px; | ||
} | } | ||
| Line 37: | Line 38: | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 100px; | margin-bottom: 100px; | ||
| − | animation: ani 5s 1; | + | /*animation: ani 5s 1; |
| − | animation-fill-mode: forwards; | + | animation-fill-mode: forwards;*/ |
} | } | ||
| Line 48: | Line 49: | ||
.title_1 { | .title_1 { | ||
text-align: center; | text-align: center; | ||
| − | font-size: | + | font-size: 8vmin; |
} | } | ||
.text{ | .text{ | ||
font-size: 3vmin; | font-size: 3vmin; | ||
| − | width: | + | width: 70%; |
position: relative; | position: relative; | ||
margin-left: auto; | margin-left: auto; | ||
| Line 69: | Line 70: | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 100px; | margin-bottom: 100px; | ||
| + | margin-top: 100px; | ||
text-align: center; | text-align: center; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 111: | Line 113: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| − | |||
text-align: center; | text-align: center; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 123: | Line 124: | ||
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
| − | left: | + | left: 38%; |
bottom: 6%; | bottom: 6%; | ||
} | } | ||
.button img { | .button img { | ||
| − | width: | + | width: 23%; |
position: relative; | position: relative; | ||
/* 淡出淡入效果0.5秒 */ | /* 淡出淡入效果0.5秒 */ | ||
| Line 141: | Line 142: | ||
.button_2{ | .button_2{ | ||
| − | left: - | + | left: -23%; |
} | } | ||
| Line 152: | Line 153: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | .coverflow_1>a>img{ |
| − | + | width: 39% !important; | |
| − | + | position: absolute; | |
| − | + | top: 28%; | |
| − | + | left: 45%; | |
| − | + | border-radius: 10px; | |
| − | + | border: solid 3px rgb(211, 241, 238); | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| − | . | + | .coverflow_2>a>img{ |
width: 37%; | width: 37%; | ||
height: auto; | height: auto; | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 27%; |
left: 50%; | left: 50%; | ||
| + | border-radius: 10px; | ||
| + | border: solid 3px rgb(211, 241, 238); | ||
| + | } | ||
| + | |||
| + | .coverflow_3>a>img{ | ||
| + | width: 39% !important; | ||
| + | position: absolute; | ||
| + | top: 26%; | ||
| + | left: 45%; | ||
| + | border-radius: 10px; | ||
| + | border: solid 3px rgb(211, 241, 238); | ||
} | } | ||
| + | |||
.coverflow>a{ | .coverflow>a{ | ||
display: block; | display: block; | ||
| Line 255: | Line 258: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
| − | <div class="title"><img class="cover" src="https://static.igem.org/mediawiki/2018/ | + | <div class="title"><img class="cover" src="https://static.igem.org/mediawiki/2018/2/2e/T--NCTU_Formosa--HP_cover_cover.png"/></div> |
<div class="title_1"><p>Overview</p></div> | <div class="title_1"><p>Overview</p></div> | ||
| − | <div class="text"><p> Human practices serve as a means of communicating our goals with the public and are vital to the success of only our project but also synthetic biology as an industry. To spread awareness about synthetic biology and iGEM, we hosted and participated in several events to educate people and spark interest in the field. In addition to public engagement | + | <div class="text"><p> Human practices serve as a means of communicating our goals with the public and are vital to the success of only our project but also synthetic biology as an industry. To spread awareness about synthetic biology and iGEM, we hosted and participated in several events to educate people and spark interest in the field. In addition to education and public engagement, we also investigated expert opinion regarding our project as well as consult authorities on both soil microbiota and the agriculture industry as part of our integrated human practices.</p></div> |
| − | <div class="edu"><img class="bg_edu" | + | <div class="edu"><img class="bg_edu" src="https://static.igem.org/mediawiki/2018/f/f4/T--NCTU_Formosa--Education.png"/> |
| − | + | <div class="coverflow_1"><a><img src="https://static.igem.org/mediawiki/2018/3/32/T--NCTU_Formosa--TCFSH7.JPG"/></a></div> | |
| − | + | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/Public_Engagement"><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></a></div> | |
| − | + | ||
| − | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/ | + | |
</div> | </div> | ||
| − | <div class="gold"><img class="bg_gold" | + | <div class="gold"><img class="bg_gold" src="https://static.igem.org/mediawiki/2018/5/55/T--NCTU_Formosa--Integrated_hp.png"/> |
| − | + | <div class="coverflow_2"><a><img src="https://static.igem.org/mediawiki/2018/e/e6/T--NCTU_Formosa--NCHUprof1.jpg"/></a></div> | |
| − | + | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/Human_Practices/Integrated"><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></a></div> | |
| − | + | ||
| − | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div> | + | |
</div> | </div> | ||
| − | <div class="col"><img class="bg_col" | + | <div class="col"><img class="bg_col" src="https://static.igem.org/mediawiki/2018/2/24/T--NCTU_Formosa--HP_collaboration.png"/> |
| − | + | <div class="coverflow_3"><a><img src="https://static.igem.org/mediawiki/2018/9/9f/T--NCTU_Formosa--NTHU_3.png"/></a></div> | |
| − | + | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/Collaborations"><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></a></div> | |
| − | + | ||
| − | <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div> | + | |
</div> | </div> | ||
| Line 293: | Line 290: | ||
</html> | </html> | ||
| + | {{NCTU_Formosa/Top_button}} | ||
{{NCTU_Formosa/Footer}} | {{NCTU_Formosa/Footer}} | ||
Latest revision as of 22:14, 17 October 2018
Overview
