Difference between revisions of "Team:USTC-Software/HP/Silver"

Line 1: Line 1:
−
 
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <title>Team</title>
 
     <title>Team</title>
  
−
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script>
  
−
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/scroll&action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/scroll&action=raw&ctype=text/javascript" type="text/javascript"></script>
  
−
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/smooth-scroll&action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/smooth-scroll&action=raw&ctype=text/javascript"
 +
        type="text/javascript"></script>
  
−
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/bootstrap&action=raw&ctype=text/javascript" type="text/javascript"></script>
+
    <script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/bootstrap&action=raw&ctype=text/javascript"
 +
        type="text/javascript"></script>
  
−
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/bootstrap&action=raw&ctype=text/css">
+
    <link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/bootstrap&action=raw&ctype=text/css">
 +
 
 +
    <link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/style&action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/footer&action=raw&ctype=text/css">
  
−
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/style&action=raw&ctype=text/css">
 
−
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/footer&action=raw&ctype=text/css">
 
−
   
 
  
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<script>
+
    <script>
−
    var scroll = new SmoothScroll('a[href*="#"]');
+
        var scroll = new SmoothScroll('a[href*="#"]');
−
</script>
+
    </script>
−
<section id="dowebok" style="">
+
    <section id="dowebok" style="">
−
    <div style="position:relative; z-index:4">
+
        <div style="position:relative; z-index:4">
 
             <nav class="navbar navcolor" id="nav">
 
             <nav class="navbar navcolor" id="nav">
 
                 <div>
 
                 <div>
Line 114: Line 117:
 
             </nav>
 
             </nav>
 
         </div>
 
         </div>
−
</section>
+
    </section>
  
  
−
<div id="team-content" style="border: solid;border-width: 1px;border-color: #e1e1e1; background-color: white;border-radius: 2px;">
+
    <div id="team-content" style="border: solid;border-width: 1px;border-color: #e1e1e1; background-color: white;border-radius: 2px;">
−
    <h1 style="text-align: center;">Human Practice</h1>
+
        <h1 style="text-align: center;">Human Practice</h1>
−
    <div id="item1" class="item one">
+
        <div id="item1" class="item one">
−
        <h2 style="text-align: center">Science and Technology Week</h2>
+
            <h2 style="text-align: center">Science and Technology Week</h2>
−
        <div style="padding: 10px 5px 10px 5px;margin-top: 20px">
+
            <div style="padding: 10px 5px 10px 5px;margin-top: 20px">
−
            <p>Science and Technology Week is an on-campus annually celebration of science, technology, and engineering involving different colleges students in USTC conducting various science-based activities. This year, Science and Technology Week attracted over ten thousand citizens to USTC, varying from innocent pupils, high school students and college students in biology-related majors to the public from all walks who may have limited knowledge of Synthetic Biology. Our team cooperated with Team USTC and offered visitors a feast of biological knowledge.</p>
+
                <p>Science and Technology Week is an on-campus annually celebration of science, technology, and engineering
−
            <p>We introduced elementary knowledge of genetics to citizens by poster presentation, then showed them some basic experiment operation, like liquid relief, centrifugation and etc. We used metaphors of LEGO and principle of programming to introduce the concept of biobricks and Synthetic Biology. What’s more, the game Foldit is used to give children a vivid model of protein. In addition, we distributed questionnaires to the visitors to get some feedback to improve the design idea of our software.</p>
+
                    involving different colleges students in USTC conducting various science-based activities. This year,
 +
                    Science and Technology Week attracted over ten thousand citizens to USTC, varying from innocent pupils,
 +
                    high school students and college students in biology-related majors to the public from all walks who
 +
                    may have limited knowledge of Synthetic Biology. Our team cooperated with Team USTC and offered visitors
 +
                    a feast of biological knowledge.</p>
 +
                <p>We introduced elementary knowledge of genetics to citizens by poster presentation, then showed them some
 +
                    basic experiment operation, like liquid relief, centrifugation and etc. We used metaphors of LEGO and
 +
                    principle of programming to introduce the concept of biobricks and Synthetic Biology. What’s more, the
 +
                    game Foldit is used to give children a vivid model of protein. In addition, we distributed questionnaires
 +
                    to the visitors to get some feedback to improve the design idea of our software.</p>
 +
                <div style="text-align:center">
 +
                    <img src="https://static.igem.org/mediawiki/2017/b/b3/Biohub-wyf.png">
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
−
    </div>
+
        <div id="item3" class="item three">
−
    <div id="item3" class="item three">
+
            <h2 style="text-align: center">Science and Technology Exhibition</h2>
−
        <h2 style="text-align: center">Science and Technology Exhibition</h2>
+
            <div style="padding: 10px 5px 10px 5px;margin-top: 20px">
−
        <div style="padding: 10px 5px 10px 5px;margin-top: 20px">
+
                <p>We held a Synthetic Biology exhibition in Hefei science museum, which is the largest off-campus science class.
−
            <p>We held a Synthetic Biology exhibition in Hefei science museum, which is the largest off-campus science class. This exhibition attracts thousands of citizens including innocent pupils, high school students and their parents. And our team coordinated with team USTC and provide a flood of synthetic knowledge to the visitors.</p>
+
                    This exhibition attracts thousands of citizens including innocent pupils, high school students and their
−
            <p>We used metaphors of LEGO and principle of programming to introduce the concept of biobricks and Synthetic Biology. In addition, we invited teenagers to play Foldit (an online puzzle video game about protein folding) to give them a sense of computer-aided design. We also prepared several games so that they could learn knowledge while having fun.</p>
+
                    parents. And our team coordinated with team USTC and provide a flood of synthetic knowledge to the visitors.</p>
 +
                <p>We used metaphors of LEGO and principle of programming to introduce the concept of biobricks and Synthetic
 +
                    Biology. In addition, we invited teenagers to play Foldit (an online puzzle video game about protein
 +
                    folding) to give them a sense of computer-aided design. We also prepared several games so that they could
 +
                    learn knowledge while having fun.</p>
 +
                <div style="text-align:center;">
 +
                    <img style="height:250px;margin-right:10px;" src="https://static.igem.org/mediawiki/2017/9/98/Kjg3.jpeg">
 +
                    <img style="height:250px" src="https://static.igem.org/mediawiki/2017/2/2e/Kjg1.jpeg">
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
</div>
+
    <style>
−
<style>
+
        html {
−
    html {
+
            overflow-x: hidden;
−
        overflow-x: hidden;
+
            font-size: 625%;
−
        font-size: 625%;
+
         }
−
    }
+
−
    body {
+
−
         min-width: 1020px;
+
−
    }
+
  
−
    #content {
+
        body {
−
        top: -25px
+
            min-width: 1020px;
−
    }
+
        }
  
−
    .subtitle {
+
        #content {
−
        font-size: 24px;
+
            top: -25px
−
        text-align: left;
+
         }
−
         margin: 20px 0 20px 0;
+
−
    }
+
  
−
</style>
+
        .subtitle {
 +
            font-size: 24px;
 +
            text-align: left;
 +
            margin: 20px 0 20px 0;
 +
        }
 +
    </style>
  
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 17:18, 1 November 2017

Team

Human Practice

Science and Technology Week

Science and Technology Week is an on-campus annually celebration of science, technology, and engineering involving different colleges students in USTC conducting various science-based activities. This year, Science and Technology Week attracted over ten thousand citizens to USTC, varying from innocent pupils, high school students and college students in biology-related majors to the public from all walks who may have limited knowledge of Synthetic Biology. Our team cooperated with Team USTC and offered visitors a feast of biological knowledge.

We introduced elementary knowledge of genetics to citizens by poster presentation, then showed them some basic experiment operation, like liquid relief, centrifugation and etc. We used metaphors of LEGO and principle of programming to introduce the concept of biobricks and Synthetic Biology. What’s more, the game Foldit is used to give children a vivid model of protein. In addition, we distributed questionnaires to the visitors to get some feedback to improve the design idea of our software.

Science and Technology Exhibition

We held a Synthetic Biology exhibition in Hefei science museum, which is the largest off-campus science class. This exhibition attracts thousands of citizens including innocent pupils, high school students and their parents. And our team coordinated with team USTC and provide a flood of synthetic knowledge to the visitors.

We used metaphors of LEGO and principle of programming to introduce the concept of biobricks and Synthetic Biology. In addition, we invited teenagers to play Foldit (an online puzzle video game about protein folding) to give them a sense of computer-aided design. We also prepared several games so that they could learn knowledge while having fun.