Team:Dundee/policypractice/clinic

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Team:Dundee/Template/header}} <html> <head> <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> <link href="http://2014.igem....")
 
(63 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Dundee/Template/header}}
{{:Team:Dundee/Template/header}}
 +
<html>
<html>
<head>
<head>
-
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
<title>Dundee 2014 Team</title>
-
<link href="https://2014.igem.org/Team:Dundee/css/school?action=raw&ctype=text/css" rel="stylesheet">
+
-
<!-- jQuery -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>       
+
-
<!-- Bootstrap -->
+
-
<script src="https://2014.igem.org/Team:Dundee/js/bootstrap-js?action=raw&ctype=text/javascript"></script>
+
      
      
 +
<link href="https://2014.igem.org/Team:Dundee/css/board?action=raw&ctype=text/css" rel="stylesheet">
 +
 +
  <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
 
 +
<style type="text/css">
 +
 +
.jumbotron{
 +
height: 300px;
 +
background: #FECB00;
 +
color: Black;
 +
 +
}
 +
 +
 +
.toLesson{
 +
  background: #FECB00;
 +
color: Black;
 +
}
 +
.btn-group > a{ color: Black; } .toClass{
 +
    background: #97c3c3;
 +
}
 +
 +
#magazine{
 +
top: 100px;
 +
width:1000px;
 +
height:500px;
 +
}
 +
#magazine .turn-page{
 +
background-color:#ccc;
 +
background-size:100% 100%;
 +
}
 +
 +
.page{
 +
border: solid;
 +
border-width: 1px;
 +
}
 +
</style>
</head>
</head>
-
<body data-spy="scroll" data-target="#myScrollspy">
+
<body>
<div class="container">
<div class="container">
     <div class="jumbotron">
     <div class="jumbotron">
-
               <h1>Project
+
               <h1>CF Stories</h2>
-
             <p class="lead">What we did</p>
+
             <p class="lead">Informed by the Experts</p>
     </div>
     </div>
-
        <div class="row">
 
-
    <div class="col-col-sm-3 col-xs-3 col-md-3" id="nav">
 
-
        <ul class="nav list-group affix">
 
-
            <li class="list-group-item"><a href="#0" class="">Initial planning and cloning strategy</a>
 
-
            </li>
 
-
            <li class="list-group-item"><a href="#1" class="">Building the PQS sensor</a>
 
-
            </li>
 
-
            <li class="list-group-item"><a href="#2" class="">Characterisation</a>
 
-
            </li>
 
-
        </ul>
 
-
    </div>
 
-
    <div class="col-sm-9 col-xs-9">
 
-
           
 
 +
<div class="row">
 +
<div class="col-12">
 +
<p>
 +
In this book you will find some of the interviews which we conducted with patients in Ninewells, our local Hospital. These people are our honorary team members, and we are indebted to them all. They were extremely generous with their time and helped to give us an insight into living with Cystic Fibrosis, whilst advising us on many aspects of our project, especially the design of our final product and it's implementation. <br/><br/>
 +
We have tried to put the patient's voice at the heart of The Lung Ranger, and we hope that these interviews convey their involvement in the project to you.<br/><br/>
 +
To view this content out of book form and in a more classic format click <a href="https://2014.igem.org/Team:Dundee/policypractice/clinic/normal"/> here</a>.
 +
</p>
 +
</div>
 +
</div>
 +
<div id="magazine">
-
<!--END OF CONTENT-->
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/f0/DUNCoverCF.jpg" alt="" width=100% height=100% ></div>
 +
 
 +
<div class = "page" style="background-color:white;"></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/6/6e/Dun_The_Experts.png" alt="" width=100% height=100% ></div>
 +
 
 +
 
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/3/39/DUN_Olipage1.png" alt="" width=100% height=100% ></div>
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/7/7b/Olipage2.png" alt="" width=100% height=100% ></div>
 +
 
 +
 
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/4e/DUN_Ricci.png" alt="" width=100% height=100% >< </div>
 +
<div class = "page" >
 +
 
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://2014.igem.org/File:DUNLOW_Ricci%27s_Story_(1).ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/9/9c/Ricci%27s_Story.mov" type='video/mp4'/>
 +
</video>
</div>
</div>
 +
 +
 +
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/40/DUN_Robbie.png" alt="" width=100% height=100% ></div>
 +
<div class = "page" >
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/6/6c/DUN_Robbies_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/e/e1/Dun_Robbies_Story.mov" type='video/mp4'/>
 +
</video>
</div>
</div>
-
<div id="ref">
 
-
            <h3>References</h3>   
 
-
</div>       
 
-
      </div>
 
-
    </div>
 
 +
<div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d5/DUN_Siannon.png" alt="" width=100% height=100% ></div>
 +
<div class="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/0/07/DUNLOW_Siannon%27s_Story_%281%29.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/4/48/Dun_Siannon%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/8/8d/DUN_Emily.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/c/c3/DUNLOW_Emilys_Story_%281%29.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/2/24/Dun_Emilys_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/6/61/DUN_Jamie.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/d/d6/DUNLOW_Jamie%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/8/84/Dun_Jamie%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/2/26/DUN_Leanne.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/1/1d/DUN_Leanne%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/f/f6/DUN_Leanne%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/4/47/DUN_Chris_and_Gemma.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/3/32/DUN_Chris_and_Gemma%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/6/6a/DUN_Chris_and_Gemma%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/a/af/DUN_Linda.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/6/6b/Dun_Linda%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/6/67/DUN_Linda%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/f/f2/DUN_Lucy.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/6/65/DUN_Lucy%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/d/db/DUN_Lucy%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/9/9a/DUN_Dave.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/6/69/DUN_Dave%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/3/30/DUN_Dave%27s_Story.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/a/ab/DUN_Michael.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://2014.igem.org/File:DUN_Michael_and_the_Future_of_the_Lung_Ranger.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/a/ad/DUN_Michael_and_the_Future_of_the_Lung_Ranger.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
<div style="background-color:white;"></div>
 +
<div><img src="https://static.igem.org/mediawiki/2014/8/82/DUN_Healthcare_Specialists.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/e/e4/DUN_Dr_rodgers1.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/5/5f/Dr_Rodgers.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/b/b4/Dun_Dr_Rodgers.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/7/74/DUN_Gill.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://2014.igem.org/File:DUN_Gill%27s_Story_(CF_Clinical_Nurse_Specialist).ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/5/5f/Gill%27s_Story_%28CF_Clinical_Nurse_Specialist%29.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/a/a5/DUN_Dr_rodgers2.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/b/be/Dr_Rodgers_and_the_LASSO_Interface.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/a/a1/Dr_Rodgers_and_the_LASSO_Interface.mov" type='video/mp4'/>
 +
</video>
 +
 +
</div>
 +
 +
 +
<div style="background-color:white;"></div>
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/1/1a/DUN_Trying_to_understand.png" alt="" width=100% height=100% ></div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/1/1a/DUN_Trying_out_ourselves.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://static.igem.org/mediawiki/2014/2/2c/Dun_Trying_Spirometry_Out.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/4/4e/Dun_Trying_Spirometry_Out.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/5/5f/DUN_In_their_shoes.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://2014.igem.org/File:DUN_Someone_with_CF;_in_their_shoes.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/3/3c/DUN_Someone_with_CF%3B_in_their_shoes.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
 +
<div id="page"><img src="https://static.igem.org/mediawiki/2014/3/38/DUN_Easy_as_1-2-3.png" alt="" width=100% height=100% ></div>
 +
<div id="page">
 +
 +
<video controls="controls"  width=100% height=100%  preload="none" >
 +
<source src="https://2014.igem.org/File:DUN_L.A.S.S.O_in_action.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
<source src="https://static.igem.org/mediawiki/2014/0/08/DUN_L.A.S.S.O_in_action.mov" type='video/mp4'/>
 +
</video>
 +
</div>
 +
 +
</div>
 +
<div class="row">
 +
<div class="col-12">
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
</div>
 +
</div>
     <div class="row" id="btnRow">
     <div class="row" id="btnRow">
       <div class="btn-group btn-group-justified">
       <div class="btn-group btn-group-justified">
   <div class="btn-group">
   <div class="btn-group">
-
<a href="" class="btn btn-default toLesson">Previous lesson</a>   
+
<a class="btn btn-default toClass" id="lastPage">Previous Page</a>   
   </div>
   </div>
   <div class="btn-group">
   <div class="btn-group">
-
<a href="https://2014.igem.org/Team:Dundee/inside/school" class="btn btn-default toClass">Back to School</a>
 
   </div>
   </div>
   <div class="btn-group">
   <div class="btn-group">
-
     <a href="bdsf" class="btn btn-default toLesson">BDSF</a>
+
     <a class="btn btn-default toClass" id="nextPage">Next Page</a>
   </div>
   </div>
</div>
</div>
-
    </div> 
 
 +
<div class="row">
 +
<div class="col-12">
 +
<hr>
 +
</div>
</div>
</div>
-
<script>
+
</div>
 +
</div>
-
  $('body').scrollspy({ 'target': '#nav', 'offset': 10 });
+
    <div class="row" id="btnRow">
-
 
+
      <div class="btn-group btn-group-justified">
-
   $('#nav').on('activate.bs.scrollspy', function() {
+
   <div class="btn-group">
-
   
+
<a href="experts" class="btn btn-default toLesson">Previous Poster: Policy & Practice</a> 
-
    var ele = $(this).find('.active');
+
  </div>
-
   
+
  <div class="btn-group">
-
    if (ele.find('.submenu').length>0) {
+
<a href="https://2014.igem.org/Team:Dundee/inside/board" class="btn btn-default toClass">Back to Bulletin Board</a>
-
      $('.submenu li').addClass('hide');
+
  </div>
-
      $('.active>ul.submenu>li').removeClass('hide');
+
  <div class="btn-group">
-
    }
+
     <a href ="mt" class="btn btn-default toLesson">Next Poster: Talks and Media</a>
-
    else{
+
  </div>
-
      $('.submenu li').addClass('hide');
+
</div>
-
     }
+
    </div> 
-
     
+
-
   
+
-
  });
+
 +
<script type="text/javascript">
 +
 +
$(window).ready(function() {
 +
$('#magazine').turn({
 +
display: 'double',
 +
acceleration: true,
 +
gradients: !$.isTouch,
 +
elevation:50,
 +
when: {
 +
turned: function(e, page) {
 +
/*console.log('Current view: ', $(this).turn('view'));*/
 +
}
 +
}
 +
});
 +
});
 +
 +
 +
$(window).bind('keydown', function(e){
 +
 +
if (e.keyCode==37)
 +
$('#magazine').turn('previous');
 +
else if (e.keyCode==39)
 +
$('#magazine').turn('next');
 +
 +
});
 +
 +
$( "#lastPage" ).click(function() {
 +
  $('#magazine').turn('previous');
 +
});
 +
 +
$( "#nextPage" ).click(function() {
 +
  $('#magazine').turn('next');
 +
});
 +
 +
 +
        $( "#info" ).click( function() {
 +
        $('#welcomeNote').appendTo("body");
 +
  $("#welcomeNote").modal();
 +
});
</script>
</script>
 +
 +
 +
<!-- jQuery -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>   
 +
<!-- Bootstrap -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/bootstrap-js?action=raw&ctype=text/javascript"></script>
 +
<!-- Turn js -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script> 
</body>
</body>
</html>
</html>
 +
{{:Team:Dundee/Template/welcomeNoteBoard}}

Latest revision as of 22:15, 17 October 2014

Dundee 2014

Dundee 2014


Dundee 2014 Team

CF Stories

Informed by the Experts

In this book you will find some of the interviews which we conducted with patients in Ninewells, our local Hospital. These people are our honorary team members, and we are indebted to them all. They were extremely generous with their time and helped to give us an insight into living with Cystic Fibrosis, whilst advising us on many aspects of our project, especially the design of our final product and it's implementation.

We have tried to put the patient's voice at the heart of The Lung Ranger, and we hope that these interviews convey their involvement in the project to you.

To view this content out of book form and in a more classic format click here.

<