From 9db0e97512ed462d984e9f5fb09c18e5b55a3927 Mon Sep 17 00:00:00 2001 From: Niels Simenon Date: Thu, 23 Jan 2020 03:52:12 +0100 Subject: [PATCH] Improved actor profile flow. Added images. --- assets/components/actors/actor.vue | 38 ++++++++-------- assets/components/tags/photos.vue | 3 +- assets/components/tags/tag.vue | 1 + assets/components/tile/actor.vue | 13 +++++- assets/components/tile/release.vue | 16 ++++--- public/css/style.css | 48 +++++++++++++-------- public/img/avatar_female.png | Bin 0 -> 33773 bytes public/img/avatar_female2.png | Bin 0 -> 22069 bytes public/img/tags/double-anal/2.jpeg | Bin 0 -> 1415882 bytes public/img/tags/double-anal/2_thumb.jpeg | Bin 0 -> 104985 bytes public/img/tags/double-anal/3.jpeg | Bin 0 -> 871512 bytes public/img/tags/double-anal/3_thumb.jpeg | Bin 0 -> 104004 bytes public/img/tags/double-anal/4.jpeg | Bin 0 -> 615820 bytes public/img/tags/double-anal/4_thumb.jpeg | Bin 0 -> 100079 bytes public/img/tags/oral-creampie/1.jpeg | Bin 0 -> 729143 bytes public/img/tags/oral-creampie/1_thumb.jpeg | Bin 0 -> 113127 bytes public/img/tags/schoolgirl/1.jpeg | Bin 0 -> 1569102 bytes public/img/tags/schoolgirl/1_thumb.jpeg | Bin 0 -> 91324 bytes seeds/04_media.js | 7 ++- src/actors.js | 12 ++++++ src/media.js | 3 +- src/scrapers/ddfnetwork.js | 7 +-- src/scrapers/gamma.js | 10 +++++ 23 files changed, 104 insertions(+), 54 deletions(-) create mode 100644 public/img/avatar_female.png create mode 100644 public/img/avatar_female2.png create mode 100644 public/img/tags/double-anal/2.jpeg create mode 100644 public/img/tags/double-anal/2_thumb.jpeg create mode 100644 public/img/tags/double-anal/3.jpeg create mode 100644 public/img/tags/double-anal/3_thumb.jpeg create mode 100644 public/img/tags/double-anal/4.jpeg create mode 100644 public/img/tags/double-anal/4_thumb.jpeg create mode 100644 public/img/tags/oral-creampie/1.jpeg create mode 100644 public/img/tags/oral-creampie/1_thumb.jpeg create mode 100644 public/img/tags/schoolgirl/1.jpeg create mode 100644 public/img/tags/schoolgirl/1_thumb.jpeg diff --git a/assets/components/actors/actor.vue b/assets/components/actors/actor.vue index c147fa86..cdde7db2 100644 --- a/assets/components/actors/actor.vue +++ b/assets/components/actors/actor.vue @@ -103,9 +103,7 @@ - -
@@ -296,49 +294,56 @@ export default { background: $profile; color: $highlight-extreme; width: 100%; + height: 18rem; display: flex; flex-direction: row; flex-shrink: 0; + padding: 1rem 0 0 0; .avatar-link { font-size: 0; - padding: 1rem 0 1rem 1rem; + padding: 0 0 1rem 1rem; } .avatar { - height: 15rem; - width: 12rem; + height: 100%; flex-shrink: 0; - margin: 0 1rem 0 0; - object-fit: cover; - object-position: 50% 0; + margin: 0 .5rem 0 0; } } .bio { flex-grow: 1; - min-width: 20rem; + height: 100%; + display: flex; + flex-direction: column; + flex-shrink: 0; + flex-wrap: wrap; box-sizing: border-box; - padding: 1rem; - margin: 0 2rem 0 0; + overflow: hidden; } .bio-header { + width: calc(50% - 2rem); display: flex; justify-content: space-between; align-items: center; - margin: 0 0 1rem 0; + padding: 0 .5rem .5rem 0; + margin: 0 0 0 1rem; } .bio-item { + width: calc(50% - 2rem); display: flex; justify-content: space-between; - padding: 0 0 .25rem 0; - margin: 0 0 .25rem 0; + box-sizing: border-box; + padding: .25rem 0 ; + margin: 0 0 .25rem 1rem; line-height: 1.75; text-align: right; font-size: .9rem; font-weight: 600; + overflow: hidden; &:not(:last-of-type) { border-bottom: solid 1px $highlight-hint; @@ -429,12 +434,12 @@ export default { .scraped { color: $highlight-weak; - margin: 1rem 0 0 0; font-size: .8rem; } .extra { flex-grow: 1; + max-width: 40rem; } .description { @@ -442,7 +447,6 @@ export default { position: relative; display: block; box-sizing: border-box; - padding: 1rem 0 0 0; margin: 0 2rem 0 0; line-height: 1.5; text-overflow: ellipsis; diff --git a/assets/components/tags/photos.vue b/assets/components/tags/photos.vue index e95aab29..852baa3b 100644 --- a/assets/components/tags/photos.vue +++ b/assets/components/tags/photos.vue @@ -70,8 +70,7 @@ export default { .poster, .photo { - height: 10rem; - width: auto; + width: 100%; margin: 0 1rem 0 0; } } diff --git a/assets/components/tags/tag.vue b/assets/components/tags/tag.vue index 6b5548f3..1ee00b0c 100644 --- a/assets/components/tags/tag.vue +++ b/assets/components/tags/tag.vue @@ -24,6 +24,7 @@ - +
-

{{ release.title }}

-
+