steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 03:24:20 +00:00
Code Activity

📔 Use Unsplash images instead of ones taken from Reddit (closes #43)

Browse source
This commit is contained in:
Steffo 2022-03-16 16:29:35 +01:00
parent fd7f7c5b41
commit 1f76caf162
Signed by: steffo
GPG key ID: 6965406171929D01
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -212,7 +212,7 @@
<p>
Images are <b>automatically centered and resized to fit</b> the panel they are in.
</p>
<img src="https://i.imgur.com/tpC5y1N.png" alt="Uno reverse card reverses water"/>
<img src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon Ice Cream"/>
</section>
<div class="chapter-forcewrap"></div>
<section class="panel panel-box" id="panel-limited">
@ -230,7 +230,7 @@
<p>
The following image has a limit of half the vertical viewport:
</p>
<img class="image-limit-half" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
<img class="image-limit-half" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
</section>
<section class="panel panel-box" id="panel-limited-quarter">
<h3>
@ -239,7 +239,7 @@
<p>
The following image has a limit of a quarter of the vertical viewport:
</p>
<img class="image-limit-quarter" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
<img class="image-limit-quarter" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
</section>
</div>
</section>
@ -252,9 +252,9 @@
Images can be wrapped in a figure element to semantically provide additional detail to them.
</p>
<figure>
<img class="image-limit-quarter" src="https://i.redd.it/0b2r669b73f41.jpg" alt="USB key in a bottle"/>
<img class="image-limit-quarter" src="https://images.unsplash.com/photo-1593415553970-bd0145efc369" alt="Neon ice cream"/>
<figcaption>
A USB key in a bottle.
Neon ice cream
</figcaption>
</figure>
</section>