(5 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,272: | Line 7,273: | ||
<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> | <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> | <h5>GBC Documentary P5</h5> | ||
− | <p><video src="https://static.igem.org/mediawiki/2018/ | + | <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);"> | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);"> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Safety#DocuP4"> | <a href="https://2018.igem.org/Team:GreatBay_China/Safety#DocuP4"> | ||
Line 7,278: | Line 7,279: | ||
</a> | </a> | ||
</div> | </div> | ||
− | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);width: | + | <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"> | <a href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement#Docu"> | ||
<h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5> | <h5 style="color:#fff;text-align: center;"> Check Full Playlist</h5> | ||
</a> | </a> | ||
</div> | </div> | ||
− | <div class="sameline" style="background-color:rgba(125, 63, 152, 0.9);"> | + | <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-container="body" data-toggle="popover" data-placement="top" | ||
data-content="Thanks! No more episode~"> | data-content="Thanks! No more episode~"> | ||
Next Episode | Next Episode | ||
− | </button | + | </button> |
</div> | </div> |
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.