feat: links

Author: ThisAMJ

generate.py

@@ -107,7 +107,12 @@ def generate_command_table():
 
 out = (template
     .replace("{{CONTENT}}", content)
-    .replace("{{NAV_MENU}}", generate_nav(md.toc_tokens))
+    .replace("{{NAV_MENU}}", generate_nav(md.toc_tokens) + """
+        <div id='nav-links'>
+            <a href="https://github.com/p2sr/rules" target="_blank" class="fa-brands fa-github"></a>
+            <a href="https://discord.com/invite/hRwE4Zr" target="_blank" class="fa-brands fa-discord"></a>
+        </div>
+        """)
     .replace("{{COMMAND_LIST}}", generate_command_table())
 )
 

out/style.css

@@ -42,6 +42,21 @@ nav {
     overscroll-behavior: none;
 }
 
+/* FIXME: Maybe push these links to the bottom of the screen if we have space on desktop? */
+#nav-links {
+    position: relative;
+    width: 100%;
+    margin-top: 0.3em;
+    text-align: center;
+    font-size: 2em;
+}
+
+#nav-links a {
+    color: inherit;
+    padding: 0.2em 0.5em;
+    margin: auto;
+}
+
 nav img {
     float: left;
     padding-right: 1em;

template.html

@@ -6,6 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Portal 2 Rules</title>
         <link rel="stylesheet" href="style.css" type="text/css">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" type="text/css">
         <link rel="icon" type="image/png" href="https://avatars.githubusercontent.com/u/83299896" />
     </head>