about summary refs log tree commit diff
path: root/content/posts/2021-06-21-ipwhl-update.md
diff options
context:
space:
mode:
Diffstat (limited to 'content/posts/2021-06-21-ipwhl-update.md')
-rw-r--r--content/posts/2021-06-21-ipwhl-update.md65
1 files changed, 38 insertions, 27 deletions
diff --git a/content/posts/2021-06-21-ipwhl-update.md b/content/posts/2021-06-21-ipwhl-update.md
index 342dd34..c431561 100644
--- a/content/posts/2021-06-21-ipwhl-update.md
+++ b/content/posts/2021-06-21-ipwhl-update.md
@@ -76,37 +76,59 @@ programming meme groups.  It represents an underlying problem of having too
 many packages depending on each other.  PyPI is saner, I would say, but it does
 have that problem.
 
-![xkcd comics "Dependency":
-A tower of blocks is shown. The upper half consists of many tiny blocks
-balanced on top of one another to form smaller towers, labeled:
-"All modern digital infrastructure"
-The blocks rest on larger blocks lower down in the image, finally on a
-single large block. This is balanced on top of a set of blocks on the left,
-and on the right, a single tiny block placed on its side. This one is
-labeled: A project some random person in Nebraska has been thanklessly
-maintaining since 2003](/images/xkcd-dependency.png "Such dependency, wow")
-*(Image Attribution[^0])*
+<figure>
+  <picture>
+    <source srcset="/images/xkcd-dependency.webp" type="image/webp">
+    <img title="Such dependency, wow" alt='xkcd comics "Dependency":
+  A tower of blocks is shown. The upper half consists of many tiny blocks
+  balanced on top of one another to form smaller towers, labeled:
+  "All modern digital infrastructure"
+  The blocks rest on larger blocks lower down in the image, finally on a
+  single large block. This is balanced on top of a set of blocks on the left,
+  and on the right, a single tiny block placed on its side. This one is
+  labeled: A project some random person in Nebraska has been thanklessly
+  maintaining since 2003' src="/images/xkcd-dependency.png">
+  </picture>
+  <figcaption>
+   <a href="https://xkcd.com/2347">Original XKCD comics</a> shared under a
+   CC-BY-NC 2.5 License.<br>  Transcript retrieved (with some edits) from
+   <a href="https://explainxkcd.com/wiki/index.php/2347:_Dependency">
+   ExplainXKCD</a> shared under a CC-BY-SA 3.0 License.
+  </figcaption>
+</figure>
 
 I would even say if the package dependency were like the above illustration, it
 would be simple.  In reality, *circular dependency* makes it impossible to
 declare one package without declaring the other, which can be demonstrated by
 this tensegrity shape:
 
-![A tensegrity structure](/images/tensegrity.png
-"Remove any part and it's broken")
-*(I drew this!)*
+<figure>
+  <picture>
+    <source srcset="/images/tensegrity.webp" type="image/webp">
+    <img alt='a tensegrity structure' src="/images/tensegrity.png">
+  </picture>
+  <figcaption>
+    A tensegrity structure, drawn by me
+  </figcaption>
+</figure>
 
 Or, in some cases, such as for `tox`, it can even be like this:
 
-![A tensegrity icosahedron made from straws and string](https://upload.wikimedia.org/wikipedia/commons/5/5d/Icosahedral_tensegrity_structure.png "I don't even know how this work")
-*(Image attribution[^3])*
+<figure>
+  <img alt="A tensegrity icosahedron made from straws and string"
+  src="https://upload.wikimedia.org/wikipedia/commons/5/5d/Icosahedral_tensegrity_structure.png">
+  <figcaption>
+  Icosahedral tensegrity structure, retrieved from 
+  <a href="https://commons.wikimedia.org/wiki/File:Icosahedral_tensegrity_structure.png">WikiMedia</a>, authored by QuarterNotes,
+  shared under a CC-BY-SA 4.0 License.
+  </figcaption>
+</figure>
 
 # How to help
 
 ![Rick from *Rick and Morty* dancing and singing "I'm begging for
 help"](/images/begging-for-help.png "I hope adult swim don't sue me for
 this.")
-*(Image Attribution[^1])*
 
 Due to mentioned problems, it is critical for the project to have contribution.
 To start, please take a look at [the manual page][ipwhl-man]
@@ -142,14 +164,3 @@ Therefore, you can help developing and packaging [docutils-stubs][stub] so we
 can have newer packages on IPWHL
 
 [stub]: https://github.com/tk0miya/docutils-stubs
-
-[^0]: Original XKCD comics: <https://xkcd.com/2347/>, shared under a CC-BY-NC
-  2.5 License.  
-  Transcript retrieved (with some edits) from ExplainXKCD:
-  <https://explainxkcd.com/wiki/index.php/2347:_Dependency>, shared under a
-  CC-BY-SA 3.0 License.
-[^1]: Scene cropped from *Rick and Morty*, a show by *Adult Swim*:
-  <https://www.youtube.com/watch?v=SdsJDLSI_Mo>
-[^3]: Image retrieved from WikiMedia, authored by QuarterNotes:
-  <https://commons.wikimedia.org/wiki/File:Icosahedral_tensegrity_structure.png>,
-  shared under a CC-BY-SA 4.0 License