example_template.pug

img(style="width:400px; display:block; margin:0 auto;"
    src="file:https:///{{ egf_logo_url }}")

#sidebar: p Hey, I am a sidebar text ! I make your document look much more serious.


h1 {{ title }}


.ui.piled.segment: p.
  Oh hi there ! I am some text in a cool box. What you are looking at is a PDF
  report made with a library called
  #[a(href='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/Edinburgh-Genome-Foundry/pdf_reports') PDF reports]
  (how original...) This library uses the Semantic UI CSS framework - hence the
  cool box.

:markdown
  You can install `pdf_reports` with Python's PIP:
  
  ```
  pip install pdf_reports
  ```
  
  There are **many** things you can do with Pug and [Semantic
  UI](https://semantic-ui.com/) and we will cram all of them in this one page so
  that it will make a nice screenshot. By the way, this paragraph is written in
  [Markdown](https://en.wikipedia.org/wiki/Markdown) !

  
.ui.container
  .ui.icon.message.yellow.block-center
    i.exclamation.circle.icon
    .content
      .header This is an important message, as per the exclamation mark.
      p.
        You can add content to your message explaining why it is important and
        what the reader can do to de-importantize the situation.


:markdown
  ##  I am a section title
  
  Maybe the author should think of more original content for the titles.
  Anyways, here is a colorful table for you, straight from the Semantic UI
  examples (yeah that's lazyness). If you are filling up a template with Python,
  you can use Panda's `dataframe.to_html(classes=['ui', 'celled', 'table'])` to
  create such tables:


table.ui.celled.table
  thead
    tr
      th File
      th description
  tbody
    tr
      td No Name Specified
      td Unknown
      td.negative None
    tr.positive
      td Jimmy
      td
        i.exclamation.circle.icon
        | Approved
      td None
    tr
      td Jamie
      td Unknown
      td.positive
        i.exclamation.circle.icon
        | Requires call
    tr.negative
      td Jill
      td Unknown
      td None