Difference between revisions of "Team:Calgary/Public Engagement"

Line 1: Line 1:
−
{{Calgary}}
+
{{:Team:Calgary/Layout}}
−
<html>
+
  
 +
<html lang="en">
  
 +
<head>
 +
    <title>Team:Calgary/Public Engagement - 2018.igem.org</title>
 +
    <!-- CSS -->
 +
    <style>
 +
        html body {
 +
            color: rgba(0, 0, 0, 0.9);
 +
        }
  
 +
        .maincontent {
 +
            background-color: #eeedf0;
 +
            margin-top: 210px;
 +
            margin-bottom: 210px;
 +
            padding: 0;
 +
        }
  
 +
        a:link {
 +
            color: #f38f8f;
 +
        }
  
−
<div class="column full_size">
+
        a:visited {
 +
            color: #f38f8f;
 +
        }
  
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
        a:hover {
 +
            color: #f38f8f;
 +
        }
  
−
<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>
+
        a:active {
 +
            color: #f38f8f;
 +
        }
  
−
<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>
+
        h1 {
 +
            font-family: 'Josefin Sans', sans-serif !important;
 +
            font-weight: normal !important;
 +
            text-align: center;
 +
        }
  
−
<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.
+
        h2 {
−
</p>
+
            text-align: center;
 +
        }
  
 +
        h3 {
 +
            color: #7ccfb8 !important;
 +
        }
  
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
+
        h5 {
−
+
            color: rgba(0, 0, 0, 0.9);
−
<ul>
+
            padding-bottom: 10px;
−
<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 {
−
<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.
+
            font-family: 'Josefin Sans', sans-serif !important;
−
</p>
+
            line-height: 1.8;
−
</div>
+
            text-align: left !important;
−
</div>
+
        }
 +
 
 +
        .infotitle {
 +
            text-align: left;
 +
        }
 +
 
 +
        .infosection {
 +
            padding-bottom: 100px;
 +
            padding-left: 100px;
 +
            padding-right: 100px;
 +
        }
 +
 
 +
        .infosubtitle {
 +
            text-align: left;
 +
        }
 +
 
 +
        @media only screen and (max-width: 991px) {
 +
            .maincontent {
 +
                padding-left: 5%;
 +
                padding-right: 5%;
 +
                background-color: #FFFFFF;
 +
            }
 +
 
 +
            .infotitle {
 +
                margin-top: 20%;
 +
                text-align: center;
 +
            }
 +
 
 +
            .bottom-left {
 +
                display: none;
 +
            }
 +
 
 +
            .infosection {
 +
                padding-bottom: 10px;
 +
                padding-left: 10px;
 +
                padding-right: 10px;
 +
            }
 +
        }
 +
    </style>
 +
</head>
 +
 
 +
<body>
 +
    <!-- Content -->
 +
    <div class="container maincontent">
 +
        <h1 style="transform: translateY(-50%)" class="infotitle">PUBLIC ENGAGEMENT</h1>
 +
        <br>
 +
        <div class="infosection">
 +
            <h3 class="infosubtitle">What is CRISPR?</h3>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
 +
                illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
 +
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
 +
                consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
 +
                a expedita non.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
 +
                modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
 +
                aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
 +
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
 +
                dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
 +
                ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
 +
                tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
 +
                quae.
 +
            </p>
 +
            <br>
 +
            <h3 class="infosubtitle">Why CRISPR?</h3>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam
 +
                illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis!
 +
                Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum
 +
                consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro
 +
                a expedita non.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis
 +
                modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit!
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique
 +
                aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima.
 +
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio
 +
                natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.</p>
 +
            <br>
 +
            <p style="text-indent: 0px">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe,
 +
                dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem
 +
                ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique
 +
                tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam
 +
                quae.
 +
            </p>
 +
        </div>
 +
    </div>
 +
</body>
 +
 
 +
</html>

Revision as of 01:11, 15 October 2018

Team:Calgary/Public Engagement - 2018.igem.org

PUBLIC ENGAGEMENT


What is CRISPR?


Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro a expedita non.


Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe, dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam quae.


Why CRISPR?


Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro a expedita non.


Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.


Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe, dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam quae.