(Prototype team page) |
Lastspirit (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <html manifest="cache.manifest" lang="en" dir="ltr"> | |
− | <html> | + | <head> |
− | < | + | <meta charset="utf-8"> |
− | < | + | <meta name="viewport" content="width=device-width, maximum-scale=1"> |
− | < | + | <meta name="render" content="webkit"> |
− | < | + | <meta name="keywords" content="USTBeijing' wiki"> |
− | </ | + | <title>USTB-Beijing | Welcome</title> |
− | < | + | <!-- restyle the iGEM original template --> |
+ | <style type="text/css"> | ||
+ | #top_title{display: none;} | ||
+ | #sideMenu{display: none;} | ||
+ | #content{width:inherit;margin:0;padding:0;} | ||
+ | #HQ_page p { | ||
+ | font-family: 'SourceSansPro-E5dbf24a02165f3'; | ||
+ | font-size: 20px; | ||
+ | text-align: -webkit-auto; | ||
+ | } | ||
+ | #HQ_page h1 { | ||
+ | font-family: 'Gotham5dbe91ec4165f3'; | ||
+ | } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3{ | ||
+ | font-family: 'Gotham5dbe91ec4165f3'; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | a:visited{ | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | </style> | ||
+ | <link rel="icon" href="https://static.igem.org/mediawiki/2017/6/67/T--UST_Beijing--xfavicon.png" type="image/png"> | ||
+ | <link href="https://2017.igem.org/Team:UST_Beijing/css/bootstrapmincss?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:UST_Beijing/js/fancybox?action=raw&ctype=text/css" type="text/css" media="screen" > | ||
+ | <link href="https://2017.igem.org/Team:UST_Beijing/css/style2?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://2017.igem.org/Team:UST_Beijing/css/fontasm?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://2017.igem.org/Team:UST_Beijing/css/animate?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:UST_Beijing/css/main?action=raw&ctype=text/css"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquerydanmu?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&ctype=text/javascript"></script> | ||
+ | <meta name="diaoyong" DanmuPlayer "..//github.com/chiruom/danmuplayer/ - Licensed under the MIT" > | ||
+ | <!--[if lt IE 9]> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/respond?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5shiv?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/html5element?action=raw&ctype=text/javascript"></script> | ||
+ | <![endif]--> | ||
+ | <style type="text/css"> | ||
+ | .demo{width:95%;margin:50px auto 10px auto;padding:10px;} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div class=" | + | <!--Header_section--> |
+ | <header id="header_wrapper"> | ||
+ | <div class="header_box"> | ||
+ | <!-- <div class="logo"><a href="#"><img src="img/logo.png" alt="logo"></a></div>--> | ||
+ | <nav class="navbar navbar-inverse" role="navigation"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> | ||
+ | </div> | ||
+ | <div id="main-nav" class="collapse navbar-collapse navStyle"> | ||
+ | <ul class="nav navbar-nav" id="mainNav"> | ||
+ | <!--<li class="active"> | ||
+ | <a0 id="ix0" href="#hero_section"> | ||
+ | <span id="ca-icon0"></span> | ||
+ | <div class="scroll-link">Background</div> | ||
+ | </a0></li> | ||
+ | <li><a1 id="ix1" href="#aboutUs"> | ||
+ | <span id="ca-icon1"></span> | ||
+ | <div class="scroll-link">Project</div></a1></li> | ||
+ | <li><a2 id="ix2" href="#experience"> | ||
+ | <span id="ca-icon2"></span> | ||
+ | <div class="scroll-link">Modeling</div></a2></li> | ||
+ | <li><a3 id="ix3" href="#aboutUs"> | ||
+ | <span id="ca-icon3"></span> | ||
+ | <div class="scroll-link">HomePage</div></a3></li> | ||
+ | <li><a4 id="ix4" href="https://2017.igem.org/Team:UST_Beijing/Team.html"> | ||
+ | <span id="ca-icon4"></span> | ||
+ | <div class="scroll-link">Team</div></a4></li> | ||
+ | <li><a5 id="ix5" href="#Portfolio"> | ||
+ | <span id="ca-icon5"></span> | ||
+ | <div class="scroll-link">Awards</div></a5></li> | ||
+ | <li><a6 id="ix6" href="#service"> | ||
+ | <span id="ca-icon6"></span> | ||
+ | <div class="scroll-link">Notebook</div></a6></li> | ||
+ | <!--<li><a href="https://2017.igem.org/Team:UST_Beijing/Note.html"> | ||
+ | <span id="ca-icon7"></span><li class="active">--》--> | ||
+ | <li class="active"> | ||
+ | <a id="ix0" href="#hero_section"> | ||
+ | <span id="ca-icon0"></span> | ||
+ | <div class="scroll-link">Background</div> | ||
+ | </a></li> | ||
+ | <li><a href="#aboutUs"> | ||
+ | <span id="ca-icon1"></span> | ||
+ | <div class="scroll-link">Project</div></a></li> | ||
+ | <li><a href="#experience"> | ||
+ | <span id="ca-icon2"></span> | ||
+ | <div class="scroll-link">Modeling</div></a></li> | ||
+ | <li><a href="#aboutUs"> | ||
+ | <span id="ca-icon3"></span> | ||
+ | <div class="scroll-link">HomePage</div></a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:UST_Beijing/Team.html"> | ||
+ | <span id="ca-icon4"></span> | ||
+ | <div class="scroll-link">Team</div></a></li> | ||
+ | <li><a href="#Portfolio"> | ||
+ | <span id="ca-icon5"></span> | ||
+ | <div class="scroll-link">Awards</div></a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:UST_Beijing/Note.html"> | ||
+ | <span id="ca-icon6"></span> | ||
+ | <div class="scroll-link">Notebook</div></a></li> | ||
+ | <!--<li><a href="https://2017.igem.org/Team:UST_Beijing/Note.html"> | ||
+ | <span id="ca-icon7"></span> | ||
+ | <div clas s="scroll-link">Modeling</div></a></li> | ||
+ | </ul> | ||
+ | <div class="scroll-link">Modeling</div></a></li>--> | ||
− | < | + | </ul> |
− | < | + | </div> |
− | < | + | </nav> |
− | < | + | </div> |
+ | </header> | ||
+ | <!--Header_section--> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="container" align="center"> | ||
+ | <div class="panel-group" id="BackgroundContent" role="tablist" aria-multiselectable="true"> | ||
+ | <div class="panel panel-transparent"> | ||
+ | <div id="Background" class="panel-collapse collapse in"> | ||
+ | <div class="panel-body"> | ||
+ | <h2 style="color:whitesmoke">Human practice</h2><br /> | ||
+ | <p class="text-justify" style="text-indent:1em;width:850px;font-weight:300;font-size:27px;line-height:40px;color:whitesmoke"> | ||
+ | In order to follow the spirit of human practice, we took a long time to prepare and finish this task. As we know, the key to HP is discover how the world effects to us, and how we effect back to the World. At the same time , we mustn’t do our HP through some dangerous ways, and make sure we can not lead to some hazardous consequence.<br /><br /> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9c/Human_practice1.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/9d/Human_practice2.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1b/Human_practice3.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1b/Human_practice4.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/2d/Human_practice5.JPG" style="width:700px;margin-top: 10px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="panel panel-transparent"> | ||
+ | <div class="panel-heading" > | ||
+ | <h4 >Background of practice</h4> | ||
+ | </div> | ||
+ | <div id="Abstract" class="panel-collapse collapse in"> | ||
+ | <div class="panel-body" > | ||
+ | <br /> | ||
+ | <p class="text-justify" style="text-align:left;text-indent:1em;font-size:20px;line-height:30px;font-weight: 700" > | ||
+ | Recent studies have found that ginseng can regulate endocrine, improve body immunity and sex function, delay senescence. Therefore, modern Chinese medicine believes that ginseng can be used to fulfill the Qi of spleen, lung, and heart. And Qi is significant concept of traditional Chinese medicine, which can keep people energetic and vital. | ||
+ | <br /> <br /> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/8c/Human_practice6.JPG" style="width:700px;margin-top: 10px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br /> <br /><br /> <br /> | ||
+ | <div class="panel-heading" > | ||
+ | <h4>Community engagement</h4> | ||
+ | </div> | ||
+ | <div id="Abstract2" class="panel-collapse collapse in"> | ||
+ | <div class="panel-body" > | ||
+ | <br /> | ||
+ | <p class="text-justify" style="text-align:left;text-indent:1em;font-size:20px;line-height:30px;font-weight: 700" > | ||
+ | On 20th Oct, some members of IGEM team came to community center and introduced our project to those residents, most of them are retired teacher and staff. Last year, we held the similar engagement and we received extensive favorable comment. That’s the reason why we want to continue our practice. | ||
+ | </p> | ||
+ | <p class="text-justify" style="text-align:left;text-indent:1em;font-size:20px;line-height:30px;font-weight: 700" > | ||
+ | We brought our banners and propaganda posters in order to attract many residents’ attentions. They all come to us as soon as we appeared. First, we explained our goal to residents. At the same time, they are very satisfied with hand cream gotten last year. We told to them there exists a kind of component, Ginsenoside, has beneficial effort to human body. | ||
+ | </p> | ||
+ | <p class="text-justify" style="text-align:left;text-indent:1em;font-size:20px;line-height:30px;font-weight: 700" > | ||
+ | Some elder man and lady are looking forward to the commonweal activity. We are so pleasant to receive positive comeback , and what we do is closely related to our priority of 2017 iGEM research, synthesizing the precursor of ginseng by human body. | ||
+ | <br /><br /> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1e/Human_practice7.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/c5/Human_practice8.JPG" style="width:700px;margin-top: 10px"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/7b/Human_practice9.JPG" style="width:700px;margin-top: 10px"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br /> <br /><br /> <br /> | ||
+ | <div class="panel panel-transparent"> | ||
+ | <div class="panel-heading" > | ||
+ | <h4>New platform of iGEM team</h4> | ||
+ | </div> | ||
+ | <div id="Abstract3" class="panel-collapse collapse in"> | ||
+ | <div class="panel-body" > | ||
+ | <br /> | ||
+ | <p class="text-justify" style="text-align:left;text-indent:1em;font-size:20px;line-height:30px;font-weight: 700" > | ||
+ | The history we take part in iGEM contest is about more than decade. However, we never make the determination to set up a specific club for iGEM. Luckily, this year, we submit our application of the iGEM club establishment to student union. From now, we will get refund from our school, and we are classified into a kind of formal student scientific association. We believe that our scientific study will be more and more professional and smooth. | ||
+ | <br /> <br /> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <!-- footer --> | ||
+ | <footer class="text-center"> | ||
+ | <div class="container" align="center"> | ||
+ | <p align="center" style="font-size: 5px"><br><h5>Copyright © 2017 UST_Beijing iGEM. All rights reserved.</h5></p> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <style> | ||
+ | #sideMenu | ||
+ | {display:none; /* Disable the display of the annoying side main menu*/} | ||
+ | #top_title | ||
+ | {display:none; /* Disable the annoying title*/} | ||
+ | #content | ||
+ | {padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);} | ||
+ | body | ||
+ | {margin: 0; | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 24px; | ||
+ | color: #333333; | ||
+ | background-color: #fafafa; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2017/9/9e/Ustb_kk.jpg); | ||
+ | background-position:center center; | ||
+ | background-repeat:no-repeat; | ||
+ | -moz-background-size: cover; | ||
+ | background-size: cover; | ||
+ | background-attachment:fixed;} | ||
+ | .container | ||
+ | {background-color: rgba(255,255,255,0.4); | ||
+ | padding-top:80px;} | ||
+ | p {font-size: 16px;} | ||
+ | h1,h2,h3,h4,h5,h6 {color: #282828;} | ||
+ | h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;} | ||
+ | h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;} | ||
+ | .panel-body{background-color:rgba(255, 255, 255, 0) !important;} | ||
+ | .panel-heading{background-color:rgba(255, 255, 255, 0.7) !important;} | ||
+ | .panel-group{background-color:rgba(255, 255, 255, 0) !important;} | ||
+ | .panel-transparent{background-color:rgba(255, 255, 255, 0) !important;} | ||
+ | .nav-pills>li.active>a{background-color:#93d66b !important;} | ||
+ | .nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;} | ||
+ | .nav-pills>li.active>a:hover{background-color:#93d66b !important;} | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/bootstrapmin?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqueryscrolltofixed?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jquerynav?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqueryeasing?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqueryisotope?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Team:UST_Beijing/js/fancyboxjs?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/custom?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqshCircle?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/jqdanmu?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:UST_Beijing/js/main?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | <!--<link rel="stylesheet" href="css/danmuplayer.css"> | ||
+ | <script src="js/danmuplayer.js"></script> | ||
+ | <script src="js/lib/jquery-1.11.1.min.js"></script> | ||
+ | <script> | ||
+ | $("#danmup").DanmuPlayer({ | ||
+ | |||
+ | height: "480px", //区域的高度 | ||
+ | width: "800px" //区域的宽度 | ||
+ | ,urlToGetDanmu:"query.php" | ||
+ | ,urlToPostDanmu:"stone.php" | ||
+ | }); | ||
+ | |||
+ | $("#danmup .danmu-div").danmu("addDanmu",[ | ||
+ | { "text":"这是滚动弹幕" ,color:"white",size:1,position:0,time:2} | ||
+ | ,{ "text":"我是帽子绿" ,color:"green",size:1,position:0,time:3} | ||
+ | ,{ "text":"哈哈哈啊哈" ,color:"black",size:1,position:0,time:10} | ||
+ | ,{ "text":"这是顶部弹幕" ,color:"yellow" ,size:1,position:1,time:3} | ||
+ | ,{ "text":"这是底部弹幕" , color:"red" ,size:1,position:2,time:9} | ||
+ | ,{ "text":"大家好,我是伊藤橙" ,color:"orange",size:1,position:1,time:3} | ||
+ | ]) | ||
+ | </script>--> | ||
</html> | </html> |
Revision as of 15:44, 27 October 2017
Human practice
In order to follow the spirit of human practice, we took a long time to prepare and finish this task. As we know, the key to HP is discover how the world effects to us, and how we effect back to the World. At the same time , we mustn’t do our HP through some dangerous ways, and make sure we can not lead to some hazardous consequence.
Background of practice
Recent studies have found that ginseng can regulate endocrine, improve body immunity and sex function, delay senescence. Therefore, modern Chinese medicine believes that ginseng can be used to fulfill the Qi of spleen, lung, and heart. And Qi is significant concept of traditional Chinese medicine, which can keep people energetic and vital.
Community engagement
On 20th Oct, some members of IGEM team came to community center and introduced our project to those residents, most of them are retired teacher and staff. Last year, we held the similar engagement and we received extensive favorable comment. That’s the reason why we want to continue our practice.
We brought our banners and propaganda posters in order to attract many residents’ attentions. They all come to us as soon as we appeared. First, we explained our goal to residents. At the same time, they are very satisfied with hand cream gotten last year. We told to them there exists a kind of component, Ginsenoside, has beneficial effort to human body.
Some elder man and lady are looking forward to the commonweal activity. We are so pleasant to receive positive comeback , and what we do is closely related to our priority of 2017 iGEM research, synthesizing the precursor of ginseng by human body.
New platform of iGEM team
The history we take part in iGEM contest is about more than decade. However, we never make the determination to set up a specific club for iGEM. Luckily, this year, we submit our application of the iGEM club establishment to student union. From now, we will get refund from our school, and we are classified into a kind of formal student scientific association. We believe that our scientific study will be more and more professional and smooth.