diff --git a/beta/index.html b/beta/index.html
new file mode 100644
index 0000000..d45d4aa
--- /dev/null
+++ b/beta/index.html
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ dustin williams: editing in prod
+
+
+
+

+
+ Petrus Pistor
+
+
+ ⋅ always learning ⋅
+
+
+
+
+
+
diff --git a/beta/resources/css/index.css b/beta/resources/css/index.css
new file mode 100644
index 0000000..0e0e61f
--- /dev/null
+++ b/beta/resources/css/index.css
@@ -0,0 +1,12 @@
+@import 'https://fonts.googleapis.com/css?family=Cairo|Damion&display=swap';
+body{background-color:#2c2c2c;color:#efefef;height:100%}
+.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto}
+#container{text-align:center;font-family:cairo;position:absolute;top:45%;left:50%;transform:translate(-50%,-45%);width:auto}
+#container #avatar{border-radius:50%;margin-bottom:-.75em}
+#container #title{font-size:4em}
+#container #text{line-height:1.375}
+#container #links{margin-top:1.25em;white-space:nowrap;letter-spacing:.5em;line-height:2}
+@media all and (max-width:1000px){#brave-shill{margin-top:.35em;max-width:100%;border-radius:.5em}}
+@media all and (min-width:1001px){#brave-shill{margin-top:.35em;width:50%;border-radius:.5em}}a{color:#1ee9ff;text-decoration:none}
+#container #links a{user-select:none;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
+.icon{width:24px}
diff --git a/index.html b/index.html
index 9e85bc4..0e92963 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
- "Peter the Baker"
+ Peter the Baker
@@ -13,8 +13,10 @@
-

-
+
+

+
+
Petrus Pistor