Team:Dundee/policypractice/clinic

From 2014.igem.org

(Difference between revisions)
 
(52 intermediate revisions not shown)
Line 9: Line 9:
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      
-
 
+
<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/notebook?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/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
Line 16: Line 15:
    
    
<style type="text/css">
<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{
#magazine{
Line 26: Line 41:
background-size:100% 100%;
background-size:100% 100%;
}
}
 +
 +
.page{
 +
border: solid;
 +
border-width: 1px;
 +
}
 +
</style>
</style>
</head>
</head>
<body>
<body>
 +
<div class="container">
 +
    <div class="jumbotron">
 +
              <h1>CF Stories</h2>
 +
            <p class="lead">Informed by the Experts</p>
 +
    </div>
 +
 +
 +
 +
<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">
<div id="magazine">
-
 
-
<div style="background-color:blue;"></div>
 
-
<div style="background-color:blue;"></div>
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/f0/DUNCoverCF.jpg" alt="" width=100% height=100% ></div>
-
<div><img src="https://static.igem.org/mediawiki/2014/6/6e/Dun_The_Experts.png" 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><img src="https://static.igem.org/mediawiki/2014/3/39/DUN_Olipage1.png" alt="" width=100% height=100% ></div>
 
-
<div><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/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><img src="https://static.igem.org/mediawiki/2014/4/4e/DUN_Ricci.png" alt="" width=100% height=100% >< </div>
 
-
<div>
 
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/a/ac/Rick.mov"></video>
 
-
</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" >
-
<div><img src="https://static.igem.org/mediawiki/2014/4/40/DUN_Robbie.png" alt="" width=100% height=100% ></div>
+
<video controls="controls"  width=100% height=100%  preload="none" >
-
<div>
+
<source src="https://2014.igem.org/File:DUNLOW_Ricci%27s_Story_(1).ogg" type='video/ogg; codecs="theora, vorbis"'/>
-
<video controls="controls" width=100% height=100% name="Video Name"
+
<source src="https://static.igem.org/mediawiki/2014/9/9c/Ricci%27s_Story.mov" type='video/mp4'/>
-
src="https://static.igem.org/mediawiki/2014/e/e1/Dun_Robbies_Story.mov"></video>
+
</video>
</div>
</div>
-
<div><img src="https://static.igem.org/mediawiki/2014/d/d5/DUN_Siannon.png" alt="" width=100% height=100% ></div>
+
<div class = "page" ><img src="https://static.igem.org/mediawiki/2014/4/40/DUN_Robbie.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div class = "page" >
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/4/48/Dun_Siannon%27s_Story.mov"></video>
+
 
 +
<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><img src="https://static.igem.org/mediawiki/2014/8/8d/DUN_Emily.png" alt="" width=100% height=100% ></div>
+
<div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d5/DUN_Siannon.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div class="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/2/24/Dun_Emilys_Story.mov"></video>
+
<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>
-
<div><img src="https://static.igem.org/mediawiki/2014/6/61/DUN_Jamie.png" alt="" width=100% height=100% ></div>
+
<div id="page"><img src="https://static.igem.org/mediawiki/2014/8/8d/DUN_Emily.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name" src="
+
 
-
https://static.igem.org/mediawiki/2014/8/84/Dun_Jamie%27s_Story.mov"></video>
+
<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>
-
<div><img src="https://static.igem.org/mediawiki/2014/2/26/DUN_Leanne.png" alt="" width=100% height=100% ></div>
+
<div id="page"><img src="https://static.igem.org/mediawiki/2014/6/61/DUN_Jamie.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"
+
-
src="https://static.igem.org/mediawiki/2014/f/f6/DUN_Leanne%27s_Story.mov"></video>
+
-
</div>
+
 +
<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><img src="https://static.igem.org/mediawiki/2014/4/47/DUN_Chris_and_Gemma.png" alt="" width=100% height=100% ></div>
 
-
<div>
 
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/6/6a/DUN_Chris_and_Gemma%27s_Story.mov"></video>
 
</div>
</div>
-
<div><img src="https://static.igem.org/mediawiki/2014/a/af/DUN_Linda.png" alt="" width=100% height=100% ></div>
+
<div id="page"><img src="https://static.igem.org/mediawiki/2014/2/26/DUN_Leanne.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/6/67/DUN_Linda%27s_Story.mov"></video>
+
<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>
-
<div style="background-color:blue;"></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>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/d/db/DUN_Lucy%27s_Story.mov"></video>
+
<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>
-
<div><img src="https://static.igem.org/mediawiki/2014/9/9a/DUN_Dave.png" alt="" width=100% height=100% ></div>
+
<div id="page"><img src="https://static.igem.org/mediawiki/2014/a/af/DUN_Linda.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/3/30/DUN_Dave%27s_Story.mov"></video>
+
<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>
 +
<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">
-
<div><img src="https://static.igem.org/mediawiki/2014/a/ab/DUN_Michael.png" alt="" width=100% height=100% ></div>
+
<video controls="controls"  width=100% height=100%  preload="none" >
-
<div>
+
<source src="https://static.igem.org/mediawiki/2014/6/69/DUN_Dave%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/>
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/a/ad/DUN_Michael_and_the_Future_of_the_Lung_Ranger.mov"></video>
+
<source src="https://static.igem.org/mediawiki/2014/3/30/DUN_Dave%27s_Story.mov" type='video/mp4'/>
 +
</video>
</div>
</div>
-
<div style="background-color:blue;"></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><img src="https://static.igem.org/mediawiki/2014/8/82/DUN_Healthcare_Specialists.png" alt="" width=100% height=100% ></div>
-
<div><img src="https://static.igem.org/mediawiki/2014/e/e4/DUN_Dr_rodgers1.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>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/b/b4/Dun_Dr_Rodgers.mov"></video>
+
<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>
-
<div><img src="https://static.igem.org/mediawiki/2014/7/74/DUN_Gill.png" alt="" width=100% height=100% ></div>
+
<div id="page"><img src="https://static.igem.org/mediawiki/2014/7/74/DUN_Gill.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/5/5f/Gill%27s_Story_%28CF_Clinical_Nurse_Specialist%29.mov"></video>
+
 
 +
<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>
-
<div><img src="https://static.igem.org/mediawiki/2014/a/a5/DUN_Dr_rodgers2.png" alt="" width=100% height=100% ></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>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/a/a1/Dr_Rodgers_and_the_LASSO_Interface.mov"></video>
+
 
 +
<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>
-
<div style="background-color:blue;"></div>
+
<div style="background-color:white;"></div>
-
<div><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_to_understand.png" alt="" width=100% height=100% ></div>
-
<div><img src="https://2014.igem.org/File:DUN_Trying_out_ourselves.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>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/4/4e/Dun_Trying_Spirometry_Out.mov"></video>
+
 
 +
<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>
-
<div><img src="https://2014.igem.org/File:DUN_In_their_shoes.png" alt="" width=100% height=100% ></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>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/3/3c/DUN_Someone_with_CF%3B_in_their_shoes.mov"></video>
+
 
 +
<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>
-
<div><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"><img src="https://static.igem.org/mediawiki/2014/3/38/DUN_Easy_as_1-2-3.png" alt="" width=100% height=100% ></div>
-
<div>
+
<div id="page">
-
<video controls="controls" width=100% height=100% name="Video Name"  
+
 
-
src="https://static.igem.org/mediawiki/2014/0/08/DUN_L.A.S.S.O_in_action.mov"></video>
+
<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>
 +
<div class="row">
 +
<div class="col-12">
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
</div>
 +
</div>
 +
    <div class="row" id="btnRow">
 +
      <div class="btn-group btn-group-justified">
 +
  <div class="btn-group">
 +
<a class="btn btn-default toClass" id="lastPage">Previous Page</a> 
 +
  </div>
 +
  <div class="btn-group">
 +
  </div>
 +
  <div class="btn-group">
 +
    <a class="btn btn-default toClass" id="nextPage">Next Page</a>
 +
  </div>
 +
</div>
 +
<div class="row">
 +
<div class="col-12">
 +
<hr>
 +
</div>
</div>
</div>
 +
</div>
 +
</div>
 +
 +
    <div class="row" id="btnRow">
 +
      <div class="btn-group btn-group-justified">
 +
  <div class="btn-group">
 +
<a href="experts" class="btn btn-default toLesson">Previous Poster: Policy & Practice</a> 
 +
  </div>
 +
  <div class="btn-group">
 +
<a href="https://2014.igem.org/Team:Dundee/inside/board" class="btn btn-default toClass">Back to Bulletin Board</a>
 +
  </div>
 +
  <div class="btn-group">
 +
    <a href ="mt" class="btn btn-default toLesson">Next Poster: Talks and Media</a>
 +
  </div>
 +
</div>
 +
    </div> 
<script type="text/javascript">
<script type="text/javascript">
Line 189: Line 327:
});
});
 +
$( "#lastPage" ).click(function() {
 +
  $('#magazine').turn('previous');
 +
});
 +
 +
$( "#nextPage" ).click(function() {
 +
  $('#magazine').turn('next');
 +
});
 +
 +
 +
        $( "#info" ).click( function() {
 +
        $('#welcomeNote').appendTo("body");
 +
  $("#welcomeNote").modal();
 +
});
</script>
</script>
<!-- jQuery -->
<!-- jQuery -->
-
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>  
+
<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 -->
<!-- Turn js -->
-
<script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script>  
+
<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 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.

<