Difference between revisions of "Team:Nottingham/Human Practices"

Line 25: Line 25:
 
<a class="anchor" id="silver"></a>
 
<a class="anchor" id="silver"></a>
 
<h2>Silver</h2>
 
<h2>Silver</h2>
<section class="blog-menu" style="padding:0px; background:none">
+
<div class="ui two cards">
  <div class="ui padded two column stackable grid ">
+
<div class="ui fluid card">
    <div class="ui column appear" style="transition-delay: 0s; transform: none; opacity: 1;">
+
<div class="image">
      <img src="https://images.pexels.com/photos/860378/pexels-photo-860378.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" style="width:100%">
+
    <img src="https://images.pexels.com/photos/860378/pexels-photo-860378.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
      <a href="human_practices/elderly_mediaction_report"><h2>Impact</h2></a>
+
    </div>
      <p>Impact Description here.</p>
+
    <div class="content">
      <a href="human_practices/elderly_mediaction_report" class="read-more">Read more</a>
+
    <a class="header">Impact</a>
    </div>
+
    <div class="meta">
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
<span class="date">June 18 2018</span>
      <img src="https://images.pexels.com/photos/207983/pexels-photo-207983.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" style="width:100%">
+
    </div>
      <a href="human_practices/emoji_report"><h2>Exploring the emotions that people feel towards phage therapy through a representative sample video</h2></a>
+
    <div class="description">
      <p>This report intends to explore what emotions people feel towards phage therapy.</p>
+
Description here.
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
    </div>
    </div>
+
   
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
    </div>
      <img src="https://images.pexels.com/photos/207983/pexels-photo-207983.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" style="width:100%">
+
    <div class="ui bottom attached button">
      <a href="human_practices/emoji_report"><h2>Legistlation</h2></a>
+
Read more
      <p>Legistlation description here.</p>
+
</div>
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
</div>
    </div>
+
 
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
<div class="ui fluid card">
      <img src="https://images.pexels.com/photos/207983/pexels-photo-207983.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" style="width:100%">
+
<div class="image">
      <a href="human_practices/emoji_report"><h2>Literature report</h2></a>
+
    <img src="https://images.pexels.com/photos/207983/pexels-photo-207983.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
      <p>Lit description</p>
+
    </div>
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
    <div class="content">
    </div>
+
    <a class="header">Exploring the emotions that people feel towards phage therapy through a representative sample video</a>
  </div>
+
    <div class="meta">
</section>
+
<span class="date">June 18 2018</span>
 +
    </div>
 +
    <div class="description">
 +
This report intends to explore what emotions people feel towards phage therapy.
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://images.pexels.com/photos/531970/pexels-photo-531970.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header">Legistlation report</a>
 +
    <div class="meta">
 +
<span class="date">June 18 2018</span>
 +
    </div>
 +
    <div class="description">
 +
Legistlation description here.
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://images.pexels.com/photos/207983/pexels-photo-207983.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header">Literature report</a>
 +
    <div class="meta">
 +
<span class="date">June 18 2018</span>
 +
    </div>
 +
    <div class="description">
 +
Lit description
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
</div>
 +
 
</div>
 
</div>
 
 
Line 58: Line 106:
 
<a class="anchor" id="gold"></a>
 
<a class="anchor" id="gold"></a>
 
<h2>Gold</h2>
 
<h2>Gold</h2>
<section class="blog-menu" style="padding:0px; background:none">
+
<p>
  <div class="ui padded two column stackable grid ">
+
For our gold medal criteria, we analysed how we could integrate the findings of our discussion group and field expert interviews into our project. We chose to document this via a clear flowchart so that we can explain how we have taken on board feedback and modified our project as a result. We hope enjoy learning about our Human Practices work on this year’s project. Click the dropdown menu and pages to find our more details about our work!
    <div class="ui column appear" style="transition-delay: 0s; transform: none; opacity: 1;">
+
</p>
      <img src="https://static.igem.org/mediawiki/2018/1/17/T--Nottingham--gold_medal.jpg" style="width:100%">
+
<div class="ui two cards">
      <a href="human_practices/elderly_mediaction_report"><h2>HP Gold guide</h2></a>
+
<div class="ui fluid card">
      <p>We wrote a guide for future iGem teams!</p>
+
<div class="image">
      <a href="human_practices/elderly_mediaction_report" class="read-more">Read more</a>
+
    <img src="https://static.igem.org/mediawiki/2018/1/1c/T--Nottingham--gold-medal.jpg">
    </div>
+
    </div>
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
    <div class="content">
      <img src="https://images.pexels.com/photos/515169/pexels-photo-515169.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=400&amp;w=500" style="width:100%">
+
    <a class="header">HP Gold guide</a>
      <a href="human_practices/emoji_report"><h2>Report on Discussion Groups and interviews</h2></a>
+
    <div class="meta">
      <p>Discussion group description.</p>
+
<span class="date">July 2018</span>
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
    </div>
    </div>
+
   
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
    </div>
      <img src="https://via.placeholder.com/500x400" style="width:100%">
+
    <div class="ui bottom attached button">
      <a href="human_practices/emoji_report"><h2>Integration flowchart</h2></a>
+
Read more
      <p>Description here.</p>
+
</div>
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
</div>
    </div>
+
<div class="ui fluid card">
    <div class="ui column appear" style="transition-delay: 0.15s; transform: none; opacity: 1;">
+
<div class="image">
      <img src="https://via.placeholder.com/500x400" style="width:100%">
+
    <img src="https://images.pexels.com/photos/515169/pexels-photo-515169.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=400&amp;w=500">
      <a href="human_practices/emoji_report"><h2>Information leaflet</h2></a>
+
    </div>
      <p>Description here.</p>
+
    <div class="content">
      <a href="human_practices/emoji_report" class="read-more">Read more</a>
+
    <a class="header">Report on Discussion Groups and interviews</a>
    </div>
+
    <div class="meta">
  </div>
+
<span class="date">July 2018</span>
</section>
+
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/24/T--Nottingham--flowchart.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header">Integration flowchart</a>
 +
    <div class="meta">
 +
<span class="date">July 2018</span>
 +
    </div>
 +
    <div class="description">
 +
We created a detailed flowchart, explaining how we met and achieved the Gold Medal criteria through our Human Practices.
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
<div class="ui fluid card">
 +
<div class="image">
 +
    <img src="https://static.igem.org/mediawiki/2018/8/84/T--Nottingham--leaflet_screenshot.jpg">
 +
    </div>
 +
    <div class="content">
 +
    <a class="header">Information leaflet</a>
 +
    <div class="meta">
 +
<span class="date">July 2018</span>
 +
    </div>
 +
    <div class="description">
 +
Following our discussion group, we decided there was a need to create a leaflet to educate people about Phage Therapy. Click here to download this leaflet.  
 +
    </div>
 +
   
 +
    </div>
 +
    <div class="ui bottom attached button">
 +
Read more
 +
</div>
 +
</div>
 +
</div>
 +
 
</div>
 
</div>
 
 

Revision as of 09:34, 16 October 2018

Clostridium dTox Project Human Practices Public Engagement Lab Modelling Collaborations Achievements Team Attributions