arrows

5 files changed, 29 insertions, 9 deletions

diff --git a/index.js b/index.js
index ea922cb..f5d787c 100644
--- a/index.js
+++ b/index.js
@@ -55,6 +55,9 @@ var app = okcms.createApp({
   views: {
     '/': {
       template: 'index',
+      data: [
+        {type: 'entry', query: '*'},
+      ]
     },
     '/entry/:id': {
       template: 'entry',
diff --git a/public/assets/css.css b/public/assets/css.css
index 013a0ee..d6af91e 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -49,7 +49,7 @@ a {
   padding: 20px 0;
 }
 #logos img {
-  max-height: 12vh;
+  max-height: 10vh;
   margin: 5px;
 }
 
@@ -101,6 +101,9 @@ h2 {
 
 /* GRID OF POSTS */
 
+#posts {
+  position: relative;
+}
 .cell {
   display: block;
   background-size: cover;
@@ -128,6 +131,7 @@ h2 {
 /* SINGLE POST VIEW */
 
 .media {
+  position: relative;
   width: 100%;
 }
 .media iframe {
@@ -148,15 +152,18 @@ h2 {
   max-width: 600px;
   margin: 0 auto;
 }
-.close {
+
+#left {
   position: absolute;
-  top: 10px;
-  right: 10px;
-  padding: 5px;
-  font-size: 24px;
-  background: white;
-  border: 2px solid;
-  cursor: pointer;
+  top: 0; right: 94vw;
+  max-width: 5vw;
+  height: 30vh;
+}
+#right {
+  position: absolute;
+  top: 0; left: 94vw;
+  max-width: 5vw;
+  height: 30vh;
 }
 
 /* TESTIMONIALS */
@@ -199,4 +206,12 @@ h2 {
   #testimonials {
     margin: 0;
   }
+  #left {
+    left: -3vw;
+    right: auto;
+  }
+  #right {
+    left: auto;
+    right: -3vw;
+  }
 }
diff --git a/public/assets/left.png b/public/assets/left.png
index 9f475db..ef675ff 100644
--- a/public/assets/left.png
+++ b/public/assets/left.png
diff --git a/public/assets/right.png b/public/assets/right.png
index ee3c4a7..69dda32 100644
--- a/public/assets/right.png
+++ b/public/assets/right.png
diff --git a/templates/entry.liquid b/templates/entry.liquid
index 6b1e688..f5884ae 100644
--- a/templates/entry.liquid
+++ b/templates/entry.liquid
@@ -39,6 +39,8 @@
           <img src="{{media.uri}}">
         {% endif %}
       {% endfor %}
+      <a href=""><img id="left" src="/assets/left.png"></a>
+      <a href=""><img id="right" src="/assets/right.png"></a>
       </div>
       <div class="content">
         {{ entry.body | newline_to_br }}