akashacms-base - npm Package Compare versions

Comparing version 0.7.2 to 0.7.3

guide/index.html.md

@@ -18,2 +18,3 @@ ---
     <toc-item id="publdate" title="Show the Publication Date on the page"></toc-item>
+    <toc-item id="img2figimg" title="Create figure/img constructs from images"></toc-item>
     <toc-item id="opengraph" title="Promote images with OpenGraph tags"></toc-item>
@@ -134,2 +135,25 @@ <toc-item id="opengraph-single" title="Promoting a single image for OpenGraph"></toc-item>
 
+<h2 id="img2figimg">Create figure/img constructs from images</h2>
+
+We have a tag `<fig-img>` to aid constructing the combination of a `<figure>` containing an `<img>`.  But after some time of using that tag it seems better to use the `<img>` tag, and add attributes to control the construction of the figure/img construct.
+
+To trigger this behavior include the `figure` property on the image.
+
+```html
+<img id="change1" figure src="img/Human-Skeleton.jpg">
+```
+
+With the `figure` property, we replace the `<img>` with a `<figure>` containing an `<img>`.
+
+The recognized attributes are:
+
+* `id` becomes the `id` of the `<figure>`
+* `class` becomes the `class` of the `<figure>`
+* `width` becomes the `width` of the `<figure>`
+* `style` becomes the `style` of the `<figure>`
+* `dest` becomes an `<a>` tag surrounding the `<img>` within the `<figure>`
+* `caption` becomes a `<figcaption>` tag within the `<figure>`
+
+This is processed through the `ak_figimg.html.ejs` template just as for `<fig-img>`.
+
 <h2 id="opengraph">Promote images with OpenGraph tags</h2>
@@ -136,0 +160,0 @@

package.json

@@ -29,3 +29,3 @@ {
   },
-  "version": "0.7.2",
+  "version": "0.7.3",
   "engines": {
@@ -32,0 +32,0 @@ "node": ">=12.2"

No alert changes

Improved metrics

Total package byte prevSize

78601

increased by1.41%

No dependency changes