diff options
| -rw-r--r-- | index.js | 3 | ||||
| -rw-r--r-- | public/assets/css.css | 33 | ||||
| -rw-r--r-- | public/assets/left.png | bin | 24757 -> 26214 bytes | |||
| -rw-r--r-- | public/assets/right.png | bin | 24883 -> 27296 bytes | |||
| -rw-r--r-- | templates/entry.liquid | 2 |
5 files changed, 29 insertions, 9 deletions
@@ -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 Binary files differindex 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 Binary files differindex 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 }} |
