feat(external-links): add external link icon

Signed-off-by: Laura Santamaria <nimbinatus@users.noreply.github.com>

Author: nimbinatus

site/config.toml

@@ -41,6 +41,7 @@ generate_robots_txt = true
 highlight_code = true
 highlight_theme = "inspired-github"
 render_emoji = true
+external_links_class = "external"
 external_links_target_blank = true
 external_links_no_referrer = true
 #insert_anchor_links = "left"
@@ -50,10 +51,10 @@ external_links_no_referrer = true
 juice_logo_name = "bootc"
 juice_logo_path = "logo.png"
 juice_extra_menu = [
-    { title = "About", link = "/about" },
-    { title = "Docs", link = "https://bootc-dev.github.io/bootc/" },
-    { title = "News", link = "/news" },
-    { title = "GitHub", link = "https://github.com/bootc-dev/bootc" },
+    { title = "About", link = "/about", external = false },
+    { title = "Docs", link = "https://bootc-dev.github.io/bootc/", external = true },
+    { title = "News", link = "/news", external = false },
+    { title = "GitHub", link = "https://github.com/bootc-dev/bootc", external = true },
 ]
 favicon = "favicon.ico"
 meta_title = "Your OS, but Containers!"

site/templates/_macros.html

@@ -16,7 +16,11 @@
     {% endfor %}
     {% if config.extra.juice_extra_menu %}
     {% for menu in config.extra.juice_extra_menu %}
+    {% if menu.external == true %}
+    <a class="nav-item subtitle-text external" href="{{ menu.link | safe }}">{{ menu.title }}</a>
+    {% else %}
     <a class="nav-item subtitle-text" href="{{ menu.link | safe }}">{{ menu.title }}</a>
+    {% endif %}
     {% endfor %}
     {% endif %}
 </nav>