Difference between revisions of "Team:Nottingham/Modelling achievements"
(Created blank page) |
|||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | {{Template:Nottingham/include}} | ||
| + | {{Template:Nottingham/menu}} | ||
| + | <html> | ||
| + | <section class="sidebar-content"> | ||
| + | <div class="main appear"> | ||
| + | <a href="/Team:Nottingham/Model" class="ui green button" style="float:right">Back to modelling</a> | ||
| + | <div class="ui breadcrumb" style="padding-bottom:23px;"> | ||
| + | |||
| + | <a href="/Team:Nottingham/" class="section">Home</a> | ||
| + | <i class="right angle icon divider"></i> | ||
| + | <a href="/Team:Nottingham/Model" class="section">Modelling</a> | ||
| + | <i class="right angle icon divider"></i> | ||
| + | <div class="active section">Achievements</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <a class="anchor" id="achievements"></a> | ||
| + | <div class="ui segment"> | ||
| + | <h2>Achievements</h2> | ||
| + | <style> | ||
| + | object {height:160vh; width:100%} | ||
| + | </style> | ||
| + | <object 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> | ||
| + | </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: 100%; | ||
| + | } | ||
| + | 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> | ||
Latest revision as of 17:53, 17 October 2018
