AverageMarcus/buzzers
1
0
Fork 0
Code Issues Pull Requests Releases Activity

🕹👆 Checkpoint

Browse Source 
./views/audience.handlebars:530995/193
./public/style.css:530995/130
This commit is contained in:
Glitch (hello-express) 2020-04-09 17:13:46 +00:00
parent df26af35ac
commit 95137e2b1b
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/style.css
View File

@ -1,5 +1,3 @@
/* this file is loaded by index.html and styles the page */
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -86,10 +84,12 @@ h2 img {
figure.participant { figure.participant {
display: inline-block; display: inline-block;
transition: ease-in all .2s; transition: ease-in all .2s;
margin: 0;
} }
figure.participant img { figure.participant img {
max-height: 100px; max-width: 40vw;
width: 150px;
} }
figure.participant figcaption { figure.participant figcaption {
font-weight: bold; font-weight: bold;

14
views/audience.handlebars
View File

@ -18,12 +18,14 @@
<main> <main>
<h2>Participants</h2> <h2>Participants</h2>
{{#each participants}} <div>
<figure class="participant" id="p-{{this.participantId}}"> {{#each participants}}
<img src="{{this.character}}" /> <figure class="participant" id="p-{{this.participantId}}">
<figcaption>{{this.participantName}}</figcaption> <img src="{{this.character}}" />
</figure> <figcaption>{{this.participantName}}</figcaption>
{{/each}} </figure>
{{/each}}
</div>
</main> </main>