Added info field and container-split shortcodes

CHANGELOG.md

 # Changelog
 
-## 2.0.1
+## 2.1.0
 
 * Card shortcode will not longer render the horizontal rule when there is no
     bottom text to render.
+* Added several shortcodes and CSS for rendering info-fields, for example for
+    contact info. See `info-entry.html`, `info-field.html`, `info-key.html` and
+    `info-value.html` under the `/layouts/shortcodes/` directory.
+* Added the `container-split` short code which will split a container into two
+    columns.
 
 ## 2.0.0
 

api/nodeinfo/2.1.ts

@@ -9,7 +9,7 @@ export default function (req: VercelRequest, res: VercelResponse) {
       "name": "Fedipage",
       "repository": "https://git.qoto.org/fedipage/fedipage",
       "homepage": "https://fedipage.com/",
-      "version": "2.0.1"
+      "version": "2.1.0"
     },
     "protocols": [
       "activitypub"

assets/css/main.css

@@ -736,3 +736,36 @@ div#ch-tooltip {
 	content: '- ';
   font-size: 2rem;
 }
+
+/* Infofield css */
+.info-field h2 {
+  font-size: 1em;
+  border-bottom-style: ridge;
+}
+
+.entry {
+  display: grid;
+  grid-template-columns: auto max-content;
+  grid-template-areas: "key value";
+
+  align-items: end;
+  gap: 0 .25rem;
+}
+
+.value {
+  grid-area: value;
+}
+
+.key {
+  grid-area: key;
+  position: relative;
+  overflow: hidden;
+}
+
+.key::after {
+  content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+  ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+  ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
+  position: absolute;
+  text-align: right;
+}

layouts/shortcodes/container-split.html

+<div class="col-md-6">
+  {{ .Inner }}
+</div>

layouts/shortcodes/info-entry.html

+<div class="entry">
+  {{ .Inner }}
+</div>

layouts/shortcodes/info-field.html

+<div class="info-field row">
+  {{ .Inner }}
+</div>

layouts/shortcodes/info-key.html

+<div class="key">{{ .Inner }}</div>

layouts/shortcodes/info-value.html

+<div class="value">{{ .Inner }}</div>