steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +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> <p>
Images are <b>automatically centered and resized to fit</b> the panel they are in. Images are <b>automatically centered and resized to fit</b> the panel they are in.
</p> </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> </section>
<div class="chapter-forcewrap"></div> <div class="chapter-forcewrap"></div>
<section class="panel panel-box" id="panel-limited"> <section class="panel panel-box" id="panel-limited">
@ -230,7 +230,7 @@
<p> <p>
The following image has a limit of half the vertical viewport: The following image has a limit of half the vertical viewport:
</p> </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>
<section class="panel panel-box" id="panel-limited-quarter"> <section class="panel panel-box" id="panel-limited-quarter">
<h3> <h3>
@ -239,7 +239,7 @@
<p> <p>
The following image has a limit of a quarter of the vertical viewport: The following image has a limit of a quarter of the vertical viewport:
</p> </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> </section>
</div> </div>
</section> </section>
@ -252,9 +252,9 @@
Images can be wrapped in a figure element to semantically provide additional detail to them. Images can be wrapped in a figure element to semantically provide additional detail to them.
</p> </p>
<figure> <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> <figcaption>
A USB key in a bottle. Neon ice cream
</figcaption> </figcaption>
</figure> </figure>
</section> </section>