Login example

gistfile1.txt

doctype
//if lt IE 7
  html.no-js.lt-ie9.lt-ie8.lt-ie7
//if IE 7
  html.no-js.lt-ie9.lt-ie8
//if IE 8
  html.no-js.lt-ie9
//[if gt IE 8]><!
html.no-js
  //<![endif]
  head
    include head
  body#top(class="{{ if segment_1 }}{{ segment_1 }} inside{{ else }}home{{ endif }}")

    {{ if logged_in }}

    header#header(role="banner")
      a.brand(href="{{ _site_url }}",title="{{ _site_name }}")
        img(src="{{ theme:img src='logo.png' }}",alt="{{ _theme_name }} logo")
      .main-nav
        nav.top-bar(data-magellan-expedition="fixed")
          ul.title-area
            li.name
            li.toggle-topbar.menu-icon: a(href="#") <span>Menu</span>
          section.top-bar-section
            ul.left
              li
            ul.right
              {{ nav from="/" }}
              li(data-magellan-arrival="section--{{ title|lower|slugify }}")
                a(href="#section--{{ title|lower|slugify }}") {{ title }}
              {{ /nav }}

    #main(role="content")
      .content-wrapper
        section(class="section section--intro",id="section--intro")
          .section__content
            .large-12.columns: img.th(src="{{ theme:img src='brandon.jpg' }}",alt="Image of Brandon")
            .note.large-4
              h1 Welcome {{ member:profile }} Your name is {{ first_name }} {{ last_name }}. {{ /member:profile }}!
              p Thank you for visiting my Bar Mitzvah website! Here you’ll find everything you need to know about our trip to Cuba! I’m really looking forward to celebrating with you all.
              p Havana is a beautiful city with so many interesting places to visit. Take a look at some of our favorites in the “Explore Havana” section!

        {{ get_content from="/itinerary" }}
        section(class="section section--{{ title|lower|slugify }}",id="{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") {{ title }}
            .section__body
              ul.button-group.even-6.hide-for-small {{ itinerary_grid }}
                li: a.button(href="#",data-orbit-link="{{ it_day format='l' }}") {{ it_day format="l" }}
                {{ /itinerary_grid }}
              ul.itinerary__list(data-orbit,data-options="slide_number: false;timer: false;bullets: false; navigation_arrows: false; stack_on_small: true") {{ itinerary_grid }}
                li(data-orbit-slide="{{ it_day format='l' }}")
                  .itinerary__panel
                    h2 {{ it_day format="l" }}
                    h3 {{ it_day format="F dS, Y" }}
                    {{ it_details }}
                    h4 {{ it_detail_title }}
                    {{ it_detail_body }}
                    {{ /it_details }}
                {{ /itinerary_grid }}
        {{ /get_content }}

        {{ get_content from="/explore" }}
        section(class="section section--{{ title|lower|slugify }}",id="section--{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") {{ title }}
            .large-12.columns.text-center(style="text-transform: uppercase;") {{ content|widont }}
            .section__body
              {{ explore_grid }}
              .explore__block
                h3 {{ explore_title }}
                {{ explore_body }}
              {{ /explore_grid }}
        {{ /get_content }}

        {{ get_content from="/art" }}
        section(class="section section--{{ title|lower|slugify }}",id="section--{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") Art Galleries &amp; Studio Tours
            .section__body
              {{ art_grid }}
              h2 {{ art_title }}
              p.art__description {{ art_description }}
              {{ art_body }}
              <hr>
              {{ /art_grid }}
        {{ /get_content }}

        {{ get_content from="/rsvp" }}
        section(class="section section--{{ title|lower|slugify }}",id="section--{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") Répondez s’il vous plaît
            .section__body
              #wufoo-z7x4m1 Fill out my
                a(href="http://brandonsmitzva.wufoo.com/forms/z7x4m1") online form
              script(type="text/javascript")
                var z7x4m1;(function(d, t) {
                var s = d.createElement(t), options = {
                'userName':'brandonsmitzva',
                'formHash':'z7x4m1',
                'autoResize':true,
                'height':'597',
                'async':true,
                'header':'hide'};
                s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
                s.onload = s.onreadystatechange = function() {
                var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
                try { z7x4m1 = new WufooForm();z7x4m1.initialize(options);z7x4m1.display(); } catch (e) {}};
                var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
                })(document, 'script');

        {{ /get_content }}

        {{ get_content from="/travel" }}
        section(class="section section--{{ title|lower|slugify }}",id="section--{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") {{ title }}
            .section__body
              {{ explore_grid }}
              .explore__block
                h3 {{ explore_title }}
                {{ explore_body }}
              {{ /explore_grid }}
        {{ /get_content }}

        {{ get_content from="/contact" }}
        section(class="section section--{{ title|lower|slugify }}",id="section--{{ title|lower|slugify }}")
          .section__content
            h1.section__title(data-magellan-destination="section--{{ title|lower|slugify }}") Contact
            .section__body
              p Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.
        {{ /get_content }}

    script(src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js")
    script(src="{{ theme:js src='brandonsmitzva-ck' }}")

    {{ else }}

    .login-form
      {{ member:login return="/" }}
      input#username(type="hidden",name="username",placeholder="Username",value="admin")
      input#password(type="password",name="password",,placeholder="Password")
      input.button.large(type="submit",value="Log in")
      {{ /member:login }}

    {{ endif }}