Added favicons for all networks. Showing sites on dark background, lightened logos. Updated Kink logos. Changed Bang! studios to sites, removed studio prominence.

This commit is contained in:
2020-01-06 21:49:37 +01:00
parent ce02406073
commit 9e6e5605ed
95 changed files with 390 additions and 139 deletions

View File

@@ -51,7 +51,7 @@
<span
v-if="release.duration >= 3600"
class="duration-segment"
>{{ Math.floor(release.duration / 3600) }}:</span>
>{{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}:</span>
<span class="duration-segment">{{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}:</span>
<span class="duration-segment">{{ (release.duration % 60).toString().padStart(2, '0') }}</span>
</span>
@@ -167,7 +167,7 @@
<span
v-if="release.duration >= 3600"
class="duration-segment"
>{{ Math.floor(release.duration / 3600) }}:</span>
>{{ Math.floor(release.duration / 3600).toString().padStart(2, '0') }}:</span>
<span class="duration-segment">{{ Math.floor((release.duration % 3600) / 60).toString().padStart(2, '0') }}:</span>
<span class="duration-segment">{{ (release.duration % 60).toString().padStart(2, '0') }}</span>
</div>
@@ -282,7 +282,8 @@ export default {
}
.info {
background: $background;
background: $profile;
color: $text-contrast;
margin: 0 0 1.5rem 0;
box-shadow: 0 0 3px $shadow-weak;
cursor: default;
@@ -292,6 +293,10 @@ export default {
align-items: center;
padding: 0 1rem;
}
.link {
color: $text-contrast;
}
}
.tidbit {
@@ -299,11 +304,11 @@ export default {
height: 100%;
&:not(:last-child) {
border-right: solid 1px $shadow-hint;
border-right: solid 1px $highlight-hint;
}
.icon {
fill: $shadow-strong;
fill: $highlight-weak;
margin: 0 .25rem 0 0;
}
@@ -327,7 +332,7 @@ export default {
.logo {
display: inline-block;
filter: $logo-shadow;
filter: $logo-highlight;
}
.logo-site {
@@ -345,7 +350,7 @@ export default {
}
.chain {
color: $shadow;
color: $highlight;
padding: 0 .5rem;
font-weight: bold;
font-size: .8rem;
@@ -369,7 +374,11 @@ export default {
.actors {
display: flex;
flex-wrap: wrap;
.actor {
width: 10rem;
margin: 0 1rem 0 0;
}
}
.link {