Line 2: | Line 2: | ||
{{Template:Nottingham/menu}} | {{Template:Nottingham/menu}} | ||
<html> | <html> | ||
+ | |||
<section class="sidebar-content"> | <section class="sidebar-content"> | ||
<div class="main appear"> | <div class="main appear"> | ||
− | <div | + | <div class="ui breadcrumb" style="padding-bottom:23px;"> |
− | + | ||
− | + | ||
− | + | ||
<a class="section">Home</a> | <a class="section">Home</a> | ||
− | |||
<i class="right angle icon divider"></i> | <i class="right angle icon divider"></i> | ||
− | + | <div class="active section">Lytic phage model</div> | |
− | <div class="active section">Lytic | + | |
</div> | </div> | ||
+ | <a class="anchor" id="overview"></a> | ||
− | + | <a class="anchor" id="summary"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <a class="anchor" id="lytic"></a> | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>Lytic phage model</h2> | <h2>Lytic phage model</h2> | ||
+ | <style> | ||
+ | object {height:160vh; width:100%} | ||
+ | </style> | ||
+ | <object data="https://static.igem.org/mediawiki/2018/c/ce/T--Nottingham--Lytic_phage.pdf" type="application/pdf"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2018/c/ce/T--Nottingham--Lytic_phage.pdf" type="application/pdf" /> | ||
+ | </object> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | <a class="anchor" id="temperate"></a> | |
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>Temperate phage models</h2> | <h2>Temperate phage models</h2> | ||
− | + | <object data="https://static.igem.org/mediawiki/2018/e/e1/T--Nottingham--Temperate_phage.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/e/e1/T--Nottingham--Temperate_phage.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | ||
− | + | </div> | |
− | + | <a class="anchor" id="no-induction"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>No induction model</h2> | <h2>No induction model</h2> | ||
− | + | <object style="height:640vh" data="https://static.igem.org/mediawiki/2018/2/27/T--Nottingham--No_induction.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/2/27/T--Nottingham--No_induction.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | ||
− | + | </div> | |
− | + | <a class="anchor" id="prophage-induction"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>Induction model</h2> | <h2>Induction model</h2> | ||
− | + | <object style="height:640vh" data="https://static.igem.org/mediawiki/2018/7/7d/T--Nottingham--Induction.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/7/7d/T--Nottingham--Induction.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | ||
− | + | </div> | |
− | + | <a class="anchor" id="variable-induction"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
− | <h2> | + | <h2>Induction as a function of <i>P</i></h2> |
− | + | <object style="height:640vh" data="https://static.igem.org/mediawiki/2018/9/92/T--Nottingham--Variable_induction.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/9/92/T--Nottingham--Variable_induction.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | ||
− | + | </div> | |
− | + | <a class="anchor" id="comparison"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>Comparison of models</h2> | <h2>Comparison of models</h2> | ||
− | + | <object style="height:240vh" data="https://static.igem.org/mediawiki/2018/2/22/T--Nottingham--Comparison.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/2/22/T--Nottingham--Comparison.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | </div> | |
− | + | <a class="anchor" id="methodology"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
− | <h2>Methodology</h2> | + | <h2>Methodology</h2> |
− | + | <object style="height:640vh" data="https://static.igem.org/mediawiki/2018/f/f9/T--Nottingham--Methodology.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/f/f9/T--Nottingham--Methodology.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | </div> | |
− | + | <a class="anchor" id="parameters"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
<h2>Parameters</h2> | <h2>Parameters</h2> | ||
− | + | <object style="height:480vh" data="https://static.igem.org/mediawiki/2018/f/fd/T--Nottingham--Parameters.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/f/fd/T--Nottingham--Parameters.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | </div> | |
− | + | <a class="anchor" id="achievements"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
− | <h2>Achievements</h2> | + | <h2>Achievements</h2> |
− | + | <object style="height:160vh" data="https://static.igem.org/mediawiki/2018/c/cf/T--Nottingham--Achievements.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/c/cf/T--Nottingham--Achievements.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | </div> | |
− | + | <a class="anchor" id="references"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="ui segment"> | <div class="ui segment"> | ||
− | <h2>References</h2> | + | <h2>References</h2> |
− | + | <object style="height:160vh" data="https://static.igem.org/mediawiki/2018/1/16/T--Nottingham--References.pdf" type="application/pdf"> | |
− | + | <embed src="https://static.igem.org/mediawiki/2018/1/16/T--Nottingham--References.pdf" type="application/pdf" /> | |
− | + | </object> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
<div class="ui sticky rail sidebar-list"> | <div class="ui sticky rail sidebar-list"> | ||
<div class="menu-collapse-expand appear"> | <div class="menu-collapse-expand appear"> | ||
− | <div class="ui circular icon button minimize-button"> | + | <div class="ui circular icon button minimize-button"><i class="ui chevron up icon"></i></div> |
− | + | <div class="ui circular icon button maximize-button" style="display:none;"><i class="ui bars icon"></i></div> | |
− | + | ||
− | + | ||
− | <div | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | ||
<div class="ui vertical fluid inverted green menu appear"> | <div class="ui vertical fluid inverted green menu appear"> | ||
− | + | <a class="item" id="overview-button" href="#overview"> | |
− | + | Overview | |
− | + | </a> | |
− | + | <a class="item" id="summary-button" href="#summary"> | |
− | + | Summary | |
− | + | </a> | |
− | + | <a class="item" id="lytic-button" href="#lytic"> | |
− | + | Lytic phage model | |
− | + | </a> | |
− | + | <a class="item" id="temperate-button" href="#temperate"> | |
− | + | Temperate phage models | |
− | + | </a> | |
− | + | <!-- <a class="item" id="prophage-induction-button" href="#prophage-induction"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Model including prophage induction | Model including prophage induction | ||
</a> --> | </a> --> | ||
− | + | <!-- COMMENT: I thought that the no induction and induction sections could link from the temperate phage model page and then induction as a function of P link from the induction page so havn't put these on side bar. If this is too complicated though we could do something else and have all those pdfs within the temperate phage models page. --> | |
− | + | <a class="item" id="comparison-button" href="#comparison"> | |
− | + | Comparison of models | |
− | + | </a> | |
− | + | <a class="item" id="methodology-button" href="#methodology"> | |
− | + | Methodology | |
− | + | </a> | |
− | + | <a class="item" id="parameters-button" href="#parameters"> | |
− | + | Parameters | |
− | + | </a> | |
− | + | <a class="item" id="achievements-button" href="#achievements"> | |
− | + | Achievements | |
− | + | </a> | |
− | + | <a class="item" id="references-button" href="#references"> | |
− | + | References | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
+ | |||
</html> | </html> | ||
− | |||
{{Template:Nottingham/sponsers}} | {{Template:Nottingham/sponsers}} | ||
<html> | <html> | ||
<script> | <script> | ||
− | + | $("#top_title").remove() | |
$("#content").attr("id", null) | $("#content").attr("id", null) | ||
$(document).ready(() => { | $(document).ready(() => { | ||
Line 317: | Line 146: | ||
$(".appear").css("transform", "none") | $(".appear").css("transform", "none") | ||
}) | }) | ||
− | </script> | + | </script> |
− | + | <style> | |
− | style | + | section.sidebar-content { |
− | + | display:flex; | |
+ | justify-content: space-between; | ||
+ | padding-bottom:50px; | ||
+ | } | ||
+ | section.sidebar-content .main { | ||
+ | width: 70%; | ||
+ | } | ||
+ | section.sidebar-content .sidebar-list { | ||
+ | width: 27.5%; | ||
+ | } | ||
+ | .ui.vertical.menu { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .ui.segment { | ||
+ | border:none; | ||
+ | color: #4a4a4a; | ||
+ | } | ||
+ | .menu-collapse-expand { | ||
+ | display:flex; | ||
+ | justify-content: flex-end; | ||
+ | } | ||
+ | a.anchor { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | top: -100px; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | </style> | ||
<script> | <script> | ||
$(".ui.sticky") | $(".ui.sticky") | ||
Line 376: | Line 232: | ||
</script> | </script> | ||
− | <script></script> | + | |
+ | <script> | ||
+ | </script> | ||
</html> | </html> |
Revision as of 14:08, 17 October 2018