blog.html

---
layout: page
title: Blog
---

<article>
  <header class="jumbotron bg-dark-gray">
    <div class="container">
      <div class="text-center">
        <h1>What's new in our world</h1>
      </div>
    </div>
  </header>

  <div class="container">
    <section class="chimney-lg slab-white">
      <div class="row">
        <div class="col-sm-6">
          <ul class="list-unstyled blog-excerpts">
          {% for post in site.posts %}
            <li>
              <div class="date">
                <span class="day">{{ post.date | date: "%d" }}</span>
                <span class="month">{{ post.date | date: "%b" }}</span>
              </div>

              <div class="excerpt">
                <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
                <p>
                {{ post.excerpt }}
                <a class="more" href="{{ post.url }}">Read more</a>
                </p>
              </div>
            </li>
          {% endfor %}
          </ul>
        </div>

        <div class="col-sm-6" style="height:800px">
          <a class="twitter-timeline" href="https://twitter.com/code4sa/site-feed" data-widget-id="377143921974845441">Tweets from @code4sa/site-feed</a>
          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        </div>
      </div>	
    </section>
  </div>	
</article>