Difference between revisions of "Team:IIT Roorkee/Human Practices"

(Prototype team page)
 
(Human Practices - Sample)
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
<!DOCTYPE html>
−
{{IIT_Roorkee}}
+
<html lang="en"><head>
−
<html>
+
    <meta charset="utf-8"/>
 +
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
 +
    <meta content="" name="description"/>
 +
    <meta content="" name="author"/>
 +
    <title>PYOMANCER</title>
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <!-- Bootstrap core CSS -->
−
<h3>★  ALERT! </h3>
+
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/bootstrap-minCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2020.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2020.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://2020.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
    <!-- Custom styles for this template -->
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/igem_resetCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
    <link href="https://2020.igem.org/Template:IIT_Roorkee/css/stylesCSS?action=raw&amp;ctype=text/css" rel="stylesheet"/>
 +
  </head>
  
−
<div class="clear"></div>
+
  <body>
 +
    <header>
 +
      <div class="navbar-overlay navbar-overlay-1"></div>
 +
      <div class="navbar-overlay navbar-overlay-2"></div>
 +
      <nav class="navbar navbar-expand-md navbar-dark fixed-top wiki-navbar">
 +
        <a class="navbar-brand" href="#">PYOMANCER</a>
 +
        <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarCollapse" data-toggle="collapse" type="button">
 +
          <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse" id="navbarCollapse">
 +
          <ul class="navbar-nav ml-auto tabs-wrapper">
 +
            <li class="nav-item dropdown">
 +
              <a aria-expanded="false" aria-haspopup="true" class="tab nav-link nav-link-active" data-toggle="dropdown" href="#">
 +
                Project
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li>
 +
                  <a class="dropdown-item dropdown-item-active" href="#">
 +
                    <span>Submenu item 1</span>
 +
                  </a>
 +
                </li>
 +
                <li><a class="dropdown-item" href="#"><span>Submenu item 2</span></a></li>
 +
                <li><a class="dropdown-item" href="#"><span>Submenu item 3</span></a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="nav-item dropdown">
 +
              <a aria-expanded="false" aria-haspopup="true" class="tab nav-link" data-toggle="dropdown" href="#">Human Practices
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li><a class="dropdown-item" href="#"> <span>Submenu item 1</span></a></li>
 +
                <li><a class="dropdown-item" href="#"> <span>Submenu item 2</span> </a></li>
 +
              </ul>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Dry Lab</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Wet Lab</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Machine Learning</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Judges</a>
 +
            </li>
 +
            <li class="nav-item">
 +
              <a class="tab nav-link" href="#">Notebook</a>
 +
            </li>
 +
          </ul>
 +
        </div>
 +
      </nav>
 +
      <div class="header-progress">
 +
        <div class="header-progress-indicator"></div>
 +
      </div>
 +
     
 +
    </header>
  
 +
    <div class="banner">
 +
      <p class="text-center font-size-24">
 +
        </p><h1 class="banner-h1">HEADING 1</h1>
 +
        <h2 class="banner-h2">HEADING 2</h2>
 +
       
 +
        <div class="banner-overlay"></div>
 +
      <p></p>
 +
    </div>
  
 +
    <main class="container wiki" role="main">   
  
−
<div class="column full_size">
+
      <div class="side-nav">
 +
        <div class="page-title">Project</div>
 +
        <div class="side-nav-menu">
 +
        </div>
 +
      </div>
  
−
<h1>Human Practices</h1>
+
      <div class="wiki-content">
−
<p>
+
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-1">Section 1</h1>
−
At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices” refers to iGEM teams’ efforts to actively consider how the world affects their work and their work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design, and execution.
+
        <!-- <h2 class="wiki-h wiki-h2">Heading 2</h2>
−
</p>
+
        <h3 class="wiki-h wiki-h3">Heading 3</h3> -->
 +
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <a class="wiki-link-button" href="#">Wiki Link Button</a>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. <a class="wiki-a" href="">This is a link</a>
 +
          Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
  
 +
        <div class="table-responsive">
 +
          <table class="table table-hover table-bordered">
 +
            <thead class="thead-dark">
 +
              <tr>
 +
                <th scope="col">#</th>
 +
                <th scope="col">First</th>
 +
                <th scope="col">Last</th>
 +
                <th scope="col">Handle</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <th scope="row">1</th>
 +
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
  
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
  
−
<p>For more information, please see the <a href="https://2020.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
 
−
 
−
<ul>
 
−
<li> an <a href="https://2020.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
 
−
<li>guidance on <a href="https://2020.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including advice about how to conduct and document your Human Practices work</li>
 
−
<li>descriptions of <a href="https://2020.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
 
−
<li>links to helpful <a href="https://2020.igem.org/Human_Practices/Resources">resources</a></li>
 
−
<li>and more! </li>
 
−
</ul>
 
−
 
  
 +
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-2">Section 2</h1>
 +
        <h2 class="wiki-h wiki-h2">Heading 2</h2>
 +
        <h3 class="wiki-h wiki-h3">Heading 3</h3>
 +
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. <a class="wiki-a" href="">This is a link</a>
 +
          Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
  
 +
        <div class="table-responsive">
 +
          <table class="table table-hover table-bordered">
 +
            <thead class="thead-dark">
 +
              <tr>
 +
                <th scope="col">#</th>
 +
                <th scope="col">First</th>
 +
                <th scope="col">Last</th>
 +
                <th scope="col">Handle</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <th scope="row">1</th>
 +
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
  
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
  
−
<p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution. </p>
+
       
−
+
        <h1 class="wiki-h wiki-h1 wiki-section-start" id="wiki-section-3">Section 3</h1>
−
</div>
+
        <h2 class="wiki-h wiki-h2">Heading 2</h2>
−
+
        <h3 class="wiki-h wiki-h3">Heading 3</h3>
−
<div class="clear"></div>
+
        <h4 class="wiki-h wiki-h4">Heading 4</h4>
 +
        <p class="wiki-p wiki-bold">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
 +
        <div class="wiki-graphic">
 +
          <img alt="" class="wiki-graphic-image" src="https://static.igem.org/mediawiki/2020/9/9a/T--IIT_Roorkee--images--images--dna.jpg"/>
 +
          <div class="wiki-graphic-reference">Reference, or image description, if any</div>
 +
        </div>
 +
        <p class="wiki-p">
 +
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
 +
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
 +
          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
 +
          aliquip ex ea commodo consequat. <a class="wiki-a" href="">This is a link</a>
 +
          Duis aute irure dolor in
 +
          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
          culpa qui officia deserunt mollit anim id est laborum.
 +
        </p>
  
−
+
        <div class="table-responsive">
 +
          <table class="table table-hover table-bordered">
 +
            <thead class="thead-dark">
 +
              <tr>
 +
                <th scope="col">#</th>
 +
                <th scope="col">First</th>
 +
                <th scope="col">Last</th>
 +
                <th scope="col">Handle</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <th scope="row">1</th>
 +
                <td>Mark</td>
 +
                <td>Otto</td>
 +
                <td>@mdo</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">2</th>
 +
                <td>Jacob</td>
 +
                <td>Thornton</td>
 +
                <td>@fat</td>
 +
              </tr>
 +
              <tr>
 +
                <th scope="row">3</th>
 +
                <td colspan="2">Larry the Bird</td>
 +
                <td>@twitter</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div>
  
 +
        <ol class="wiki-ol">
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ol class="wiki-ol">
 +
          <li>
 +
            Ordered List item
 +
            <ol class="wiki-ol">
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
              <li>Ordered sub-list item</li>
 +
            </ol>   
 +
          </li>
 +
          <li>Ordered List item</li>
 +
          <li>Ordered List item</li>
 +
        </ol>
 +
        <ul class="wiki-ul">
 +
          <li>Unordered List item</li>
 +
          <li>Unordered List item</li>
 +
          <li>
 +
            Unordered List item
 +
            <ul class="wiki-ul">
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
              <li>Unordered sub-list item</li>
 +
            </ul>   
 +
          </li>
 +
        </ul>
  
−
<div class="column full_size">
 
−
 
−
<h3>Silver Medal Criterion #3</h3>
 
−
<p>Explain how you have determined your work is responsible and good for the world.</p>
 
  
  
−
<h3>Gold Medal Criterion #1</h3>
+
      </div>
−
<p>Demonstrate how your team responded to your human practices reflections, research, and/or engagement. You should show how your activities impacted your project purpose, design, and/or execution.
+
    </main>
−
</p>
+
  
−
<p>Please see the <a href="https://2020.igem.org/Judging/Medals">2020 Medals Page</a> for more information. </p>
+
    <div class="fab-border"></div>
 +
    <a class="fab" href="#">
 +
      <img class="fab-next-section" data-placement="left" data-toggle="tooltip" src="https://static.igem.org/mediawiki/2020/f/fb/T--IIT_Roorkee--images--icons--next.svg" title="Next section"/>
 +
      <img class="fab-top-section" data-placement="left" data-toggle="tooltip" src="https://static.igem.org/mediawiki/2020/8/8e/T--IIT_Roorkee--images--icons--top.svg" title="Top"/>
 +
    </a>
 +
    <div class="circular-progress-container">
 +
      <svg class="progress-svg" viewBox="0 0 84 84">
 +
        <circle class="progress-pie" cx="42" cy="42" r="40"></circle>
 +
      </svg>
 +
    </div>
  
−
</div>
+
    <footer class="footer">
 +
      <div class="footer-brand"><a class="" href="#">iGEM IIT Roorkee</a></div>
 +
      <div class="footer-lists">
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item footer-list-item-active" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
        <div class="footer-list">
 +
          <div class="footer-list-title">People</div>
 +
          <a class="tab footer-list-item" href="#"><span>Team</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Team Poster</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Attributions</span></a>
 +
          <a class="tab footer-list-item" href="#"><span>Sponsors</span></a>
 +
        </div>
 +
      </div>
 +
      <div class="footer-info">
 +
        <div class="footer-info-address">
 +
          <div class="footer-address">
 +
            The Department of Biotechnology, <br/>
 +
            Indian Institute of Technology, Roorkee <br/>
 +
            Roorkee, Uttarakhand, <br/>
 +
            India - 247667
 +
            </div>
 +
          <img class="footer-james-thomason" src="https://static.igem.org/mediawiki/2020/a/a2/T--IIT_Roorkee--images--images--james_thomason_building.svg"/>
 +
        </div>
 +
        <div class="footer-info-socials">
 +
          <div class="footer-section-heading">Contact us:</div>
 +
          <div class="contacts">
 +
            <a class="contact" href="tel:+011-2875468"><span>+011-2875468</span></a>
 +
            <a class="contact" href="tel:+91-76487699"><span>+91-76487699</span></a>
 +
            <a class="contact" href="mailto:igem@iitr.ac.in"><span>igem@iitr.ac.in</span></a>
 +
          </div>
 +
          <div class="footer-section-heading">Follow us on:</div>
 +
          <div class="socials">
 +
            <a class="social" href="#"><img alt="Instagrm" src="https://static.igem.org/mediawiki/2020/7/78/T--IIT_Roorkee--images--icons--instagram.svg"/></a>
 +
            <a class="social" href="#"><img alt="Linkedin" src="https://static.igem.org/mediawiki/2020/8/87/T--IIT_Roorkee--images--icons--linkedin.svg"/></a>
 +
            <a class="social" href="#"><img alt="Facebook" src="https://static.igem.org/mediawiki/2020/1/1c/T--IIT_Roorkee--images--icons--facebook.svg"/></a>
 +
            <a class="social" href="#"><img alt="Twitter" src="https://static.igem.org/mediawiki/2020/c/ca/T--IIT_Roorkee--images--icons--twitter.svg"/></a>
 +
          </div>
 +
        </div>
 +
        <img class="footer-james-thomason-mobile" src="https://static.igem.org/mediawiki/2020/a/a2/T--IIT_Roorkee--images--images--james_thomason_building.svg"/>
 +
      </div>
 +
    </footer>
  
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/igem-resetJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/jquery-slim-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
   
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/jquery-waypoints-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/popper-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/bootstrap-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/holder-minJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2020.igem.org/Template:IIT_Roorkee/js/indexJS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script>
 +
      Holder.addTheme("thumb", {
 +
        bg: "#55595c",
 +
        fg: "#eceeef",
 +
        text: "Thumbnail",
 +
      });
 +
    </script>
 +
 
  
−
 
+
</body></html>
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
−
 
+
−
<p>To compete for the <a href="https://2020.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2020.igem.org/Judging/Judging_Form">judging form</a>. </p>
+
−
 
+
−
<p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
+
−
 
+
−
<p>Please note you can compete for the Silver Medal criterion #3, Gold Medal criterion #1 and the Best Integrated Human Practices prize with this page. </p>
+
−
 
+
−
</div>
+

Revision as of 11:00, 20 October 2020

<!DOCTYPE html> PYOMANCER

Project

Section 1

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wiki Link Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is a link Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item

Section 2

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is a link Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item

Section 3

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Reference, or image description, if any

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is a link Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
  1. Ordered List item
  2. Ordered List item
  3. Ordered List item
  1. Ordered List item
    1. Ordered sub-list item
    2. Ordered sub-list item
    3. Ordered sub-list item
  2. Ordered List item
  3. Ordered List item
  • Unordered List item
  • Unordered List item
  • Unordered List item
    • Unordered sub-list item
    • Unordered sub-list item
    • Unordered sub-list item