Difference between revisions of "Team:SHSID China/Public Engagement"

Line 1: Line 1:
−
{{SHSID_China}}
+
{{Template:SHSID_China/header}}
 
<html>
 
<html>
 +
<head>
 +
    <link rel="stylesheet" type="text/css" href="header.css">
 +
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Trocchi" rel="stylesheet">
 +
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
 +
    <meta name="apple-mobile-web-app-capable" content="yes">
 +
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 +
    <meta name="format-detection" content="telephone=no">
 +
</head>
 +
<body>
 +
<div id=""page-content-wrapper""><script
 +
  src="http://code.jquery.com/jquery-3.3.1.js"
 +
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
 +
  crossorigin="anonymous"></script>
  
 +
<div class="splash" id="mainsplash" style="background: url(); background-size: cover; background-position: center; position: relative" >
  
 +
    <div class= "row splashesittely" style="position: absolute; top:46%; transform: translateY(-50%)">
 +
        <div class="col-md-3">
 +
        </div>
 +
        <div class="col-md-6">
 +
            <h1 style="font-family: 'Abril Fatface', cursive;">Education & Public Engagement</h1>
 +
            <hr id="mainhr">
 +
            <h2 style="font-family: 'Trocchi', serif;">Making the private public. </h2>
 +
        </div>
 +
            <div class ="col-md-12 transp scroller">
 +
                <a href="#Abstract">
 +
                <h3 style="color: white; font-family: 'Trocchi', serif;">Scroll down for more information</h3>
 +
                <img src="https://static.igem.org/mediawiki/2018/c/ce/T--SHSID_China--mainarrow.jpg" class="img-responsive center-block transp nuoli" style="max-height: 130px">
 +
                </a>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div style="background: url(https://static.igem.org/mediawiki/2018/d/d6/T--SHSID_China--main_bg2.jpg); background-size: cover; background-position: center" class="link" id="Abstract">
 +
    <article style="color: white; font-size: 16px; padding-top: 10px">
 +
      <div class="clear"></div>
 +
        <div class="column full_size">
  
 +
        <h1>Human Practices: Education and Public Engagement Special Prize</h1>
  
−
<div class="clear"></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>
  
 +
        <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>
  
 +
        <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>
  
−
<div class="column full_size">
 
  
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
        <p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
 +
           
 +
            <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>
  
−
<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="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>
  
−
<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>
+
    </article>
 +
</div>
 +
</div>
 +
</body>
 +
<script>
 +
    $(document).ready(function() {
  
−
<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.
+
    if(location.pathname != "/Team:SHSID_China") {
−
</p>
+
        $('#navigation a[href^="https://2018.igem.org' + location.pathname + '"]').addClass('active');
 +
    } else $('#navigation a.home').addClass('active');
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
    // Picture reference script
 +
    /*
 +
    USAGE:
 +
    tag img with a ref that is connected to the image, such as:
 +
    <img src="" ref="" />
 +
    When you insert a reference in text, put a tag with a ref attribute:
 +
    <a ref=""></a>
 +
    Do not put href attribute, it will be replaced with a link to the image.
 +
    Moreover, inner html of the anchor tag will be "figure x" where x is the
 +
    correct figure number. If span or anchor has "." as the inner html, the
 +
    caption will be capitalized.
 +
    */
 +
    var images = $('img[ref]');
 +
    $.each(images, function(index, e){
 +
            var referenceName = e.getAttribute("ref");
 +
            if (!e.id){
 +
                e.setAttribute("id","figure"+(index+1));
 +
            }
 +
            $.each($('a[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[ref="'+referenceName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Figure " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "figure " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
  
−
 
+
    // Table reference script
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
+
    /*
−
+
    USAGE:
−
<ul>
+
    tag table with a tab that is connected to the table, such as:
−
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
+
    <table ref="intensities" />
−
<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>
+
    When you insert a reference in text, put a tag with a ref attribute:
−
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
+
    <a tab="intensities"></a>
−
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
+
    Do not put href attribute, it will be replaced with a link to the image.
−
<li>And more! </li>
+
    Moreover, inner html of the anchor tag will be "table x" where x is the
−
</ul>
+
    correct table number. If span or anchor has "." as the inner html, the
−
+
    caption will be capitalized.
−
+
    */
−
<div class="clear extra_space"></div>
+
    var tables = $('table[tab], img[tab]');
−
+
    $.each(tables, function(index, e){
−
<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>
+
            var tableName = e.getAttribute("tab");
−
 
+
            if (!e.id){
−
<div class="highlight decoration_background">
+
                e.setAttribute("id","table"+(index+1));
−
<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>
+
            $.each($('a[tab="'+tableName+'"]'), function(j, e2){
−
</div>
+
                e2.setAttribute("href","#"+e.id);
−
</div>
+
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
            $.each($('span[tab="'+tableName+'"]'), function(j, e2){
 +
                e2.setAttribute("href","#"+e.id);
 +
                if (e2.innerHTML == "."){
 +
                    e2.innerHTML = "Table " + (index+1);
 +
                } else {
 +
                    e2.innerHTML = "table " + (index+1);
 +
                }
 +
            });
 +
        }
 +
    );
 +
</script>
 +
</html>
 +
{{Template:SHSID_China/footer}}

Revision as of 11:35, 16 October 2018

Education & Public Engagement

Making the private public.

Scroll down for more information