Difference between revisions of "Team:DLUT China B"

(修改顶部轮播图，修正对话气泡语法。)
m
 
(10 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/nav.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/nav.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/bubbles.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/bubbles.css&action=raw&ctype=text/css">
−
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/slideshow.css&action=raw&ctype=text/css">
 
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/fontawesome.css&action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/css/fontawesome.css&action=raw&ctype=text/css">
−
 
−
    <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/slideshow.js&action=raw&ctype=text/javascript"></script>
 
 
     <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/bubbles.js&action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/wiki/index.php?title=Template:DLUT_China_B/js/bubbles.js&action=raw&ctype=text/javascript"></script>
  
Line 30: Line 27:
 
<div id="dlutb">
 
<div id="dlutb">
 
     <div id="header">
 
     <div id="header">
 +
        <div id="team">DLUT_China_B</div>
 +
        <div id="nav"></div>
 
         <div id="box">
 
         <div id="box">
−
             <div id="box_img">
+
             <img src="https://static.igem.org/mediawiki/2018/4/47/T--DLUT_China_B--Top1.png">
−
                 <ul></ul>
+
            <div>
 +
                 <h2>Dr. Familict</h2>
 +
                <p>Hello! I’m a lovely Kidney baby, an essential organ in your body. Can you see those sparkling items
 +
                    pointed by my hand? Right! This is a wonderful liquid crystal show caused by the combination of
 +
                    β<sub>2</sub>-MG and nanobodies. What’s more, the different concentrations of β<sub>2</sub>-MG make
 +
                    the different degree of brightness showed by liquid crystal. We can make use of this phenomenon to
 +
                    achieve early detection of CKD caused mostly by diabetes and high blood pressure according to the
 +
                    brightness displayed by the detector confidently. Such an amazing idea, right?</p>
 
             </div>
 
             </div>
−
            <div id="word">
 
−
                <ul></ul>
 
−
            </div>
 
−
            <div id="controller">
 
−
                <div id="backward"><i class="fas fa-angle-left"></i></div>
 
−
                <div id="forward"><i class="fas fa-angle-right"></i></div>
 
−
            </div>
 
−
            <script>
 
−
                let data = [
 
−
                    {
 
−
                        "src": "https://static.igem.org/mediawiki/2018/1/1a/T--DLUT_China_B--Top1.jpg",
 
−
                        "title": "DLUT China B",
 
−
                        "description": "DLUT China B",
 
−
                    },
 
−
                    {
 
−
                        "src": "https://static.igem.org/mediawiki/2018/0/04/T--DLUT_China_B--Top2.jpg",
 
−
                        "title": "Principle",
 
−
                        "description": "Principle.",
 
−
                    }
 
−
                ];
 
−
                $(document).ready(slideshow(data));
 
−
            </script>
 
 
         </div>
 
         </div>
−
 
−
        <div id="nav"></div>
 
 
         <br>
 
         <br>
 
     </div>
 
     </div>
  
−
    <h2 class="title">Circles</h2>
 
 
     <div id="circle">
 
     <div id="circle">
 
         <div class="tr">
 
         <div class="tr">
−
             <div class="td">a</div>
+
             <div class="td">
−
             <div class="td">b</div>
+
                <a href="https://2018.igem.org/Team:DLUT_China_B/Description">
−
             <div class="td">c</div>
+
                    <img src="https://static.igem.org/mediawiki/2018/b/b8/T--DLUT_China_B--Circle1.png" width="250">
 +
                    <div>Project</div>
 +
                </a>
 +
            </div>
 +
             <div class="td">
 +
                <a href="https://2018.igem.org/Team:DLUT_China_B/Parts">
 +
                    <img src="https://static.igem.org/mediawiki/2018/f/f0/T--DLUT_China_B--Circle2.png" width="250">
 +
                    <div>Parts</div>
 +
                </a>
 +
            </div>
 +
             <div class="td">
 +
                <a href="https://2018.igem.org/Team:DLUT_China_B/GrayValueConcentrationModel">
 +
                    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--DLUT_China_B--Circle3.png" width="250">
 +
                    <div>Model</div>
 +
                </a>
 +
            </div>
 
         </div>
 
         </div>
 
         <div class="tr">
 
         <div class="tr">
−
             <div class="td">d</div>
+
             <div class="td">
−
             <div class="td">e</div>
+
                <a href="https://2018.igem.org/Team:DLUT_China_B/Applied_Design">
−
             <div class="td">f</div>
+
                    <img src="https://static.igem.org/mediawiki/2018/7/71/T--DLUT_China_B--Circle4.png" width="250">
 +
                    <div>Awards</div>
 +
                </a>
 +
            </div>
 +
             <div class="td">
 +
                <a href="https://2018.igem.org/Team:DLUT_China_B/Human_Practices">
 +
                    <img src="https://static.igem.org/mediawiki/2018/6/63/T--DLUT_China_B--Circle5.png" width="250">
 +
                    <div id="humanPracticesCircle"><p>Human<br>Practices</p></div>
 +
                </a>
 +
            </div>
 +
             <div class="td">
 +
                <a href="https://2018.igem.org/Team:DLUT_China_B/TeamMembers">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/06/T--DLUT_China_B--Circle6.png" width="250">
 +
                    <div>Team</div>
 +
                </a>
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
 
     <div>
 
     <div>
−
         <h2 class="title">Chat Bubbles</h2>
+
         <h2 class="title">Click bubbles to chat with me</h2>
 
         <div id="chatBubbles"></div>
 
         <div id="chatBubbles"></div>
 
     </div>
 
     </div>
Line 162: Line 173:
 
                     },
 
                     },
 
                     {
 
                     {
−
                         question: "Human Practice",
+
                         question: "Human Practices",
−
                         answer: "humanPractice"
+
                         answer: "humanPractices"
 
                     },
 
                     },
 
                     {
 
                     {
Line 285: Line 296:
 
                     },
 
                     },
 
                     {
 
                     {
−
                         question: "Human Practice",
+
                         question: "Human Practices",
−
                         answer: "humanPractice"
+
                         answer: "humanPractices"
 
                     },
 
                     },
 
                     {
 
                     {
Line 357: Line 368:
 
                 ]
 
                 ]
 
             },
 
             },
−
             "humanPractice": {
+
             "humanPractices": {
 
                 says: [
 
                 says: [
 
                     "We are committed to education and publicity.",
 
                     "We are committed to education and publicity.",
−
                     "Choose \"Learn more\" and you will arrive at Human Practice.",
+
                     "Choose \"Learn more\" and you will arrive at Human Practices.",
 
                     "Choose \"Back\", the destination will be reset."
 
                     "Choose \"Back\", the destination will be reset."
 
                 ],
 
                 ],
Line 366: Line 377:
 
                     {
 
                     {
 
                         question: "Learn more",
 
                         question: "Learn more",
−
                         answer: "goHumanPractice"
+
                         answer: "goHumanPractices"
 
                     },
 
                     },
 
                     {
 
                     {
Line 408: Line 419:
 
         };
 
         };
 
         goParts = function () {
 
         goParts = function () {
−
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/PartsOverview";
+
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/Parts";
 
         };
 
         };
 
         goModel = function () {
 
         goModel = function () {
−
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/ConditionOptimization";
+
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/GrayValueConcentrationModel";
 
         };
 
         };
 
         goAwards = function () {
 
         goAwards = function () {
−
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/AppliedDesign";
+
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/Applied_Design";
 
         };
 
         };
−
         goHumanPractice = function () {
+
         goHumanPractices = function () {
−
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/HumanPractice";
+
             window.location.href = "https://2018.igem.org/Team:DLUT_China_B/Human_Practices";
 
         };
 
         };
 
         goTeamworkAndCooperation = function () {
 
         goTeamworkAndCooperation = function () {

Latest revision as of 02:42, 18 October 2018

2018 iGEM_DLUT_B

Click bubbles to chat with me