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: ...@@ -140,7 +140,7 @@ Terms:
* **Beating-up**: the process of compacting the weft to create a woven structure with correct tension * **Beating-up**: the process of compacting the weft to create a woven structure with correct tension
<a data-caption="Alexandre Kaspar 2019"> <a data-caption="Alexandre Kaspar 2019">
<img src="images/topology_woven.png" width="400" /> <img src="images/topology_woven.png" width="200" />
</a> </a>
Weaving is a parallel process through which one or multiple weft threads are woven in between columns of warp threads. 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 ...@@ -162,14 +162,14 @@ Available on [archive.org](https://archive.org/details/historyprinciple00barluof
For a more modern reference, see "Shuttleless weaving machines", Talavasek, 1981. 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" /> <img src="images/weaving_heddles.jpg" height="400" />
</a> </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. 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"> <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> </a>
......
...@@ -886,4 +886,5 @@ i[class^="icon-"]{opacity:0.5;vertical-align:-2px;} ...@@ -886,4 +886,5 @@ i[class^="icon-"]{opacity:0.5;vertical-align:-2px;}
a:not([href]){color:#555;} a:not([href]){color:#555;}
[data-caption]{position: relative;margin-top:15px;display:inline-block;} [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]::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;} 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