From 97f5e49187cae575ddb60b36ce333a14faac0fa8 Mon Sep 17 00:00:00 2001 From: Niels Simenon Date: Wed, 19 Feb 2020 04:41:53 +0100 Subject: [PATCH] Refactored media module. Returning 320p and 720p videos from MindGeek as teasers instead of trailers. --- assets/components/actors/actors.vue | 7 +- assets/components/tags/tags.vue | 14 +- assets/components/tile/release.vue | 16 +- config/default.js | 2 +- public/img/tags/gaping/1.jpeg | Bin 0 -> 1021597 bytes public/img/tags/gaping/1_thumb.jpeg | Bin 0 -> 97725 bytes seeds/04_media.js | 69 +++---- src/actors.js | 36 ++-- src/media.js | 274 ++++++++++++++++++++++++---- src/releases.js | 89 ++++----- src/scrapers/dogfart.js | 8 +- src/scrapers/mindgeek.js | 67 ++++--- 12 files changed, 389 insertions(+), 193 deletions(-) create mode 100644 public/img/tags/gaping/1.jpeg create mode 100644 public/img/tags/gaping/1_thumb.jpeg diff --git a/assets/components/actors/actors.vue b/assets/components/actors/actors.vue index f38894b2..ecbed75c 100644 --- a/assets/components/actors/actors.vue +++ b/assets/components/actors/actors.vue @@ -116,7 +116,7 @@ export default { .tiles { display: grid; - grid-template-columns: repeat(auto-fit, minmax(10rem, .5fr)); + grid-template-columns: repeat(auto-fit, 10rem); grid-gap: 0 .5rem; padding: 1rem; flex-grow: 1; @@ -127,10 +127,11 @@ export default { justify-content: center; align-items: center; padding: 0 1rem; - margin: 1rem 0 0 0; + margin: 1rem 0; } .genders { + flex-shrink: 0; padding: 0 .5rem 0 0; border-right: solid 1px $shadow-hint; margin: 0 1rem 0 0; @@ -186,7 +187,7 @@ export default { } @media(max-width: $breakpoint) { - .actors { + .tiles { grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); } } diff --git a/assets/components/tags/tags.vue b/assets/components/tags/tags.vue index 0f4f1b02..e255a080 100644 --- a/assets/components/tags/tags.vue +++ b/assets/components/tags/tags.vue @@ -147,7 +147,19 @@ export default { .tiles { display: grid; - grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(20rem, .25fr)); grid-gap: .5rem; } + +@media(max-width: $breakpoint3) { + .tiles { + grid-template-columns: repeat(auto-fit, minmax(20rem, .5fr)); + } +} + +@media(max-width: $breakpoint) { + .tiles { + grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); + } +} diff --git a/assets/components/tile/release.vue b/assets/components/tile/release.vue index 205d8849..0468284c 100644 --- a/assets/components/tile/release.vue +++ b/assets/components/tile/release.vue @@ -48,8 +48,10 @@ >{{ `(${formatDate(release.dateAdded, 'MMM D, YYYY')})` }} - No thumbnail available - +
-

{{ release.title }}

- +