Commit 87bd4ded authored by Alexandre Kaspar's avatar Alexandre Kaspar

Dark captions

parent 487adec8
Pipeline #4633 passed with stage
in 2 seconds
......@@ -140,7 +140,7 @@ Terms:
* **Beating-up**: the process of compacting the weft to create a woven structure with correct tension
<a data-caption="Alexandre Kaspar 2019">
<img src="images/topology_woven.png" width="400" />
<img src="images/topology_woven.png" width="200" />
</a>
Weaving is a parallel process through which one or multiple weft threads are woven in between columns of warp threads.
......@@ -162,14 +162,14 @@ Available on [archive.org](https://archive.org/details/historyprinciple00barluof
For a more modern reference, see "Shuttleless weaving machines", Talavasek, 1981.
<a data-caption="Heddles, by Loggie-log, public domain" href="https://commons.wikimedia.org/w/index.php?curid=3635894">
<a class="dark" data-caption="Heddles, by Loggie-log, public domain" href="https://commons.wikimedia.org/w/index.php?curid=3635894">
<img src="images/weaving_heddles.jpg" height="400" />
</a>
One inconvenience of weaving machines is that they require a complex setup to prepare the warp threads (easily thousands of them) and their tensioning, before anything can be done.
<a data-caption="(c) Alex Zimmer, 2018">
<img src="images/weaving_warping_machine.jpg" width="800" />
<img src="images/weaving_warping_machine.jpg" width="600" />
</a>
......
......@@ -886,4 +886,5 @@ i[class^="icon-"]{opacity:0.5;vertical-align:-2px;}
a:not([href]){color:#555;}
[data-caption]{position: relative;margin-top:15px;display:inline-block;}
[data-caption]::before{display:block;content:attr(data-caption);position:absolute;width:100%;background:rgba(255,255,255,0.5);color:gray;}
[data-caption].dark::before{background:rgba(0,0,0,0.5);color:white;}
img,video,iframe{margin:15px 0;}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment