index.html

---
layout: default
width: narrow
---

<div class="cover index">
    <div class="container no-expand">
        <div class="greeting eight columns offset-by-four">
            <h1>RocHack</h1>
            <div class="about">
                RocHack is a group of hackers, engineers, builders, and friendly people who attend the <a href="http://rochester.edu">University of Rochester</a>. We love to build things that make people's lives better.
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="five columns sidebox-container">
        <div class="sidebox">
            <h1>Get in touch</h1>
            <p>You can find RocHack throughout the internets:</p>
            <ul>
                <li><a href="irc.html">IRC Chat</a></li>
                <li><a href="https://www.facebook.com/groups/rochack/">Facebook Group</a></li>
                <li><a href="https://groups.google.com/forum/?fromgroups#!forum/rochack">Mailing list</a></li>
            </ul>
        </div>
    </div>

    <div class="four columns mobile-news-header">
        <h1>Latest News</h1>
    </div>
    {% for post in site.posts %}
    <div class="eleven columns">
        <div class="post">
        <a class="post-title" href="{{post.url}}">{{ post.title }}</a>
        <div class="post-meta">Posted by {{post.author}} on <a href="{{post.url}}">{{post.date | date: "%B %d, %Y" }}</a></div>
        <div class="post-content">
            {{ post.content | truncatewords: 150 }}
        </div>
        <a class="post-read" href="{{post.url}}">Read more &raquo;</a>
        </div>
    </div>
    {% endfor %}

</div>