added srl version macros and simplified yum install

docs/blog/posts/2023/srlgpt.md

@@ -10,6 +10,9 @@ authors:
 
 # SR Linux GPT
 
+[[[% import 'macros.html' as macros %]]]
+[[[ macros.srl_version('23.7.1') ]]]
+
 It's taken much longer than we anticipated and wanted (Big co problems...) but we're finally here, SR Linux GPT release day!
 
 ![feat](https://gitlab.com/rdodin/pics/-/wikis/uploads/248c99aa1a3c7d74b346ef048ed514ca/srlinux-gpt-sticker_v1_webp.webp){ width=20% align=left}
@@ -123,13 +126,11 @@ Depending on which version of SR Linux you're running you will need to run the r
     ```
 
 === "YUM (rpm)"
-    To speed things up in YUM/rpm system we will disable all the repos except for the one that contains the `srlgpt` package. That is why the command looks a bit more bulky.
-    You can still opt to use the regular `bash sudo yum install srlgpt` command, but it will take longer to update caches for all repos.
+    To speed things up in YUM/rpm system we will disable all the repos except for the one that contains the `srlgpt` package.
 
-    ```text title="paste this two-line command into your CLI"
+    ```srl title="paste this two-line command into your CLI"
     --{ running }--[  ]--
-    A:srl# bash "sudo yum makecache --disablerepo=* --enablerepo=srlinux &&
-    sudo yum install -y --disablerepo=* --enablerepo=srlinux srlgpt"
+    A:srl# bash sudo yum install -y --disablerepo=* --enablerepo=srlinux srlgpt
     ```
 
 Wait a few seconds for the app to download and install. It is that simple!

docs/stylesheets/nokia.css

@@ -171,4 +171,49 @@ th {
  */
 .md-typeset .embed-result {
   margin-top: -1.125em;
-}
+}
+
+/* START mkdocs Badge elements (version) */
+.md-typeset .mdx-badge {
+  font-size: 0.85em;
+}
+
+.mdx-badge__icon .twemoji {
+  height: 1.35em;
+}
+
+[dir=ltr] .md-typeset .mdx-badge__icon {
+  border-top-left-radius: .1rem;
+  border-bottom-left-radius: .1rem;
+}
+
+[dir=rtl] .md-typeset .mdx-badge__icon {
+  border-top-right-radius: .1rem;
+  border-bottom-right-radius: .1rem;
+}
+
+.md-typeset .mdx-badge__icon {
+  background: var(--md-accent-fg-color--transparent);
+  padding: .2rem;
+}
+
+.md-typeset .mdx-badge__icon:last-child {
+  border-radius: .1rem;
+}
+
+[dir=ltr] .md-typeset .mdx-badge__text {
+  border-top-right-radius: .1rem;
+  border-bottom-right-radius: .1rem;
+}
+
+[dir=rtl] .md-typeset .mdx-badge__text {
+  border-top-left-radius: .1rem;
+  border-bottom-left-radius: .1rem;
+}
+
+.md-typeset .mdx-badge__text {
+  box-shadow: 0 0 0 1px inset var(--md-accent-fg-color--transparent);
+  padding: .2rem .3rem;
+}
+
+/* END mkdocs Badge elements (version) */

macros/macros.html

@@ -0,0 +1,9 @@
+[[[% macro srl_version(version) -%]]]
+<span class="mdx-badge"><span class="mdx-badge__icon"><a href="" title="Minimum SR Linux version"><span
+                                class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                                        <path
+                                                d="m21.41 11.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M13 20l-9-9V4h7l9 9M6.5 5A1.5 1.5 0 1 1 5 6.5 1.5 1.5 0 0 1 6.5 5Z">
+                                        </path>
+                                </svg></span></a></span><span class="mdx-badge__text"><a
+                        href="https://github.com/nokia/srlinux-container-image/pkgs/container/srlinux/120042212?tag=[[[version]]]">[[[version]]]</a></span></span>
+[[[%- endmacro %]]]

mkdocs.yml

@@ -162,7 +162,8 @@ plugins:
       j2_variable_start_string: "[[["
       j2_variable_end_string: "]]]"
       # include_yaml:
-      #   - macros/data.yml
+      #   - macros/vars.yml
+      include_dir: macros
   - blog:
       blog_dir: blog
       post_url_date_format: yyyy