4 files changed, 117 insertions, 0 deletions
diff --git a/design/templates/details/entry.txt b/design/templates/details/entry.txt
new file mode 100644
index 0000000..547ce79
--- /dev/null
+++ b/design/templates/details/entry.txt
@@ -0,0 +1,8 @@
+{{object.title|safe}}
+{% for letter in object.title %}={%endfor%}
+
+    by Scott Gilbertson
+    <{{SITE_URL}}{{object.get_absolute_url}}>
+    {{object.pub_date|date:"l, d F Y"}}
+
+{{object.body_markdown|safe}}
diff --git a/design/templates/details/gifs.html b/design/templates/details/gifs.html
new file mode 100644
index 0000000..7dd8208
--- /dev/null
+++ b/design/templates/details/gifs.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html  dir="ltr" lang="en-US">
+<head>
+    <meta charset="utf-8" />
+    <title>{{object.title|safe}}</title>
+    <style>
+        body {
+            background: #222;
+        }
+        
+        .overlay {
+            background-color: #000;
+            opacity: .9;
+            position: absolute; top: 0; left: 0;
+            width: 100%; height: 100%;
+            z-index: 10;
+        }
+        .btn {
+            position: absolute;
+            z-index: 11;
+            left: 35%;
+            top: 40%;
+        }
+        @media only screen and (max-device-width: 1024px) {
+            img#giffy {
+                width: 100%;
+            }
+        }
+    </style>
+    <script src="http://luxagraf.net/media/js/jquery.js" type="text/javascript"></script>
+    <script>
+        var isiPad = false;
+        var playing = true;
+        if (navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)) { 
+                isiPad = true; 
+            }
+        $(function() { 
+            function togglebtn() {
+                    if (playing) {
+                        document.getElementById('snd').pause();
+                        playing = false
+                    } else {
+                        document.getElementById('snd').play();
+                        playing = true
+                    }
+                }
+            document.body.onclick=togglebtn
+            if (isiPad) { 
+                var overlay = document.createElement("div");
+                overlay.setAttribute("id","overlay");
+                overlay.setAttribute("class", "overlay");
+                document.body.appendChild(overlay);
+
+                // create image and append to page
+                var img = document.createElement("img");
+                img.setAttribute("id","img");
+                img.src = "btn.png";
+                img.setAttribute("class","btn");
+
+                // click to restore page
+                img.onclick=restore;
+                document.body.appendChild(img);
+
+                function restore() {
+                  document.body.removeChild(document.getElementById("overlay"));
+                  document.body.removeChild(document.getElementById("img"));
+                  playing = false;
+                  document.getElementById('snd').play();
+              }
+                
+            }
+        });
+
+    </script>
+</head>
+<body id="home">
+<audio id="snd" preload="auto" loop autoplay autobuffer> 
+    <source src="{{object.music_ogg.url}}" type="video/ogg"/>
+    <source src="{{object.music_mp3.url}}" />
+</audio>
+<img id="giffy" src="{{object.gif.url}}" alt="{{object.title}}" />
+</body>
+</html>
diff --git a/design/templates/details/page.html b/design/templates/details/page.html
new file mode 100644
index 0000000..8a79e2c
--- /dev/null
+++ b/design/templates/details/page.html
@@ -0,0 +1,18 @@
+{% extends 'base.html' %}
+{% load typogrify %}
+{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
+{% block metadescription %}{{object.metadescription}}{% endblock %}
+{%block htmlclass%}class="single"{%endblock%}
+{%block bodyid%}id="{{object.title|lower}}"{%endblock%}								
+				
+{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+        <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
+        <li>{{object.title}}</li>
+    </ul>
+    <article role="main">
+        <h1 class="hide">About Luxagraf</h1>
+        <div class="post-body-single">
+        {{object.body_html|safe}}
+        </div>  
+    </article>
+{% endblock %}
diff --git a/design/templates/details/page.txt b/design/templates/details/page.txt
new file mode 100644
index 0000000..547ce79
--- /dev/null
+++ b/design/templates/details/page.txt
@@ -0,0 +1,8 @@
+{{object.title|safe}}
+{% for letter in object.title %}={%endfor%}
+
+    by Scott Gilbertson
+    <{{SITE_URL}}{{object.get_absolute_url}}>
+    {{object.pub_date|date:"l, d F Y"}}
+
+{{object.body_markdown|safe}}