search

RaspberryPiFoundation / lesson_format

Lesson formatter
17 stars 28 forks source link

Styling of Trinkets #184

Closed rikcross closed 8 years ago

rikcross commented 8 years ago

Now that the HTML projects have been updated to use Trinket, there are a couple of styling issues that need fixing.

screen shot 2016-02-21 at 20 29 08

1) The HTML for displaying a Trinket is:

<div class="trinket">
  <iframe src="https://trinket.io/embed/html/a41e4e1c5c?outputOnly=true&start=result" width="600" height="500" frameborder="0" marginwidth="0" marginheight="0" allowfullscreen>
  </iframe>
  <img src="magazine-final.png">
</div>

It would be great if the trinket (and not the image) was displayed on the website, and vice-versa for the pdf. I guess this is similar to the styling for the Scratch iframes.

2) The Trinkets should be center-aligned.

Cheers.

martinpeck commented 8 years ago

I've only been and gone and done it!

rikcross commented 8 years ago

:+1: