Adjust promobar shortcode

Author: Erik2609

assets/scss/_common.scss

@@ -70,6 +70,9 @@ a:hover {
   text-decoration: underline;
 }
 
+.link__force-underline a {
+  text-decoration: underline !important;
+}
 h1, .h1 {
   font-size:36px;
 }

content/english/technical-tools/BDT.md

@@ -1,16 +1,20 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
-<div id={{.Get "id" }} class="container-fluid mt-0 p-0">
+{{$param := int (.Get "index")}}
+{{ with index .Page.Params.promo_bar $param }}
+<div id={{.id}} class="container-fluid mt-0 p-0">
     <div class="shadow bg-lightblue">
         <div class="row promobar-mobile-desktop-layout">
-            <div class="col-12 flex justify-center items-center px-5">
-                <!-- Content -->
+            <div class=" d-flex justify-center items-center px-5 link__force-underline">
                 <span class="mr-3" style="font-size:16px; color:#005aa7;">
-                    <b>{{ .Get "content" }} <a href="https://github.com/NGO-Algorithm-Audit/unsupervised-bias-detection" style="text-decoration: underline;" target="_blank">GitHub</a></b>
+                    {{ .content | markdownify }}
                 </span>
+                {{if .iframe }}
                 <span>
-                    <iframe src="https://ghbtns.com/github-btn.html?user=NGO-Algorithm-Audit&repo=unsupervised-bias-detection&type=star&count=true" frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
+                    <iframe src={{.iframe}} frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
                 </span>
+                {{ end }}
             </div>
         </div>
     </div>
-</div>
+</div>
+{{ end }}

content/english/technical-tools/SDG.md

@@ -738,6 +738,37 @@ const building_blocks: TinaField[] = [
       },
     ],
   },
+  {
+    type: "object",
+    name: "promo_bar",
+    label: "Promo bar",
+    list: true,
+    ui: {
+      itemProps: (item) => {
+        return { label: item?.id };
+      },
+    },
+    fields: [
+      {
+        type: "rich-text",
+        name: "content",
+        label: "content",
+        required: true,
+      },
+      {
+        type: "string",
+        name: "id",
+        label: "ID",
+        description: "ID to refer to this block as algorithmaudit.eu/.../#ID",
+        required: false,
+      },
+      {
+        type: "string",
+        name: "iframe",
+        label: "iFrame",
+      },
+    ],
+  },
   {
     type: "object",
     name: "reports_preview",

content/nederlands/technical-tools/BDT.md

@@ -1,25 +1,20 @@
-import { RichTextTemplate } from "@tinacms/schema-tools/dist/types/index"
-let pdf_frame : RichTextTemplate = {
-    name: 'promo_bar',
-    label: 'Promo bar',
-    match: {
-        start: '{{<',
-        end: '>}}'
+import { RichTextTemplate } from "@tinacms/schema-tools/dist/types/index";
+let pdf_frame: RichTextTemplate = {
+  name: "promo_bar",
+  label: "Promo bar",
+  match: {
+    start: "{{<",
+    end: ">}}",
+  },
+  fields: [
+    {
+      name: "index",
+      label: "Index of the promobar entry",
+      type: "string",
+      description:
+        "0-based index of the promobar entry of the fields on the page (Promo bar)",
+      required: true,
     },
-    fields: [
-        {
-            type: "string",
-            name: "content",
-            label: "content",
-            required: true,
-        },
-        {
-            type: "string",
-            name: "id",
-            label: "ID",
-            description: "ID to refer to this block as algorithmaudit.eu/.../#ID",
-            required: false,
-        }
-    ]
+  ],
 };
-export default pdf_frame;
+export default pdf_frame;