Team:Dundee/policypractice/clinic
From 2014.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 15: | 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 36: | Line 52: | ||
<div class="container"> | <div class="container"> | ||
<div class="jumbotron"> | <div class="jumbotron"> | ||
- | <h1> | + | <h1>CF Stories</h2> |
<p class="lead">Informed by the Experts</p> | <p class="lead">Informed by the Experts</p> | ||
</div> | </div> | ||
Line 45: | Line 61: | ||
<div class="col-12"> | <div class="col-12"> | ||
<p> | <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/> | + | 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/> | 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> | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div | + | <div id="magazine"> |
- | < | + | |
- | <div class=" | + | <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" > | <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://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'/> | <source src="https://static.igem.org/mediawiki/2014/9/9c/Ricci%27s_Story.mov" type='video/mp4'/> | ||
- | </video | + | </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" > | <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/6/6c/DUN_Robbies_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
Line 74: | Line 98: | ||
</video> | </video> | ||
</div> | </div> | ||
- | |||
- | <div class=" | + | |
- | < | + | <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"> | |
- | <div class=" | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/4/48/Dun_Siannon%27s_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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"> |
- | + | ||
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/2/24/Dun_Emilys_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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"> | |
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/8/84/Dun_Jamie%27s_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | + | ||
</div> | </div> | ||
- | <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"> |
- | + | ||
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/f/f6/DUN_Leanne%27s_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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"> |
- | + | ||
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/3/32/DUN_Chris_and_Gemma%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
Line 132: | Line 149: | ||
</video> | </video> | ||
</div> | </div> | ||
- | |||
- | <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"> | |
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/6/67/DUN_Linda%27s_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </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"> |
- | + | ||
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/d/db/DUN_Lucy%27s_Story.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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 | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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/6/69/DUN_Dave%27s_Story.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
Line 166: | Line 177: | ||
</video> | </video> | ||
</div> | </div> | ||
- | |||
- | <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"> | |
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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://2014.igem.org/File:DUN_Michael_and_the_Future_of_the_Lung_Ranger.ogg" type='video/ogg; codecs="theora, vorbis"'/> | ||
Line 177: | Line 187: | ||
</video> | </video> | ||
</div> | </div> | ||
- | |||
- | <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 | + | |
+ | |||
+ | <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" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/b/b4/Dun_Dr_Rodgers.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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"> |
- | <div | + | |
<video controls="controls" width=100% height=100% preload="none" > | <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://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'/> | <source src="https://static.igem.org/mediawiki/2014/5/5f/Gill%27s_Story_%28CF_Clinical_Nurse_Specialist%29.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </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" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/a/a1/Dr_Rodgers_and_the_LASSO_Interface.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | + | ||
</div> | </div> | ||
- | <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 | + | |
+ | |||
+ | <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" > | <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/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'/> | <source src="https://static.igem.org/mediawiki/2014/4/4e/Dun_Trying_Spirometry_Out.mov" type='video/mp4'/> | ||
</video> | </video> | ||
- | |||
</div> | </div> | ||
- | <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% preload="none" > | <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://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'/> | <source src="https://static.igem.org/mediawiki/2014/3/3c/DUN_Someone_with_CF%3B_in_their_shoes.mov" type='video/mp4'/> | ||
</video> | </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="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> | ||
Line 240: | Line 293: | ||
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | <a href="https://2014.igem.org/Team:Dundee/inside/board" class="btn btn-default toClass">Back to | + | <a href="https://2014.igem.org/Team:Dundee/inside/board" class="btn btn-default toClass">Back to Bulletin Board</a> |
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
Line 247: | Line 300: | ||
</div> | </div> | ||
</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> | ||
Line 253: | Line 347: | ||
<!-- Bootstrap --> | <!-- Bootstrap --> | ||
<script src="https://2014.igem.org/Team:Dundee/js/bootstrap-js?action=raw&ctype=text/javascript"></script> | <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
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.
<