r/guest_worker
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

credits typografie

Browse source
This commit is contained in:
merijn van moll 2020-01-22 16:00:21 +01:00
parent 54bb2787bc
commit 4990a87f33
2 changed files with 39 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
www/backend/backend.html
View file

@ -14,8 +14,8 @@
<img :src="hit.scan_image">
<div class='credits'>
<span class='worker_id'>{{hit.assignment.worker_id}}</span>
<span class='country'>{{hit.assignment.turk_country}}</span>
<span class='worker_id'>test{{hit.assignment.worker_id}}</span>
<span class='country'>test{{hit.assignment.turk_country}}</span>
<template v-if="hit.preceding_assignments.length">
<div id='collaborators'>
<div id='collab_items'>

37
www/backend/style.css
View file

@ -3,9 +3,19 @@
src: url('/font/BebasNeue-Regular.ttf');
}
@font-face {
font-family: 'freesans';
src: url('/font/FreeSans.ttf')
}
@font-face {
font-family: 'bt';
src: url('/font/steelfish_rg.ttf')
}
:root{
--base-font-size: 30px;
--base-font-size: 60px;
--spec_name-font-size: 120%;
--spec_value-font-size: 250%;
@ -29,8 +39,9 @@ body{
background: black;
margin:0;
color:white;
font-family: bebas;
font-family: 'bt';
font-size: var(--base-font-size);
line-height: var(--base-font-size)*1.5;
}
.hit{
@ -70,17 +81,29 @@ body{
}
.credits{
font-size: 60px;
font-size: var(--base-font-size);
text-transform: uppercase;
}
.credits::before{
content:'created by';
font-family: 'freesans';
text-transform: lowercase;
display:block;
font-size: 60%;
font-size: calc(var(--base-font-size)/3);
}
.country{color: gray;}
.country{
/* color: #fff; */
/* font-family: 'freesans';
text-transform: lowercase; */
font-size: calc(var(--base-font-size)/2);
vertical-align: 67%;
margin-left: -5px;
margin-right: 15px;
}
.country::before{content:'(';}
.country::after{content:')';}
@ -96,7 +119,9 @@ body{
margin-top: 7vh;
content:'in collaboration with';
display:block;
font-size: 60%;
font-family: 'freesans';
font-size: calc(var(--base-font-size)/3);
text-transform: lowercase;
}
#collaborators .credit{
margin-right:10px;