Difference between revisions of "Team:XJTU-China/Proof Of Concept"

Revision as of 02:52, 20 September 2021

Team:XJTU-China/Proof of Concept

Proof of Concept

@@ Line 1: / Line 1: @@
-{{IGEM_TopBar}}
+{{XJTU-China/style}}
-{{XJTU-China}}
+{{XJTU-China/youtube}}
-<html>
+<html lang="en" dir="ltr">
+<head>
+    <title>Team:XJTU-China/Proof of Concept</title>
+    <meta charset="utf-8">
+    <meta name="keywords" content="iGEM,Xi'an Jiaotong University,XJTU-China,Tryptophan,
+        Trp,Biosynthesis,E.coli">
+    <meta name="description"
+        content="Welcome to 2021 XJTU-China. Please check our recent work on tryptophan biosynthesis via E.coli">
+    <meta name="viewport"
+        content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
+    <link rel="stylesheet" type="text/css"
+        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China&action=raw&ctype=text/css" />
+    <link rel="stylesheet" type="text/css"
+        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/font_awesome_min&action=raw&ctype=text/css" />
+    <link rel="stylesheet" type="text/css"
+        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrap&action=raw&ctype=text/css" />
+    <!-- <link rel="stylesheet" type="text/css"
+        href="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/youtube&action=raw&ctype=text/css" /> -->
-<div class="column full_size judges-will-not-evaluate">
+</head>
-<h3>★  ALERT! </h3>
-<p>This page is used by the judges to evaluate your team for the <a href="https://2021.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2021.igem.org/Judging/Awards"> award listed below</a>. </p>
-<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2021.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
-</div>
+<body>
+    <!--banner-->
+    <section>
+        <div class="container row fixedBackground">
+            <div class="fixedBackgroundImg"
+                style="background-image: url(https://static.igem.org/mediawiki/2021/f/fd/T--XJTU-China--bg.jpg);">
+            </div>
+            <div class="pageHeadline"><span>Proof of Concept</span></div>
+        </div>
+    </section>
-<div class="clear"></div>
+    <!--JS-->
+    <script type="text/javascript"
+        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/jquery&action=raw&ctype=text/javascript"></script>
-<div class="column full_size">
+    <script type="text/javascript"
-<h1>Proof of Concept</h1>
+        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/bootstrapJS&action=raw&ctype=text/javascript"></script>
-<h3>Gold Medal Criterion #4</h3>
+    <script type="text/javascript"
-<p>Expand upon your Silver medal work for Proposed Implementation and develop a proof of concept for your project.
+        src="https://2021.igem.org/wiki/index.php?title=Template:XJTU-China/lottie&action=raw&ctype=text/javascript"></script>
+    <!--dr-menuSliding-->
-<br><br>
+    <script>
-Please see the <a href="https://2021.igem.org/Judging/Medals">2021 Medals Page</a> for more information. </p>
+        var fsliding = (function () {
-</div>
+            window.addEventListener('scroll', function () {
+                var scroll = $(window).scrollTop();
+                var pageHeight = $(window).height();
+                var pageWidth = $(window).width();
+                var drMenu = $(".dr-menu");
+                var containerHeight = $("#container").height();
+                var drMenuHeight = drMenu.height();
+                var headerHeight = $("header").height();
+                if (pageWidth < 992) {
+                    drMenu.hide();
+                }
+                else {
+                    drMenu.show();
+                    // drmenu到底, -5px莫名其妙
+                    if (scroll - 5 - (0.7 * pageHeight - headerHeight) + drMenuHeight >= containerHeight) {
+                        drMenu.css({
+                            "position": "relative",
+                            "top": (containerHeight - drMenuHeight).toString() + "px"
+                        });
+                    }
+                    //滑动时，-5px莫名其妙
+                    else if (scroll - 5 > 0.7 * pageHeight - headerHeight) {
+                        drMenu.css({
+                            "position": "fixed",
+                            "top": (headerHeight + 100).toString() + "px"
+                        });
+                    }
+                    //未滑动时
+                    else {
+                        drMenu.css({
+                            "position": "relative",
+                            "top": "0"
+                        });
+                    }
+                }
+            })
+        })()
+    </script>
+</body>
 </html>
+{{XJTU-China/header}}
+{{XJTU-China/footer}}