index.html

---
layout: default
---

<div class="hero">

      <div class="row">
        
        <div class="small-12 large-8 columns">
          <article>
            <div class="flex-video">
              <iframe width="637" height="358" src="https://www.youtube.com/embed/Mar3FxUWqH0" frameborder="0" allowfullscreen></iframe>
            </div>
          </article>
        </div>
        
        <div class="large-4 columns">
          <article>
            <h3>Australian Americana from Sydney, Australia.</h3>
            <p>Connecting with the simplicity of life, while laying bare the bones of the human condition, is what Dear Orphans and their music are all about.</p>
            <p>Some of our music is free to download. Click the button to download an MP3 of Nick Payne's latest single.</p>
            <p class="text-center">
              <a href="https://www.dropbox.com/s/6pvj1yisl6hn49k/8%20Rising%20River.mp3?dl=1" class="button radius" onclick="trackEvent('download', 'click', '/dropbox/rising-river')">Download <em>Rising River</em></a>
            </p>
            <p class="text-right"><a href="{{ site.baseurl }}/music/">... Download more songs</a></p>
          </article>
        </div>

      </div>

    </div>

    <div class="row">
      <div class="small-12 large-8 large-push-4 columns">
        <article>
          <h2>{{ site.posts[0].title }}</h2>
          <p>{{ site.posts[0].date | date: "%b %-d, %Y" }}{% if site.posts[0].author %} • {{ site.posts[0].author }}{% endif %}{% if site.posts[0].meta %} • {{ site.posts[0].meta }}{% endif %}</p>
          <h3>{{ site.posts[0].excerpt | strip_html }}</h3>
          <p class="text-right"><a href="{{ site.baseurl }}{{ site.posts[0].url }}">... Read our latest blog post</a></p>
        </article>
      </div>
      <div class="small-12 large-4 large-pull-8 columns">
        <article>
          <h2>Gigs</h2>
          <dl id="gigs-summary"></dl>
          <p class="right"><a href="{{ site.baseurl }}/gigs/">... See all our gigs</a></p>
        </article>
      </div>
    </div>

    <div class="row">
      <div class="small-12 medium-6 large-8 columns">
        <article>
          <h2><i class="fa fa-camera-retro"></i> Instagram <a href="https://www.instagram.com/dearorphans/" target="_blank">@dearorphans</a></h2>
          <ul id="instafeed" insta-limit="12" class="small-block-grid-2 medium-block-grid-4"></ul>
        </article>
      </div>
      <div class="small-12 medium-6 large-4 columns">
        <article>
          <h2>Mailing List</h2>
          <!-- Begin MailChimp Signup Form -->
          <div id="mc_embed_signup">
            <form action="//dearorphans.us2.list-manage.com/subscribe/post?u=7c25ca08856d8706960acc2f5&amp;id=a51945df6d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
              <div id="mc_embed_signup_scroll">
                <div class="indicates-required right"><span class="asterisk">*</span> indicates required</div>
                <div class="mc-field-group">
                  <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span></label>
                  <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
                </div>
                <div class="mc-field-group">
                  <label for="mce-FNAME">First Name </label>
                  <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
                </div>
                <div class="mc-field-group">
                  <label for="mce-LNAME">Last Name </label>
                  <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
                </div>
                <div id="mce-responses" class="clear">
                  <div class="response" id="mce-error-response" style="display:none"></div>
                  <div class="response" id="mce-success-response" style="display:none"></div>
                </div>    
                <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                <div style="position: absolute; left: -5000px;"><input type="text" name="b_7c25ca08856d8706960acc2f5_a51945df6d" tabindex="-1" value=""></div>
                <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button expand radius"></div>
                </div>
            </form>
          </div>
          <!--End mc_embed_signup-->

        </article>
      </div>
    </div>