In [2]:

    

%reload_ext jademagic
import jinja2, ipywidgets, IPython


    

In [9]:

    

%%jade head
link( rel='stylesheet', href='css/bootstrap.min.css')


    

In [115]:

    

%%jade body
div.container
    div.jumbotron
        hr
        h1: p.display-1.text-center.text-uppercase(style='font-size: 72px;') To Have & Hold Fast
        hr
        h2: p.display-4.text-center.lead.
            March 26, 2016 <br>
            5pm - 9pm <br>
        h3: p.text-center.lead: i 
            | Dillwood Farms <br>
            | 4000 Brushy Fork Road SW <br>
            | Loganville, Georgia 30052 <br>
            
    div.jumbotron
        blockquote.blockquote
          p.display-3.m-b-0 We are excited to have you at our wedding celebration.  For those visiting the city we provided a map
              | below of our favorite places; it is a good food city.  On Friday night we will meet up at
              | Augustine's in East Atlanta Village.  We are looking forward to seeing everyone.  
          footer.blockquote-footer Lee & Tony
        br
    div.jumbotron
        div.embed-responsive.embed-responsive-16by9
            iframe.embed-responsive-item(src="https://www.google.com/maps/d/u/0/embed?mid=zIdFaar2Onaw.koOb3lP6jK-A", width="640", height="480")


    

In [119]:

    

%%jade page
doctype html
html.full( lang='en' )
    head
        meta( charset='utf-8')
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        title Rebel and Doc are getting married!
        {{head}}
        style
            |body {
            |    background:url('background.png') top left;
            |    background-size: 100vw;
            |}
            |.jumbotron { background-color: rgba(255,255,255,.6); }
    }
    body
        {{body}}
        br
        br
        br


    

In [120]:

    

with open('test_page.html','w') as f:
    f.write(jinja2.Template(page).render(**globals()))