diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css.css | 21 | ||||
| -rw-r--r-- | public/assets/site.js | 12 |
2 files changed, 21 insertions, 12 deletions
diff --git a/public/assets/css.css b/public/assets/css.css index d6af91e..04e26da 100644 --- a/public/assets/css.css +++ b/public/assets/css.css @@ -103,15 +103,13 @@ h2 { #posts { position: relative; + background-image: url(postbg.jpg); + background-size: cover; + background-position: center center; } .cell { display: block; - background-size: cover; - background-position: center center; position: relative; - background-image: url(postbg.jpg); - background-size: cover; - background-position: center center; padding: 20px; text-align: center; } @@ -119,7 +117,7 @@ h2 { text-transform: uppercase; font-weight: bold; text-align: center; - margin: 20px; + margin: 0 5px 10px 5px; } .cell .title span { font-size: 20px; @@ -137,19 +135,20 @@ h2 { .media iframe { margin: 10px auto; max-height: 30vh; - max-width: 90%; + max-width: 82vw; } .media img { display: block; margin: 10px auto; - max-width: 90%; + max-width: 82vw; } .content { - padding: 20px; - line-height: 1.5; + padding: 8px; + line-height: 1.4; + font-size: 15px; background: white; color: black; - max-width: 600px; + max-width: 82vw; margin: 0 auto; } diff --git a/public/assets/site.js b/public/assets/site.js index f875fee..478cffc 100644 --- a/public/assets/site.js +++ b/public/assets/site.js @@ -51,7 +51,7 @@ function bind(){ var tag = $(this).html() filter_by_tag(tag) }) - var gallery = new Flickity( "#testimonials", { + new Flickity( "#testimonials", { cellSelector: '.testimonial', wrapAround: true, prevNextButtons: false, @@ -60,6 +60,16 @@ function bind(){ draggable: true, autoPlay: 5000, }) + + new Flickity( "#posts", { + cellSelector: '.cell', + wrapAround: true, + prevNextButtons: false, + pageDots: false, + setGallerySize: false, + draggable: true, + autoPlay: 5000, + }) } function build(){ $('.cell').each( function(){ |