Difference between revisions of "Team:Nottingham/Comparison"

(Created blank page)
 
Line 1: Line 1:
 +
{{Template:Nottingham/include}}
 +
{{Template:Nottingham/menu}}
 +
<html>
  
 +
<section class="sidebar-content">
 +
<div class="main appear">
 +
<div class="ui breadcrumb" style="padding-bottom:23px;">
 +
<a class="section">Home</a>
 +
<i class="right angle icon divider"></i>
 +
<div class="active section">Comparison</div>
 +
</div>
 +
     
 +
 +
<a class="anchor" id="comparison"></a>
 +
<div class="ui segment">
 +
<h2>Comparison of models</h2>
 +
<style>
 +
object {height:160vh; width:100%}
 +
</style>
 +
                        <object  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>
 +
</div>
 +
<div class="ui sticky rail sidebar-list">
 +
<div class="menu-collapse-expand appear">
 +
<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 class="ui vertical fluid inverted green menu appear">
 +
<a class="item" id="overview-button" href="https://2018.igem.org/Team:Nottingham/Model">
 +
Overview
 +
</a>
 +
<a class="item" id="lytic-button" href="https://2018.igem.org/Team:Nottingham/Lytic_phage_model">
 +
Lytic phage model
 +
</a>
 +
<a class="item" id="temperate-button" href="https://2018.igem.org/Team:Nottingham/Temperate_phage_models">
 +
Temperate phage models
 +
</a>
 +
<!-- <a class="item" id="prophage-induction-button" href="#prophage-induction">
 +
Model including prophage induction
 +
</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="https://2018.igem.org/Team:Nottingham/Comparison">
 +
Comparison of models
 +
</a>
 +
<a class="item" id="methodology-button" href="https://2018.igem.org/Team:Nottingham/Methodology">
 +
Methodology
 +
</a>  
 +
<a class="item" id="parameters-button" href="https://2018.igem.org/Team:Nottingham/Parameters">
 +
Parameters
 +
</a>
 +
<a class="item" id="achievements-button" href="https://2018.igem.org/Team:Nottingham/Modelling_achievements">
 +
Achievements
 +
</a>  
 +
<a class="item" id="references-button" href="https://2018.igem.org/Team:Nottingham/Modelling_references">
 +
References
 +
</a>
 +
</div>
 +
</div>
 +
</section>
 +
 +
</html>
 +
{{Template:Nottingham/sponsers}}
 +
<html>
 +
<script>
 +
$("#top_title").remove()
 +
$("#content").attr("id", null)
 +
$(document).ready(() => {
 +
$(".appear").css("opacity", "1")
 +
$(".appear").css("transform", "none")
 +
})
 +
</script>
 +
<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>
 +
$(".ui.sticky")
 +
  .sticky({
 +
    context: ".main",
 +
    offset: 30,
 +
  })
 +
;
 +
var firstSegmentPassed = false;
 +
var maximized = true;
 +
var anchors = ["#overview", "#gold", "#silver"];
 +
anchors.forEach(anchor => {
 +
$(anchor).visibility({
 +
onOnScreen: calculations => {
 +
$(anchor + "-button").addClass("active");
 +
},
 +
onOffScreen: calculations => {
 +
$(anchor + "-button").removeClass("active");
 +
},
 +
continuous: true
 +
})
 +
})
 +
$(".maximize-button").css("cssText", "display: none !important")
 +
$(".minimize-button").on("click", () => {
 +
$(".ui.menu").hide();
 +
$(".main").css("width", "calc(100% - 60px)");
 +
 +
$(".minimize-button").css("cssText", "display: none !important");
 +
$(".maximize-button").show();
 +
$(".ui.sticky").sticky("refresh");
 +
if(!firstSegmentPassed) setTimeout( () => $(".sidebar-list").css("width", "60px"), 1)
 +
maximized = false;
 +
})
 +
$(".maximize-button").on("click", () => {
 +
$(".ui.menu").show();
 +
$(".main").css("width", "70%");
 +
$(".sidebar-list").css("width", "27.5%");
 +
$(".maximize-button").css("cssText", "display: none !important");
 +
$(".minimize-button").show();
 +
$(".ui.sticky").sticky("refresh");
 +
maximized = true;
 +
})
 +
 +
$($(".ui.segment")[0]).visibility({
 +
onTopPassed: function(calculations) {
 +
      firstSegmentPassed = true;
 +
     
 +
    },
 +
    onTopPassedReverse: function(calculations) {
 +
      firstSegmentPassed = false;
 +
      if(!maximized) $(".sidebar-list").css("width", "60px")
 +
    },
 +
    continuous: true
 +
})
 +
</script>
 +
 +
 +
<script>
 +
</script>
 +
</html>

Revision as of 15:03, 17 October 2018

Clostridium dTox Project
Project description Abstract
Human Practices
Overview Silver Gold Safety and Ethics
Public Engagement
Discovery day School workshops Media
Lab
Ideas Design Results Conclusion Future Work Interlab Labfolder
Modelling
Introduction Summary Lytic Phage Models Temporate Phage Models Comparsion of all three models Methodology Parameters References
Collaborations
The University of Warwick Team BioMarvel- Korea The University of Warwick and Imperial College London UK Meetups
Achievements
Medal Criteria Parts Improved parts Demonstrate General conclusion
Team
Students Supervisors Principal Investigators
Attributions
Home
Comparison

Comparison of models

Overview Lytic phage model Temperate phage models Comparison of models Methodology Parameters Achievements References
About our sponsors