Difference between revisions of "Team:NUDT CHINA/Public Engagement"

(Prototype team page)
 
Line 1: Line 1:
−
{{NUDT_CHINA}}
+
{{NUDT_CHINA/navbar}}
 
<html>
 
<html>
 +
<style>
 +
#mw-content-text p{
 +
    margin: 0px;
 +
}
 +
#content {
 +
    padding: 0px;
 +
    margin: 0px;
 +
    width: 100%;
 +
}
 +
body {
 +
    background-color: white;
 +
    margin: 0px;
 +
}
 +
#bodyContent h1 {
 +
    font-weight: 300 !important;
 +
}
 +
#bodyContent h1,
 +
#bodyContent h2,
 +
#bodyContent h3,
 +
#bodyContent h4,
 +
#bodyContent h5 {
 +
    margin-bottom: 0px;
 +
    border-bottom: none;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
#bodyContent {
−
<h3>★  ALERT! </h3>
+
    padding-right: 0px;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.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://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
#globalWrapper {
−
</div>
+
    font-size: 100%;
 +
    padding: 0px;
 +
    margin: 0px;
 +
}
 +
#top_title {
 +
    visibility: hidden;
 +
    display:none;
 +
}
 +
/* Sections Header
 +
--------------------------------*/
 +
.section-header h3 {
 +
  font-size: 40px;
 +
  color: #111;
 +
  text-transform: uppercase;
 +
  text-align: center;
 +
  font-weight: 700;
 +
  position: relative;
 +
  padding-bottom: 15px;
 +
}
  
 +
.section-header h3::before {
 +
  content: '';
 +
  position: absolute;
 +
  display: block;
 +
  width: 120px;
 +
  height: 1px;
 +
  background: #ddd;
 +
  bottom: 1px;
 +
  left: calc(50% - 60px);
 +
}
  
−
<div class="clear"></div>
+
.section-header h3::after {
 +
  content: '';
 +
  position: absolute;
 +
  display: block;
 +
  width: 40px;
 +
  height: 3px;
 +
  background: #18d26e;
 +
  bottom: 0;
 +
  left: calc(50% - 20px);
 +
}
  
 +
.section-header p {
 +
  text-align: center;
 +
  padding-bottom: 30px;
 +
  color: #333;
 +
}
  
 +
/* Back to top button */
 +
.back-to-top {
 +
  position: fixed;
 +
  background: #18d26e;
 +
  background-repeat: no-repeat;
 +
  background-size: contain;
 +
  color: #fff;
 +
  display: inline-block;
 +
  width: 60px;
 +
  height: 60px;
 +
  text-align: center;
 +
  line-height: 1;
 +
  font-size: 16px;
 +
  border-radius: 50%;
 +
  right: 30px;
 +
  bottom: 30px;
 +
  transition: background 0.5s;
 +
  z-index: 500;
 +
}
  
−
<div class="column full_size">
+
.back-to-top i {
 +
  padding-top: 12px;
 +
  color: #fff;
 +
}
  
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
@media (max-width: 768px) {
 +
  .back-to-top {
 +
    bottom: 30px;
 +
  }
 +
}
 +
</style>
 +
<div class="col-md-12 column" alt="cover_photo" style="width:100%;height:250px;background-size:cover;background-position:0px -350px; background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-repeat:no-repeat;">
 +
  <p style="font-size:36px;margin: 0 0%;padding: 8% 0 0 10%;color: white;">Development of A Novel</p>
 +
<p style="font-size:36px;margin: 0 0%;padding: 0 0 0 10%;color: white;">Blood-MicroRNA Handy Detection System with CRISPR</p></div>
  
−
<p>Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices and views outside the lab. </p>
+
<div class="container">
 +
<div class="row clearfix">
 +
<div class="container" style="margin-top: 280px">
 +
<div class="row" style="margin-top: 25px">
 +
                                <div class="col-md-push-1 col-md-10">
 +
      <h1 style="font-size: 40px;font-weight: 900">Our Work</h1>
 +
                                      <h2 style="font-size: 32px;margin-bottom: 10px;margin-top: 15px;">Our Work</h2>
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
</div>
 +
<div class="col-md-12 column" alt = "main_content">
 +
<div class="col-md-8 col-md-push-2 thumbnail" alt="content_pictute">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
<p alt="photo_detail" style="text-align: center;">This is the sign of the famous game!</p>
 +
</div>
 +
 +
<div class="col-md-6 col-md-push-3">
 +
<!-- <p class="text-center text-info">this is the sign of igem</p> -->
 +
<p alt="photo_detail" style="text-align: center;"><em>This is the sign of the famous game!</em></p>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<blockquote style="border-left-color: #18d26e;">
 +
Maybe you want to write <strong>something interesting thing</strong> here!
 +
<small>Someone famous in <cite>Source Title</cite></small>
 +
</blockquote>
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
</div>
 +
<div class="col-md-12 column" alt = "main_content">
 +
<div class="col-md-6 col-md-push-3" alt="content_pictute">
 +
<div class="row center-block">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
<p alt="photo_detail" style="text-align: center;">This is the sign of the famous game!</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p alt="content_add" style="font-size: 18px;">hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
<table class="table table-striped">
 +
  <caption>The example table for show some data</caption>
 +
  <thead>
 +
<tr>
 +
  <th>name</th>
 +
  <th>city</th>
 +
  <th>mail</th>
 +
</tr>
 +
  </thead>
 +
  <tbody>
 +
<tr>
 +
  <td>Tanmay</td>
 +
  <td>Bangalore</td>
 +
  <td>560001</td>
 +
</tr>
 +
<tr>
 +
  <td>Sachin</td>
 +
  <td>Mumbai</td>
 +
  <td>400003</td>
 +
</tr>
 +
<tr>
 +
  <td>Uma</td>
 +
  <td>Pune</td>
 +
  <td>411027</td>
 +
</tr>
 +
  </tbody>
 +
</table>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Example block-level help text here.There are several variants of  derived from different organisms. In our project, we  . The structure of this protein has been determined with and without  The  a  lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the  main is responsible for target cleavage. In contrast to other  two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
 +
</p>
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
  
−
<p>On this page, your team should document your Education and Public Engagement work and activities. Describe your team’s efforts to include more people in shaping synthetic biology (such as creating or building upon innovative educational tools and/or public engagement activities to establish two-way dialogue with new communities, and/or engaging new groups in discussions about synthetic biology and public values). Describe your approach, why you chose it, and what was learned by everyone involved (including yourselves!).</p>
+
<div class="col-md-push-1 col-md-4 thumbnail">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
</div>
 +
<div class="col-md-push-3 col-md-4 thumbnail">
 +
<img alt="300x200" src="https://static.igem.org/mediawiki/2018/9/9b/2018_igem_menu_logo.svg" />
 +
</div>
 +
</div>
 +
<div class="col-md-push-1 col-md-10">
 +
<p alt="content_add" style="font-size: 18px;">
 +
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<header class="section-header">
 +
<h3>More details</h3>
 +
</header>
 +
<div class="col-md-12 column" alt="problem_answer">
 +
<div class="panel-group" id="panel-1">
 +
<div class="panel panel-success">
 +
<div class="panel-heading text-center">
 +
<a class="panel-title collapsed " data-toggle="collapse" data-parent="#panel-1" href="#panel-element-1"  style="color: #079209; font-size: 20px;text-decoration:none;">Question 1: What does the structure of domains look like?</a>
 +
</div>
 +
<div id="panel-element-1" class="panel-collapse collapse">
 +
<div class="panel-body" style="font-size:16px;">
 +
There are several variants of  derived from different organisms. In our project, we  . The structure of this protein has been determined with and without  The  a  lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the  main is responsible for target cleavage. In contrast to other  two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
 +
</div>
 +
</div>
 +
</div>
 +
<div class="panel panel-success">
 +
<div class="panel-heading text-center">
 +
<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-1" href="#panel-element-2" style="color: #079209; font-size: 20px;text-decoration:none;">Collapsible Group Item #2</a>
 +
</div>
 +
<div id="panel-element-2" class="panel-collapse collapse">
 +
<div class="panel-body" style="font-size:16px;">
 +
Anim pariatur cliche...
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
<p>This work may relate to or overlap with the work you document on your Human Practices page. Whereas Integrated Human Practices relates to the process of refining your project purpose and design, this page may highlight significant efforts that go beyond your particular project focus and/or address a significant broader concern in iGEM.
 
−
</p>
 
  
−
 
+
</html>
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
+
{{NUDT_CHINA/footer}}
−
+
−
<ul>
+
−
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
+
−
<li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
+
−
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
+
−
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
+
−
<li>And more! </li>
+
−
</ul>
+
−
+
−
+
−
<div class="clear extra_space"></div>
+
−
+
−
<p>If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards"></a>Best Education and Public Engagement Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will review this page to consider your team for that prize. The criteria are listed below. </p>
+
−
 
+
−
<div class="highlight decoration_background">
+
−
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and public engagement activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.
+
−
</p>
+
−
</div>
+
−
</div>
+

Revision as of 12:42, 5 October 2018

Development of A Novel

Blood-MicroRNA Handy Detection System with CRISPR

Our Work

Our Work

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200

This is the sign of the famous game!

This is the sign of the famous game!

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Maybe you want to write something interesting thing here! Someone famous in Source Title

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200

This is the sign of the famous game!

hello everyone this is the another example-content part for more imformation. Hello everyone this is the another example-content part for more imformation.Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

The example table for show some data
name city mail
Tanmay Bangalore 560001
Sachin Mumbai 400003
Uma Pune 411027

Example block-level help text here.There are several variants of derived from different organisms. In our project, we . The structure of this protein has been determined with and without The a lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the main is responsible for target cleavage. In contrast to other two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

300x200
300x200

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

More details

There are several variants of derived from different organisms. In our project, we . The structure of this protein has been determined with and without The a lobe. The two lobes are positively charged towards the protein core to accommodate the negatively charged RNA. Each of these two lobes contains an RNase domain. At the main is responsible for target cleavage. In contrast to other two RNase domains of the NUC lobe are located at the outside of the protein, which is likely the reason collateral cleavage upon activation by binding to a matching target. These two domains have been labeled as red spots in Figure 2 and can be found at the interface between the green and pink domain.
Anim pariatur cliche...