Adds icons to the front matter.

src/style.css

@@ -190,4 +190,12 @@ img.inline {
     max-height: 1.2em;
     max-width: 1.2em;
     vertical-align: middle;
+}
+
+h2 svg {
+    display: inline;
+    max-height: 1.1em;
+    vertical-align: middle;
+    max-width: 1.1em;
+    margin-right: 0.25em;
 }

website/index.htm

@@ -6,7 +6,10 @@
 
     <div id="intro-grid">
         <div>
-            <h2>goals</h2>
+            <h2><svg viewBox="0 0 24 24">
+                    <path
+                        d="M14.4,6H20V16H13L12.6,14H7V21H5V4H14L14.4,6M14,14H16V12H18V10H16V8H14V10L13,8V6H11V8H9V6H7V8H9V10H7V12H9V10H11V12H13V10L14,12V14M11,10V8H13V10H11M14,10H16V12H14V10Z" />
+                </svg>goals</h2>
 
             <ul class="bars">
                 <li>provide documents on how to get started with embedded programming (for absolute newbies)</li>
@@ -19,16 +22,23 @@
         </div>
 
         <div>
-            <h2>important links</h2>
+            <h2><svg viewBox="0 0 24 24">
+                    <path
+                        d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" />
+                </svg>important links</h2>
 
             <ul class="bars">
                 <li><strong><a href="getting-started.htm">documentation / getting started</a></strong></li>
                 <li><a href="https://github.com/ZigEmbeddedGroup/">code</a></li>
+                <li><a href="https://ziglang.org/">Zig programming language</a></li>
             </ul>
         </div>
 
         <div>
-            <h2>community</h2>
+            <h2><svg viewBox="0 0 24 24">
+                    <path
+                        d="M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" />
+                </svg>community</h2>
 
             <ul class="bars">
                 <li><img class="inline" src="img/chat-discord.svg">&nbsp;<a href="https://discord.gg/zqa3fgv6Ma">zig
@@ -46,7 +56,10 @@
         </div>
 
         <div>
-            <h2>projects</h2>
+            <h2><svg viewBox="0 0 24 24">
+                    <path
+                        d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" />
+                </svg>projects</h2>
 
             <ul class="bars">
                 <li><a href="https://github.com/ZigEmbeddedGroup/microzig/">microzig - Cross-Device Embedded