From fa15d7f3feb4ab516172f1d5c9664f9457fa4892 Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Tue, 21 Mar 2023 14:24:27 -0400
Subject: [PATCH] thinking about bgp

---
 .../blog/2023-03-21-amprnet-bgp-announce.md   | 23 ++++++++++++++
 static/graphs/timeline.dot                    | 16 ----------
 .../amprnet-bgp-announce/internet_1.drawio    | 31 +++++++++++++++++++
 .../posts/amprnet-bgp-announce/internet_1.svg |  1 +
 templates/page.html                           |  4 +--
 5 files changed, 57 insertions(+), 18 deletions(-)
 create mode 100644 content/blog/2023-03-21-amprnet-bgp-announce.md
 delete mode 100644 static/graphs/timeline.dot
 create mode 100644 static/images/posts/amprnet-bgp-announce/internet_1.drawio
 create mode 100644 static/images/posts/amprnet-bgp-announce/internet_1.svg

diff --git a/content/blog/2023-03-21-amprnet-bgp-announce.md b/content/blog/2023-03-21-amprnet-bgp-announce.md
new file mode 100644
index 0000000..1a377ac
--- /dev/null
+++ b/content/blog/2023-03-21-amprnet-bgp-announce.md
@@ -0,0 +1,23 @@
+---
+layout: page
+title: "Announcing your shiny new AMPRNet BGP allocation" 
+description: "A crash course on BGP for radio people"
+date: 2023-03-21
+tags: radio
+draft: true
+extra:
+  auto_center_images: true
+  excerpt: "This post is a quick guide to announcing your shiny new AMPRNet BGP allocation"
+---
+
+So, you got yourself a shiny new [AMPRNet](https://ampr.org) BGP allocation. What's next?
+
+Well, from experience, many people choose to email me next asking for advice. This post is that advice, now in *:sparkles:easily Google-able form!:sparkles:*
+
+A surprising number of people seem to request BGP allocations without understanding what BGP is in the first place, so, lets start there.
+
+## An ultra-crash course to BGP
+
+The internet *inter-networks networks*. Or, in less confusing terms: the internet is a broad term for how network **A** can communicate with networks **B** and **C**.
+
+![](/images/posts/amprnet-bgp-announce/internet_1.svg)
\ No newline at end of file
diff --git a/static/graphs/timeline.dot b/static/graphs/timeline.dot
deleted file mode 100644
index cdffcd9..0000000
--- a/static/graphs/timeline.dot
+++ /dev/null
@@ -1,16 +0,0 @@
-digraph {
-
-    y2008;
-    y2008 -> piano;
-
-    y2008 -> y2010;
-    y2010 -> drums;
-    drums -> amped;
-
-    y2010 -> y2012;
-    y2012 -> killer_hamsters;
-    amped -> killer_hamsters;
-    y2012 -> drum_comps;
-    drums -> drum_comps;
-
-}
\ No newline at end of file
diff --git a/static/images/posts/amprnet-bgp-announce/internet_1.drawio b/static/images/posts/amprnet-bgp-announce/internet_1.drawio
new file mode 100644
index 0000000..7e0e906
--- /dev/null
+++ b/static/images/posts/amprnet-bgp-announce/internet_1.drawio
@@ -0,0 +1,31 @@
+<mxfile host="65bd71144e">
+    <diagram id="zWfxSnhJxI8OzLJxbovO" name="Page-1">
+        <mxGraphModel dx="1514" dy="709" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+            <root>
+                <mxCell id="0"/>
+                <mxCell id="1" parent="0"/>
+                <mxCell id="2" value="Network A" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+                    <mxGeometry x="90" y="320" width="120" height="80" as="geometry"/>
+                </mxCell>
+                <mxCell id="3" value="Network C" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+                    <mxGeometry x="530" y="390" width="120" height="80" as="geometry"/>
+                </mxCell>
+                <mxCell id="4" value="Network B" style="ellipse;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+                    <mxGeometry x="530" y="200" width="120" height="80" as="geometry"/>
+                </mxCell>
+                <mxCell id="6" style="edgeStyle=none;html=1;endArrow=none;endFill=0;" edge="1" parent="1" source="5" target="2">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="7" style="edgeStyle=none;html=1;endArrow=none;endFill=0;" edge="1" parent="1" source="5" target="4">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="8" style="edgeStyle=none;html=1;endArrow=none;endFill=0;" edge="1" parent="1" source="5" target="3">
+                    <mxGeometry relative="1" as="geometry"/>
+                </mxCell>
+                <mxCell id="5" value="Internet" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+                    <mxGeometry x="270" y="280" width="220" height="150" as="geometry"/>
+                </mxCell>
+            </root>
+        </mxGraphModel>
+    </diagram>
+</mxfile>
\ No newline at end of file
diff --git a/static/images/posts/amprnet-bgp-announce/internet_1.svg b/static/images/posts/amprnet-bgp-announce/internet_1.svg
new file mode 100644
index 0000000..18844b8
--- /dev/null
+++ b/static/images/posts/amprnet-bgp-announce/internet_1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="561px" height="271px" viewBox="-0.5 -0.5 561 271" content="&lt;mxfile&gt;&lt;diagram id=&quot;zWfxSnhJxI8OzLJxbovO&quot; name=&quot;Page-1&quot;&gt;zZZNU4MwEIZ/DXcgpaXHfqoHvfTgOUNWyBgIk4ZC/fUuspQibUfHGeyJ5M3uJvsALzhslVYPhufJsxagHN8VlcPWju97gTfBS60cG2XmzhshNlJQUCfs5AeQ6JJaSAH7XqDVWlmZ98VIZxlEtqdxY3TZD3vTqr9rzmMYCLuIq6H6KoVNGjX0Z53+CDJO2p29KfWX8jaYOtknXOjyTGIbh62M1rYZpdUKVA2v5dLkba+sng5mILM/SfCbhANXBfX2ArbU5h3FBR3RHtu+MRcR42RZJtLCLudRvVLiXUYtsanCmYdDqgrGQnX1ZN6pX3xQQKdgzRFDKGFOhOgRYS2xsgPutVpyBjskjdM9jk+VOww4IBKXqbAbVFb/SiVg37DMR8QyuYFleVdYfHdELNNh6wLtgqaZzqDfL2RiUZtQt4jKVtb11+6JR13jNg3cUhcmoqiAfJCbGOzZyz1kZkBxKw/96n8BMLtXAJORAIT3CoCNBCAYOMNTZsFkeI7rtoDfvrwWI6ULMYpN4I9G3ybCoU34l2zCC37vEzjtvuNfa2d/Q2zzCQ==&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><ellipse cx="60" cy="160" rx="60" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 160px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Network A</div></div></div></foreignObject><text x="60" y="164" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Network A</text></switch></g><ellipse cx="500" cy="230" rx="60" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 230px; margin-left: 441px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Network C</div></div></div></foreignObject><text x="500" y="234" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Network C</text></switch></g><ellipse cx="500" cy="40" rx="60" ry="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 40px; margin-left: 441px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Network B</div></div></div></foreignObject><text x="500" y="44" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Network B</text></switch></g><path d="M 180.04 156.94 L 119.97 158.7" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 375.86 108.12 L 453.64 65.39" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 387.47 189.77 L 447.11 211.11" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 235 117.5 C 191 117.5 180 155 215.2 162.5 C 180 179 219.6 215 248.2 200 C 268 230 334 230 356 200 C 400 200 400 170 372.5 155 C 400 125 356 95 317.5 110 C 290 87.5 246 87.5 235 117.5 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 155px; margin-left: 181px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Internet</div></div></div></foreignObject><text x="290" y="159" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">Internet</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index c430486..ab743fa 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -42,9 +42,9 @@
 {% include "components/heading-card.html" %}
 {% endblock page_start %}
 {% block content %}
-<h1 style="margin-bottom:0;padding-bottom:0;">{{page.title}}</h1>
+<h1 style="margin-bottom:0;padding-bottom:0;text-align:left;">{{page.title}}</h1>
 {% if page.description %}
-<em>{{page.description}}</em>
+<em style="text-align:left;">{{page.description}}</em>
 <br>
 {% endif %}
 <br>