"
Team:CityU HK/HumanPractice
From 2014.igem.org
(Difference between revisions)
| Line 159: | Line 159: | ||
} | } | ||
| + | /* | ||
| + | Back to top button | ||
| + | */ | ||
| + | #back-top { | ||
| + | position: fixed; | ||
| + | bottom: 30px; | ||
| + | left:30px; | ||
| + | z-index:50; | ||
| + | } | ||
| + | #back-top a { | ||
| + | width: 50px; | ||
| + | display: block; | ||
| + | text-align: center; | ||
| + | font: 11px/100% Arial, Helvetica, sans-serif; | ||
| + | text-transform: uppercase; | ||
| + | text-decoration: none; | ||
| + | color: #bbb; | ||
| + | /* background color transition */ | ||
| + | -webkit-transition: 1s; | ||
| + | -moz-transition: 1s; | ||
| + | transition: 1s; | ||
| + | } | ||
| + | #back-top a:hover { | ||
| + | color: #000; | ||
| + | } | ||
| + | /* arrow icon (span tag) */ | ||
| + | #back-top span { | ||
| + | width: 50px; | ||
| + | height: 50px; | ||
| + | display: block; | ||
| + | background: #ddd url(https://static.igem.org/mediawiki/2014/5/57/Backtotop_BU14.png) no-repeat center center; | ||
| + | /* background color transition */ | ||
| + | -webkit-transition: 1s; | ||
| + | -moz-transition: 1s; | ||
| + | transition: 1s; | ||
| + | } | ||
| + | #back-top a:hover span { | ||
| + | background-color: #F68F52; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
| - | <body> | + | <body id="top"> |
<div class="jumbotron"> | <div class="jumbotron"> | ||
<div class="container"> | <div class="container"> | ||
| Line 194: | Line 233: | ||
<img src="https://s3.amazonaws.com/gschierBlog/images/pig-big.jpg"> | <img src="https://s3.amazonaws.com/gschierBlog/images/pig-big.jpg"> | ||
</a> | </a> | ||
| + | |||
| + | <p id="back-top"> | ||
| + | <a href="#top"><span></span></a> | ||
| + | </p> | ||
<!--==================== footer ===========================--> | <!--==================== footer ===========================--> | ||
| Line 211: | Line 254: | ||
</div> <!-- end of #footer --> | </div> <!-- end of #footer --> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | // hide #back-top first | ||
| + | $("#back-top").hide(); | ||
| + | |||
| + | // fade in #back-top | ||
| + | $(function () { | ||
| + | $(window).scroll(function () { | ||
| + | if ($(this).scrollTop() > 100) { | ||
| + | $('#back-top').fadeIn(); | ||
| + | } else { | ||
| + | $('#back-top').fadeOut(); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | // scroll body to 0px on click | ||
| + | $('#back-top a').click(function () { | ||
| + | $('body,html').animate({ | ||
| + | scrollTop: 0 | ||
| + | }, 800); | ||
| + | return false; | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 16:01, 20 September 2014
Human Practice
We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on public understanding on synthetic biology.
What we have done
This part is under construction.
Survey
This part is under construction.
