Difference between revisions of "Team:Freiburg/Practices"
(Prototype team page) |
|||
(38 intermediate revisions by 9 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Freiburg}} | + | {{Freiburg/CSS}} |
+ | {{Freiburg/Menubar}} | ||
+ | {{Freiburg/wiki_content_start}} | ||
<html> | <html> | ||
+ | <style> | ||
− | + | /*========= BEGIN: style for navigation bar ==========*/ | |
+ | #policy { | ||
+ | background: url(https://static.igem.org/mediawiki/2015/e/e9/Freiburg_icon_policy_active_yellow.png) no-repeat; | ||
+ | } | ||
− | + | #policy a { | |
− | + | color: #ecdc18; | |
− | + | } | |
− | + | #runningchip { | |
− | + | left: 68.9%; | |
− | + | } | |
− | + | /*========= END: style for navigation bar ==========*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* ======= Circle style =========== */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .circle-container { | |
− | + | position: relative; | |
+ | width: 300px; | ||
+ | height: 220px; | ||
+ | /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/ | ||
+ | margin: 0 auto; | ||
+ | transform: translateX(-80px); | ||
+ | -webkit-transform: translateX(-80px); | ||
+ | -ms-transform: translateX(-80px); | ||
+ | } | ||
+ | .circle-container a { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 50%; left: 50%; | ||
+ | margin: -2em; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | .circle-container img { display: block; } | ||
+ | .deg0 { transform: rotate(5deg) translate(150px); } /* 300px = half the width of the wrapper */ | ||
+ | .deg72 { transform: rotate(52deg) translate(75px) rotate(-72deg); } | ||
+ | .deg144 { transform: rotate(144deg) translate(130px) rotate(-144deg); } | ||
+ | .deg216 { transform: rotate(0deg) translate(-20px) rotate(0deg); } | ||
+ | .deg288 { transform: rotate(300deg) translate(75px) rotate(-300deg); } | ||
+ | .deg0 { -webkit-transform: rotate(5deg) translate(150px); } /* 300px = half the width of the wrapper */ | ||
+ | .deg72 { -webkit-transform: rotate(52deg) translate(75px) rotate(-72deg); } | ||
+ | .deg144 { -webkit-transform: rotate(144deg) translate(130px) rotate(-144deg); } | ||
+ | .deg216 { -webkit-transform: rotate(0deg) translate(-20px) rotate(0deg); } | ||
+ | .deg288 { -webkit-transform: rotate(300deg) translate(75px) rotate(-300deg); } | ||
− | + | .deg0 { -ms-transform: rotate(5deg) translate(150px); } /* 300px = half the width of the wrapper */ | |
− | + | .deg72 { -ms-transform: rotate(52deg) translate(75px) rotate(-72deg); } | |
− | + | .deg144 { -ms-transform: rotate(144deg) translate(130px) rotate(-144deg); } | |
− | + | .deg216 { -ms-transform: rotate(0deg) translate(-20px) rotate(0deg); } | |
− | + | .deg288 { -ms-transform: rotate(300deg) translate(75px) rotate(-300deg); } | |
− | + | ||
− | + | ||
− | + | ||
− | + | #giving_hand{ | |
+ | padding: 0 50%; | ||
+ | transform: translate(-180px); | ||
+ | -ms-transform: translate(-180px); | ||
+ | -webkit-transform: translate(-180px); | ||
+ | z-index: 1; | ||
+ | } | ||
− | + | .circle-container img{ | |
+ | -webkit-transition: all 1s; | ||
+ | transition: all 1s; | ||
+ | z-index: 10; | ||
− | + | } | |
− | + | .circle-container img:hover{ | |
+ | width: 180px; | ||
+ | transform: translate(-25px, -25px); | ||
+ | -webkit-transform: translate(-25px, -25px); | ||
+ | -ms-transform: translate(-25px, -25px); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | /* ================= END: Circle style ============= */ | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <div class="content_box"> | ||
+ | |||
+ | <div class='circle-container'> | ||
+ | <a href='https://2015.igem.org/Team:Freiburg/Human_Practice/Science_Fair' class='deg0'><img src='https://static.igem.org/mediawiki/2015/e/e5/Freiburg_Sciencefair_100x100.png' width="130px"></a> | ||
+ | <a href='https://2015.igem.org/Team:Freiburg/Human_Practice/Theater_Project' class='deg72'><img src='https://static.igem.org/mediawiki/2015/3/34/Freiburg_Theater_100x100.png' width="130px"></a> | ||
+ | <a href='https://2015.igem.org/Team:Freiburg/Human_Practice/Public_Opinion' class='deg144'><img src='https://static.igem.org/mediawiki/2015/a/a9/Freiburg_Publicopinion_100x100.png' width="130px"></a> | ||
+ | <a href='https://2015.igem.org/Team:Freiburg/Human_Practice/College' class='deg216'><img src='https://static.igem.org/mediawiki/2015/7/79/Freiburg_College_100x100.png' width="130px"></a> | ||
+ | <a href='https://2015.igem.org/Team:Freiburg/Human_Practice/Ethics' class='deg288'><img src='https://static.igem.org/mediawiki/2015/6/6d/Freiburg_Ethics_100x100.png' width="100px"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="giving_hand"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1b/Freiburg_Handoffen_scaled.png" width="450px"> | ||
+ | </div> | ||
+ | |||
+ | <h1 style="text-align:center">Human Practice</h1> | ||
+ | <div class="level1"> | ||
+ | <p> | ||
+ | Human practice is a key component of each iGEM Project. Therefore, it also played an important role in our work. The DiaCHIP is supposed to be available for everyone. Exactly for this reason, we wanted to know how the DiaCHIP is perceived in public. Thus, we conducted a <a href="https://2015.igem.org/Team:Freiburg/Human_Practice/Public_Opinion">survey</a> to evaluate the necessity and acceptance of our project within the general public. | ||
+ | </p> | ||
+ | <p> | ||
+ | When working in the field of synthetic biology, it is inevitable for the researcher to deal with some ethical questions. Therefore, we had a meeting with the head of the institue for ethics and history of medicine (PD Dr. J. Boldt) to evaluate our project and <a href="https://2015.igem.org/Team:Freiburg/Human_Practice/Ethics">ethics</a> in synthetic biology in general. | ||
+ | </p> | ||
+ | <p> | ||
+ | Besides discussing ethical issues, we educated the public about synthetic biology and gave interested pedestrians a deeper insight into molecular biology as well as into our project at this year's Freiburg <a href="https://2015.igem.org/Team:Freiburg/Human_Practice/Science_Fair">Science Fair</a>. Additionally, we gave a lecture about synthetic biology and the iGEM Competition in general for a class of <a href="https://2015.igem.org/Team:Freiburg/Human_Practice/College">Liberal Arts and Sciences</a> students at the University College of Freiburg. | ||
+ | </p> | ||
+ | <p> | ||
+ | Finally, we participated in an Europe-wide <a href="https://2015.igem.org/Team:Freiburg/Human_Practice/Theater_Project">theater project</a> in the framework of SYNENERGENE called “Re-engineering life or Do we want to be unlimited” as experts with scientific background. | ||
+ | </p> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
</html> | </html> | ||
+ | {{Freiburg/wiki_content_end}} |
Latest revision as of 03:36, 19 September 2015
Human Practice
Human practice is a key component of each iGEM Project. Therefore, it also played an important role in our work. The DiaCHIP is supposed to be available for everyone. Exactly for this reason, we wanted to know how the DiaCHIP is perceived in public. Thus, we conducted a survey to evaluate the necessity and acceptance of our project within the general public.
When working in the field of synthetic biology, it is inevitable for the researcher to deal with some ethical questions. Therefore, we had a meeting with the head of the institue for ethics and history of medicine (PD Dr. J. Boldt) to evaluate our project and ethics in synthetic biology in general.
Besides discussing ethical issues, we educated the public about synthetic biology and gave interested pedestrians a deeper insight into molecular biology as well as into our project at this year's Freiburg Science Fair. Additionally, we gave a lecture about synthetic biology and the iGEM Competition in general for a class of Liberal Arts and Sciences students at the University College of Freiburg.
Finally, we participated in an Europe-wide theater project in the framework of SYNENERGENE called “Re-engineering life or Do we want to be unlimited” as experts with scientific background.