(7 intermediate revisions by one other user not shown) | |||
Line 11: | Line 11: | ||
================================================== --> | ================================================== --> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
− | + | <!-- Mobile Specific Metas | |
− | + | ||
− | + | ||
− | + | ||
================================================== --> | ================================================== --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | ||
+ | |||
<!-- css bootstrap --> | <!-- css bootstrap --> | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | ||
<!-- js jquery --> | <!-- js jquery --> | ||
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js& | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script> |
− | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> | |
− | + | <!-- js popover --> | |
− | + | ||
− | <!-- js | + | |
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function () { $("[data-toggle='popover']").popover(); }); | $(function () { $("[data-toggle='popover']").popover(); }); | ||
</script> | </script> | ||
+ | <!-- js menu --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function(){ | $(function(){ | ||
− | $('.top-nav ul li span').hover(function(){ | + | $('.top-nav ul li span').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');}); |
− | + | $('.top-nav ul li').mouseover(function(){$(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();}); | |
− | },function(){ | + | $('.top-nav ul li span').mouseleave(function(){$(this).siblings('div').stop().slideUp()}); |
− | $(this).removeClass('hover'); | + | |
− | }); | + | |
− | $('.top-nav ul li').mouseover(function(){ | + | |
− | + | ||
− | }); | + | |
− | $('.top-nav ul li span').mouseleave(function(){ | + | |
− | + | ||
$('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | ||
− | }) | + | }) |
+ | |||
</script> | </script> | ||
+ | <!-- js cathead --> | ||
<script> | <script> | ||
function changeface() | function changeface() | ||
Line 57: | Line 49: | ||
} | } | ||
</script> | </script> | ||
− | |||
− | |||
<!-- css main --> | <!-- css main --> | ||
+ | <style> | ||
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Delius'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, | ||
+ | U+2212, U+2215, U+FEFF, U+FFFD; | ||
+ | } | ||
+ | </style> | ||
<style> | <style> | ||
html { | html { | ||
Line 7,143: | Line 7,144: | ||
<a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a> | ||
− | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/ | + | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a> |
Line 7,255: | Line 7,256: | ||
− | + | ||
Line 7,268: | Line 7,269: | ||
<h2 style="font-size: 45px; font-weight:800;text-align: center;">Hardware</h2> | <h2 style="font-size: 45px; font-weight:800;text-align: center;">Hardware</h2> | ||
<br><br> | <br><br> | ||
+ | |||
+ | <div class="row" id="DocuP5" style=" padding-right: 50px;"> | ||
+ | <p style="font-family: Delius; font-size: 16px;"><i>Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design.</i></p><br> | ||
+ | <h5>GBC Documentary P5</h5> | ||
+ | <p><video src="https://static.igem.org/mediawiki/2018/4/43/T--GreatBay_China--GBC_Documentary_P5.mp4" type="video/mov" height="auto" width="850" controls></video></p> | ||
+ | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);"> | ||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Safety#DocuP4"> | ||
+ | <h5 style="color:#fff;"> Last Episode</h5> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width:633px;"> | ||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu"> | ||
+ | <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);vertical-align: top"> | ||
+ | |||
+ | <button type="button" style="color:#fff;" class="btn btn-primary" title="Charles" | ||
+ | data-container="body" data-toggle="popover" data-placement="top" | ||
+ | data-content="Thanks! No more episode~"> | ||
+ | Next Episode | ||
+ | </button> | ||
+ | |||
+ | </div> | ||
+ | <br><br> | ||
+ | <p style="font-family: Delius; font-size: 16px;"><i>Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware.</i></p><br> | ||
+ | </div> | ||
+ | <br><br><br> | ||
<h2 class="title">Introduction</h2><br> | <h2 class="title">Introduction</h2><br> |
Latest revision as of 02:37, 18 October 2018
Hardware
Video: This is the last episode of our documentary series. We draw out, model and demonstrate our final design.
GBC Documentary P5
Thanks all for watching! The previous episode is about incorporating ‘Value Sensitive Design’ into the safety concerns of this hardware.