layout: default


<div class=“container”>

<div class="project">
    <div class="section">
        <div class="row">
            <div class="col l4 m4 s12">
                <div class="section">
                    {% if page.show %}
                        {% if page.screenshot %}
                            <img src="{{page.screenshot}}" class="responsive-img" />
                        {% else %}
                            <div class="image">
                                <i class="fa fa-file-image-o"></i>
                            </div>
                        {% endif %}
                    {% else %}
                        <div class="image">
                            <i class="fa fa-exclamation-triangle"></i>
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="col l8 m8 s12">
                <div class="section">
                    {% if page.show %}
                        <div class="created">{{page.created | date: "%B %-d, %Y" }}</div>
                        <div class="title">{{page.title}}</div>
                        <div class="tags">
                            <i class="fa fa-tags"></i> 
                            {% assign sorted_tags = page.tags | sort %}
                            {% for t in sorted_tags %}
                                <span class="chip">{{t}}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        <p>You cannot view this project.</p>
                    {% endif %}
                </div>
                <div class="section content">
                    {% if page.show %}
                    {{content}}
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>

</div>