Skip to content

Instantly share code, notes, and snippets.

@pk

pk/document.html

Created April 2, 2015 13:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save pk/26d483e8f8a5c57217aa to your computer and use it in GitHub Desktop.
Save pk/26d483e8f8a5c57217aa to your computer and use it in GitHub Desktop.
Download ZIP
Practique printout
Raw
document.html
<!doctype html>
<html lang="en_GB">
<head>
<meta charset="utf-8">
<title>Content</title>
<script type="text/javascript" src="./print.js"></script>
<style>
/* Page layout, header, footer */
body {
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 15mm;
padding-right: 15mm;
}
body.page-header {
height:15mm;
}
div.page-header {
padding-top: 5mm;
}
body.page-footer {
height:15mm;
}
div.page-footer {
padding-top: 5mm;
}
/* Typography */
* {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
p, li {
font-size: 12pt;
line-height: 1.5;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
h1 {
font-size: 12pt;
line-height: 1.5;
font-weight: 700;
}
div.row {
margin-left: -15px;
margin-right: -15px;
page-break-inside: avoid;
}
div.row:before,
div.row:after {
content: " ";
display: table;
}
div.row:after {
clear: both;
}
div.row > h1,
div.row > .content {
float: left;
text-align: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
div.row > h1 {
font-size: 12pt;
line-height: 1.5;
font-weight: 700;
width: 15%;
}
div.row > .content {
width: 85%;
}
div.row > .content ol,
div.row > .content p {
margin-left: 0;
padding-left: 0;
}
div.row > .content ol > li {
margin-left: 0;
padding-left :0;
}
div.blank {
page-break-before: always;
page-break-after: always;
text-align: center;
padding-top: 40%;
}
div.blank > h1 {
font-size: 26pt;
width: 100%
}
</style>
</head>
<body>
<div class="blank"><h1>This page has been intentionally left blank.</h1></div>
<div class="row">
<h1>Question 1</h1>
<div class="content">
<p>Bacon ipsum dolor amet quis fatback shoulder eu drumstick. Sirloin nulla jowl chicken picanha. Fatback tail biltong tongue culpa. Commodo chicken reprehenderit, ullamco spare ribs cow biltong. Spare ribs short ribs chuck elit, aliquip sausage frankfurter ham hock id in laborum officia pig. Ullamco aliquip turducken, eu qui sirloin id bresaola occaecat ut pork belly ut. Consequat landjaeger do, turducken nulla rump nostrud proident brisket sed andouille?</p>
<div class="box"></div>
</div>
</div>
<div class="row">
<h1>Question 2</h1>
<div class="content">
<p>Which of the following is a risk factor for autoimmune pancreatitis?</p>
<ol type="A">
<li>Dolore ut quis nostrud in drumstick bresaola ball tip. Jowl short loin fatback andouille, ea et pariatur in sausage nisi pastrami qui shankle tenderloin venison. Laborum pig brisket, ipsum nisi exercitation bresaola meatball officia meatloaf swine in ut. Voluptate irure kevin duis chuck. Aliquip turducken kevin est capicola drumstick ground round tail qui tenderloin pork chop in magna. Turkey ut ut aliquip ea pork chop tempor.</li>
<li>IgG2</li>
<li>Rump mollit short ribs, dolore in pork salami meatloaf ex strip steak occaecat. Beef eiusmod andouille tri-tip swine spare ribs ad jowl. Aliqua ut sausage ullamco porchetta, consequat proident meatloaf boudin ball tip brisket bacon. Pancetta ribeye dolore ball tip.</li>
<li>IgG4</li>
<li>IgG5</li>
</ol>
</div>
</div>
<!--
<section>
<h1>Question 3</h1>
<div class="content">
<p>What drug is indicated to treat patients who have previously have a DVT, and who are now pregnant?</p>
<div class="box"></div>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 4</h1>
<div class="content">
<p>Which of the following is most increased in acute pancreatitis?$$\frac{a}{b}$$</p>
<ol type="A">
<li>Lipase</li>
<li>Amylase</li>
<li>Creatinine</li>
<li>Creatine kinase</li>
<li>Potassium</li>
</ol>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 5</h1>
<div class="content">
<p>Which of the following is most increased during pregnancy, causing increased mortality from venous thromboembolism?</p>
<ol type="A">
<li>Lipase</li>
<li>Amylase</li>
<li>Creatinine</li>
<li>Creatine kinase</li>
<li>Potassium</li>
</ol>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 6</h1>
<div class="content">
<p>Which of the following is most increased during pregnancy, causing increased mortality from venous thromboembolism?</p>
<p>What do you see in this picture?</p>
<figure>
<img src="./human_heart.png" />
<figcaption>6.1 Human heart</figcaption>
</figure>
<figure>
<img src="./human_heart.png" />
<figcaption>6.1 Human heart</figcaption>
</figure>
<div class="clear"></div>
<ol type="A">
<li>Heart</li>
<li>Head</li>
<li>Liver</li>
<li>Bat</li>
<li>Butterfly</li>
</ol>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 7</h1>
<div class="content">
<p>Which anticoagulant is contraindicated during pregnancy?</p>
<div class="box"></div>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 8</h1>
<div class="content">
<p>What condition in obstetrics has been described as ‘the most catastrophic event in modern obstetrics with an 86% mortality, presenting with sudden onset shivers, vomiting, shock and DIC and with an incidence of about 1 in 25,000 births?</p>
<div class="box"></div>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 9</h1>
<div class="content">
<p>Which of the following is a human heart?</p>
<figure>
<img src="./human_heart.png" />
<figcaption>9.1 Human heart</figcaption>
</figure>
<figure>
<img src="./human_heart.png" />
<figcaption>9.2 Human heart</figcaption>
</figure>
<figure>
<img src="./human_heart.png" />
<figcaption>9.3 Human heart</figcaption>
</figure>
<div class="clear"></div>
<ol type="A">
<li>Image 1</li>
<li>Image 2</li>
<li>Image 3</li>
<li>Image 4</li>
<li>Image 5</li>
<li>Image 6</li>
<li>Image 6</li>
<li>Image 6</li>
<li>Image 6</li>
<li>Image 6</li>
</ol>
</div>
<div class="clear"></div>
</section>
<section>
<h1>Question 10</h1>
<div class="content">
<p>What condition in obstetrics has been described as ‘the most catastrophic event in modern obstetrics with an 86% mortality, presenting with sudden onset shivers, vomiting, shock and DIC and with an incidence of about 1 in 25,000 births?</p>
<div class="box"></div>
</div>
<div class="clear"></div>
</section>
-->
<!--
<figure>
<h1>Full size attachment</h1>
<img src="./human_heart.png" />
<figcaption>6.1 Human heart</figcaption>
</figure>
<figure>
<h1>Full size attachment</h1>
<img src="./human_heart.png" />
<figcaption>9.1 Human heart</figcaption>
</figure>
<figure>
<h1>Full size attachment</h1>
<img src="./human_heart.png" />
<figcaption>9.2 Human heart</figcaption>
</figure>
<figure>
<h1>Full size attachment</h1>
<img src="./human_heart.png" />
<figcaption>9.3 Human heart</figcaption>
</figure>
<figure>
<h1>Full size attachment</h1>
<img src="./human_liver.jpg" />
<figcaption>9.4 Human liver</figcaption>
</figure>
<figure>
<h1>Full size attachment</h1>
<img src="./human_liver.jpg" />
<figcaption>9.5 Human liver</figcaption>
</figure>
-->
</body>
<script type="text/javascript">
window.onload = function() {
Practique.substituteVariables(window, document);
};
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment