Team:Dundee/policypractice/clinic
From 2014.igem.org
(Difference between revisions)
(53 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?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 class = "page" ><img src="https://static.igem.org/mediawiki/2014/f/f0/DUNCoverCF.jpg" alt="" width=100% height=100% ></div> | |
- | + | ||
- | <div style="background-color: | + | <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 | + | <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> | + | |
- | <video controls="controls" width=100% height=100% | + | <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> | + | <div class = "page" ><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% | + | <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> | + | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d5/DUN_Siannon.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <div class="page"> |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
+ | <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> | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/8/8d/DUN_Emily.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
+ | <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> | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/6/61/DUN_Jamie.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <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> | ||
- | |||
- | <div> | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/2/26/DUN_Leanne.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
- | "></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> | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/4/47/DUN_Chris_and_Gemma.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | https://static.igem.org/mediawiki/2014/ | + | |
- | "></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 | + | <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"> | |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
- | "></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 | + | <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> | + | |
- | <video controls="controls" width=100% height=100% | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/9/9a/DUN_Dave.png" alt="" width=100% height=100% ></div> |
- | "></video> | + | <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> | ||
- | |||
- | <div> | + | <div id="page"><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% | + | <div id="page"> |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
- | "></video> | + | <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> | ||
- | <div style="background-color: | + | <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> | + | |
- | <video controls="controls" width=100% height=100% | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/e/e4/DUN_Dr_rodgers1.png" alt="" width=100% height=100% ></div> |
- | "></video> | + | <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> | ||
- | |||
- | <div> | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/7/74/DUN_Gill.png" alt="" width=100% height=100% ></div> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | "></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 | + | <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> | ||
- | |||
- | <div> | + | <div style="background-color:white;"></div> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"><img src="https://static.igem.org/mediawiki/2014/1/1a/DUN_Trying_to_understand.png" alt="" width=100% height=100% ></div> |
- | src="https://static.igem.org/mediawiki/2014/ | + | |
- | "></video> | + | |
+ | <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> | ||
- | |||
- | <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> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | "></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> | + | <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> |
- | <video controls="controls" width=100% height=100% | + | <div id="page"> |
- | 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 190: | 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
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.
<