meta stuff

content/hobbies/_index.md

@@ -17,15 +17,13 @@ As my friends know very well, I do *a lot* of things. This section exists to kee
 - Software Development
   - [Games](/hobbies/software/games)
   - [Competitive Programming](/hobbies/software/competitive-programming)
-  <!-- CTFs -->
-  <!-- Foobar -->
-  <!-- ECOO... -->
   - Graphics Pipeline
   - Web Development
   - Control Systems
   - Automation
 - Networking and Infrastructure
   - Virtual and Physical networks
+  <!-- - [Virtual and Physical networks](/hobbies/networking/zzanet) -->
   - [My public IPv4 block](/blog/amprnet-bgp/)
 - Longboarding
 - Drones

content/hobbies/networking/zzanet.md

@@ -0,0 +1,7 @@
+---
+title: Virtual and Physical networks
+---
+
+I am very much a [homelabber](https://www.reddit.com/r/homelab/) except unlike most, my gear is spread across many physical locations around the world. To keep everything easily accessible, and securely interconnected, I have built and maintain a large virtual network.
+
+With hosts spread across both the public internet, and in private networks behind extremely restrictive firewalls, I needed to build a secure and versatile virtual private networking setup to handle traffic routing and device connections.

templates/base.html

@@ -21,6 +21,10 @@
     <link rel="stylesheet"
         href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
     <link rel="stylesheet" href="/styles/layout.css">
+
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content="va3zza.com" />
+    <meta name="twitter:image" content="https://avatars.githubusercontent.com/u/21065412" />
     {% endblock head %}
 </head>
 
@@ -57,7 +61,7 @@
             <p>
                 <a href="/">Home</a> |
                 <a href="/blog">Blog</a> |
-                <a href="/hobbies">Hobbies</a> 
+                <a href="/hobbies">Hobbies</a>
             </p>
             <hr>
         </div>

templates/index.html

@@ -3,6 +3,13 @@
 {{section.title}}
 {% endblock title %}
 
+{% block head %}
+{{ super() }}
+<meta name="description" content="Evan Pratten is a college student, amateur radio operator, software developer, and more. This is his website." />
+<meta name="og:description" content="Evan Pratten is a college student, amateur radio operator, software developer, and more. This is his website." />
+<meta name="twitter:title" content="Evan Pratten (VA3ZZA)" />
+{% endblock head %}
+
 {% block content %}
 {{section.content | safe}}
 {% endblock content %}