Team:Dundee/policypractice/clinic
From 2014.igem.org
(Difference between revisions)
(46 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 35: | Line 50: | ||
</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 | + | <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: | + | <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/6/6e/Dun_The_Experts.png" alt="" width=100% height=100% ></div> | ||
Line 53: | Line 84: | ||
<video controls="controls" width=100% height=100% preload="none" > | <video controls="controls" width=100% height=100% preload="none" > | ||
- | <source src="" 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/ | + | <source src="https://static.igem.org/mediawiki/2014/9/9c/Ricci%27s_Story.mov" type='video/mp4'/> |
</video> | </video> | ||
</div> | </div> | ||
Line 129: | Line 160: | ||
</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 | + | |
<div id="page"> | <div id="page"> | ||
<video controls="controls" width=100% height=100% preload="none" > | <video controls="controls" width=100% height=100% preload="none" > | ||
Line 158: | Line 188: | ||
</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><img src="https://static.igem.org/mediawiki/2014/8/82/DUN_Healthcare_Specialists.png" alt="" width=100% height=100% ></div> | ||
Line 192: | Line 222: | ||
- | <div style="background-color: | + | <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_to_understand.png" alt="" width=100% height=100% ></div> | ||
- | <div id="page"><img src="https:// | + | <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"> | <div id="page"> | ||
Line 206: | Line 236: | ||
- | <div id="page"><img src="https:// | + | <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"> | <div id="page"> | ||
Line 225: | Line 255: | ||
</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 255: | Line 327: | ||
}); | }); | ||
+ | $( "#lastPage" ).click(function() { | ||
+ | $('#magazine').turn('previous'); | ||
+ | }); | ||
+ | |||
+ | $( "#nextPage" ).click(function() { | ||
+ | $('#magazine').turn('next'); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $( "#info" ).click( function() { | ||
+ | $('#welcomeNote').appendTo("body"); | ||
+ | $("#welcomeNote").modal(); | ||
+ | }); | ||
</script> | </script> | ||
Line 266: | Line 351: | ||
</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.
<