Initial Build

templates/front/photos/detail.html.twig

@@ -0,0 +1,33 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}{{photos['title']}} - Photography | Alex Daniels{% endblock %}
+
+{% block body %}
+    <article id="album">
+        <h2 class="title">{{photos['title']}}</h2>
+        <div class="meta">
+            <p>{{ photos['date']|date('l M d Y')}}</p>
+            <p>Filed Under: <a href="/categories/{{photos['urlSafeCategory']}}">{{photos['category']}}</a></p>
+        </div>
+        <div class="text">
+            {{ photos['text']|raw }}
+        </div>
+        <ul class="photos">
+        {% for photo in photos['uploads'] %}
+            <li class="photo" data-equipment="{{photo['equipment']}}" data-location="{{photo['location']}}" data-caption="{{photo['caption']}}" data-date="{{photo['date']|date('l M d Y')}}" data-url="{{asset(photo['file'])}}" data-alt="{{photo['alt']}}">
+                <img src="{{asset(photo['file'])}}" alt="{{photo['alt']}}">
+            </li>
+        {% endfor %}
+        </ul>
+    </article>
+    <div id="open-image">
+        <span class="close">X</span>
+        <img src="" alt="" id="image">
+        <div id="details">
+            <p id="caption"></p>
+            <p id="date"></p>
+            <p id="location"></p>
+            <p id="equipment"></p>
+        </div>
+    </div>
+{% endblock body %}

templates/front/photos/index.html.twig

@@ -0,0 +1,25 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}Photography | Alex Daniels{% endblock %}
+
+{% block body %}
+    <h2>Photography</h2>
+    <div class="photos">
+        {% if app.user %}
+            <div class="admin-actions">
+                <a href="/brain/photos/new">Add New Album</a>
+            </div>
+        {% endif %}
+        <ul class="albums">
+        {% for album in photos %}
+            <li class="album">
+                <a href="/photos/{{album['url']}}">
+                    <h3 class="title">{{album['title']}}</h3>
+                    <img src="{{asset(album['thumbnail'])}}" alt="{{ album['title'] ~ 'Thumbnail'}}">
+                    <p class="date">{{album['date']|date('l M d Y')}}</p>
+                    <div class="overlay"></div>
+                </a>
+            </li>
+        {% endfor %}
+    </div>
+{% endblock body %}