Added basic actor and network overview. Added DDF Network actor scraper. Various bug fixes and layout improvements.

This commit is contained in:
2019-11-30 05:55:32 +01:00
parent 0dbe853f39
commit bead69de49
44 changed files with 1697 additions and 527 deletions

View File

@@ -254,6 +254,7 @@
/* $primary: #ff886c; */
.actor[data-v-6989dc6f] {
width: 10rem;
background: #fff;
display: inline-block;
margin: 0 .5rem .5rem 0;
@@ -270,18 +271,23 @@
.name[data-v-6989dc6f] {
display: block;
padding: .5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
.avatar[data-v-6989dc6f] {
color: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.1);
height: 12rem;
width: 10rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
}
/* $primary: #ff886c; */
@@ -535,6 +541,8 @@
object-fit: contain;
font-size: 1rem;
font-weight: bold;
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.title[data-v-f4958086] {
color: #222;
@@ -545,51 +553,142 @@
}
/* $primary: #ff886c; */
.header[data-v-757c14c2] {
.header[data-v-e2e12602] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: top;
margin: 0 0 2rem 0;
}
.title[data-v-757c14c2] {
.title[data-v-e2e12602] {
display: inline-flex;
align-items: top;
margin: 0 1rem 0 0;
}
.title:hover .icon[data-v-757c14c2] {
.title:hover .icon[data-v-e2e12602] {
fill: #ff6c88;
}
.logo[data-v-757c14c2] {
.logo[data-v-e2e12602] {
width: 20rem;
max-height: 8rem;
-o-object-fit: contain;
object-fit: contain;
margin: 0 .5rem 0 0;
}
.sites[data-v-757c14c2] {
.sites[data-v-e2e12602] {
display: grid;
grid-gap: 1rem;
margin: 0 0 2rem 0;
}
.sites[data-v-757c14c2] {
.sites[data-v-e2e12602] {
grid-template-columns: repeat(auto-fit, 15rem);
}
@media (max-width: 720px) {
.sites[data-v-757c14c2] {
.sites[data-v-e2e12602] {
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
}
/* $primary: #ff886c; */
.actor-inner[data-v-677a8360] {
.tile[data-v-8b4c90b0] {
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: .5rem 1rem;
border-radius: .25rem;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
height: 100%;
text-align: center;
}
.link[data-v-8b4c90b0] {
text-decoration: none;
}
.logo[data-v-8b4c90b0] {
width: 100%;
height: 5rem;
color: #222;
display: flex;
align-items: center;
justify-content: center;
-o-object-fit: contain;
object-fit: contain;
font-size: 1rem;
font-weight: bold;
-webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}
.title[data-v-8b4c90b0] {
color: #222;
height: 100%;
display: flex;
align-items: center;
margin: 0;
}
.networks[data-v-4709d404] {
display: grid;
grid-template-columns: repeat(auto-fit, 15rem);
grid-gap: 1rem;
padding: 1rem;
}
/* $primary: #ff886c; */
.photos[data-v-0a0430c7] {
display: inline-grid;
grid-template-columns: repeat(auto-fit, 12rem);
grid-gap: .5rem;
font-size: 0;
}
.photos .avatar-link[data-v-0a0430c7] {
display: none;
}
.photo-link[data-v-0a0430c7] {
height: 15rem;
}
.photo[data-v-0a0430c7] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1200px) {
.photos.wide[data-v-0a0430c7] {
max-width: 30vw;
}
}
@media (max-width: 1200px) {
.photos[data-v-0a0430c7] {
width: 100%;
max-width: 100%;
display: flex;
overflow-x: scroll;
scrollbar-width: none;
}
.photos .avatar-link[data-v-0a0430c7] {
display: inline-block;
}
.photos[data-v-0a0430c7]::-webkit-scrollbar {
display: none;
}
.photo-link[data-v-0a0430c7] {
height: 15rem;
flex-shrink: 0;
margin: 0 .5rem 0 0;
}
}
/* $primary: #ff886c; */
.actor-inner[data-v-ea0483c2] {
height: 100%;
display: flex;
flex-direction: column;
padding: 0;
overflow-x: auto;
}
.profile[data-v-677a8360] {
.profile[data-v-ea0483c2] {
background: #222;
color: rgba(255, 255, 255, 0.9);
width: 100%;
@@ -597,12 +696,12 @@
flex-direction: row;
flex-shrink: 0;
}
.profile .avatar-link[data-v-677a8360] {
.profile .avatar-link[data-v-ea0483c2] {
font-size: 0;
padding: 1rem 0 1rem 1rem;
}
.profile .avatar[data-v-677a8360] {
height: 12rem;
.profile .avatar[data-v-ea0483c2] {
height: 15rem;
width: 12rem;
flex-shrink: 0;
margin: 0 1rem 0 0;
@@ -611,94 +710,104 @@
-o-object-position: 50% 0;
object-position: 50% 0;
}
.bio[data-v-677a8360] {
.bio[data-v-ea0483c2] {
flex-grow: 1;
min-width: 20rem;
box-sizing: border-box;
padding: 1rem;
margin: 0 2rem 0 0;
}
.bio-header[data-v-677a8360] {
.bio-header[data-v-ea0483c2] {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 1rem 0;
}
.bio-item[data-v-677a8360] {
.bio-item[data-v-ea0483c2] {
display: flex;
justify-content: space-between;
margin: 0 0 .5rem 0;
padding: 0 0 .25rem 0;
margin: 0 0 .25rem 0;
line-height: 1.75;
text-align: right;
font-size: .9rem;
font-weight: 600;
}
.bio-label[data-v-677a8360] {
.bio-item[data-v-ea0483c2]:not(:last-of-type) {
border-bottom: solid 1px rgba(255, 255, 255, 0.075);
}
.bio-label[data-v-ea0483c2] {
color: rgba(255, 255, 255, 0.5);
display: flex;
align-items: center;
margin: 0 1rem 0 0;
flex-shrink: 0;
font-style: normal;
font-weight: bold;
font-weight: 400;
}
.bio-label .icon[data-v-677a8360] {
.bio-label .icon[data-v-ea0483c2] {
fill: rgba(255, 255, 255, 0.5);
margin: 0 .5rem .5rem 0;
margin: 0 .5rem 0 0;
}
.bio-value[data-v-677a8360] {
.bio-value[data-v-ea0483c2] {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.flag[data-v-677a8360] {
.flag[data-v-ea0483c2] {
margin: 0 .25rem 0 0;
}
.bio-name[data-v-677a8360] {
.bio-name[data-v-ea0483c2] {
display: inline-block;
padding: 0;
margin: 0;
}
.bio-gender[data-v-677a8360] {
.bio-gender[data-v-ea0483c2] {
display: inline-block;
font-weight: bold;
text-transform: capitalize;
font-weight: normal;
}
.bio-gender .icon[data-v-677a8360] {
.bio-gender .icon[data-v-ea0483c2] {
width: 1.25rem;
height: 1.25rem;
}
.bio-gender.female .icon[data-v-677a8360] {
.bio-gender.female .icon[data-v-ea0483c2] {
fill: #f0a;
}
.bio-gender.male .icon[data-v-677a8360] {
.bio-gender.male .icon[data-v-ea0483c2] {
fill: #0af;
}
.birthdate[data-v-677a8360] {
.birthdate[data-v-ea0483c2] {
display: block;
}
.age[data-v-677a8360] {
.age[data-v-ea0483c2] {
font-weight: bold;
padding: 0 0 0 .5rem;
border-left: solid 1px rgba(255, 255, 255, 0.2);
margin: 0 0 0 .5rem;
}
.country[data-v-677a8360] {
.country[data-v-ea0483c2] {
display: block;
}
.height-imperial[data-v-677a8360],
.weight-imperial[data-v-677a8360] {
.height-imperial[data-v-ea0483c2],
.weight-imperial[data-v-ea0483c2] {
padding: 0 0 0 .5rem;
border-left: solid 1px rgba(255, 255, 255, 0.2);
margin: 0 0 0 .5rem;
}
.enhanced.icon[data-v-677a8360] {
.enhanced.icon[data-v-ea0483c2] {
fill: #ff6c88;
padding: 0 .5rem;
}
.description[data-v-677a8360] {
max-height: 10rem;
.scraped[data-v-ea0483c2] {
color: rgba(255, 255, 255, 0.2);
margin: 1rem 0 0 0;
font-size: .8rem;
}
.extra[data-v-ea0483c2] {
flex-grow: 1;
}
.description[data-v-ea0483c2] {
max-height: 12rem;
position: relative;
display: block;
box-sizing: border-box;
@@ -707,146 +816,112 @@
line-height: 1.5;
text-overflow: ellipsis;
font-size: .9rem;
cursor: pointer;
overflow: auto;
scrollbar-width: none;
}
.description[data-v-677a8360]::-webkit-scrollbar {
.description[data-v-ea0483c2]::-webkit-scrollbar {
display: none;
}
.social[data-v-677a8360] {
.social[data-v-ea0483c2] {
display: block;
margin: 1rem 0;
}
.social-link[data-v-677a8360] {
.social-link[data-v-ea0483c2] {
display: inline-block;
padding: 0 1rem 0 0;
}
.social-link .icon[data-v-677a8360] {
.social-link .icon[data-v-ea0483c2] {
fill: rgba(255, 255, 255, 0.5);
width: 1.5rem;
height: 1.5rem;
}
.social-link:hover .icon[data-v-677a8360] {
.social-link:hover .icon[data-v-ea0483c2] {
fill: #ff6c88;
}
.scraped[data-v-677a8360] {
color: rgba(255, 255, 255, 0.2);
margin: 1rem 0 0 0;
font-size: .8rem;
}
.actor-content[data-v-677a8360] {
.actor-content[data-v-ea0483c2] {
display: flex;
flex-grow: 1;
flex-direction: row;
}
.heading[data-v-677a8360] {
.heading[data-v-ea0483c2] {
padding: 0;
margin: 0 0 1rem 0;
}
.photos-container[data-v-677a8360] {
.photos-container[data-v-ea0483c2] {
min-width: 15rem;
box-sizing: border-box;
border-right: solid 1px rgba(0, 0, 0, 0.1);
padding: 1rem 1.5rem 1rem 1rem;
margin: 0 .5rem 0 0;
}
.photos[data-v-677a8360] {
display: inline-grid;
grid-template-columns: repeat(auto-fit, 15rem);
grid-gap: .5rem;
font-size: 0;
.photos.compact[data-v-ea0483c2] {
display: none;
}
.photos .avatar-link[data-v-677a8360] {
display: none;
}
.photo-link[data-v-677a8360] {
height: 15rem;
}
.photo[data-v-677a8360] {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 0;
object-position: 50% 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.releases[data-v-677a8360] {
.releases[data-v-ea0483c2] {
flex-grow: 1;
padding: 1rem;
}
@media (max-width: 1500px) {
.description[data-v-677a8360] {
.description[data-v-ea0483c2] {
display: none;
}
}
@media (min-width: 1200px) {
.photos.wide[data-v-677a8360] {
max-width: 35vw;
}
}
@media (max-width: 1200px) {
.profile .avatar-link[data-v-677a8360],
.social[data-v-677a8360] {
.profile .avatar-link[data-v-ea0483c2],
.extra[data-v-ea0483c2] {
display: none;
}
.actor-content[data-v-677a8360] {
.actor-content[data-v-ea0483c2] {
flex-direction: column;
}
.photos-container[data-v-677a8360] {
.photos-container[data-v-ea0483c2] {
border: none;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
padding: 1rem 1rem 1.5rem 1rem;
margin: 0 0 .5rem 0;
}
.photos[data-v-677a8360] {
width: 100%;
max-width: 100%;
.photos[data-v-ea0483c2] {
display: none;
}
.photos.compact[data-v-ea0483c2] {
display: flex;
overflow-x: scroll;
scrollbar-width: none;
}
.photos .avatar-link[data-v-677a8360] {
display: inline-block;
}
.photos[data-v-677a8360]::-webkit-scrollbar {
display: none;
}
.photo-link[data-v-677a8360] {
height: 15rem;
flex-shrink: 0;
margin: 0 .5rem 0 0;
}
}
@media (max-width: 720px) {
.profile[data-v-677a8360] {
.profile[data-v-ea0483c2] {
flex-direction: column;
padding: 0 0 .5rem 0;
}
.bio[data-v-677a8360] {
.bio[data-v-ea0483c2] {
width: 100%;
padding: 0 1rem;
margin: 0;
}
.bio-header[data-v-677a8360] {
.bio-header[data-v-ea0483c2] {
margin: 1rem 0;
}
.city[data-v-677a8360],
.state[data-v-677a8360],
.ethnicity[data-v-677a8360],
.residence[data-v-677a8360],
.weight[data-v-677a8360],
.tattoos[data-v-677a8360],
.piercings[data-v-677a8360],
.scraped[data-v-677a8360] {
.city[data-v-ea0483c2],
.state[data-v-ea0483c2],
.ethnicity[data-v-ea0483c2],
.residence[data-v-ea0483c2],
.weight[data-v-ea0483c2],
.tattoos[data-v-ea0483c2],
.piercings[data-v-ea0483c2],
.scraped[data-v-ea0483c2] {
display: none;
}
.social[data-v-677a8360] {
.social[data-v-ea0483c2] {
padding: 0 1rem;
}
}
.actors[data-v-4f34b238] {
display: grid;
grid-template-columns: repeat(auto-fit, 10rem);
grid-gap: 0 .5rem;
padding: 1rem;
}
/* $primary: #ff886c; */
.header[data-v-80991bcc] {
display: flex;
@@ -1006,18 +1081,37 @@ body {
/* $primary: #ff886c; */
.header[data-v-10b7ec04] {
display: flex;
align-items: center;
background: #fff;
color: #ff6c88;
padding: .5rem 1rem;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
font-size: 0;
}
.logo-link[data-v-10b7ec04] {
color: inherit;
display: inline-block;
text-decoration: none;
}
.logo[data-v-10b7ec04] {
display: inline-block;
margin: 0;
padding: .5rem 1rem;
margin: 0 1rem 0 0;
font-size: 2rem;
}
.nav[data-v-10b7ec04] {
display: inline-block;
}
.nav-link[data-v-10b7ec04] {
display: inline-block;
color: rgba(0, 0, 0, 0.5);
padding: 1rem;
text-decoration: none;
font-size: 1rem;
font-weight: bold;
}
.nav-link[data-v-10b7ec04]:hover {
color: #ff6c88;
}
/* $primary: #ff886c; */

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 143 KiB