feat: add algorithm to parse ranges with markup

Signed-off-by: Sphericalkat <amolele@gmail.com>

frontend/show.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link rel="stylesheet" href="src/show.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
+        rel="stylesheet">
+
+    <title>{{ .Title }}</title>
+</head>
+
+<body class="flex flex-col h-full w-full items-center">
+    <article class="prose lg:prose-xl pt-20">
+        <h2 class="text-2xl">{{.Title}}</h2>
+        <p><a href="https://medium.com/u/{{.UserId}}">{{.Author}}</a> on {{.PublishDate}}</p>
+        {{range .Nodes}}
+            {{if eq .type "H3"}}
+                <h3>.text</h3>
+            {{end}}
+            {{if eq .type "IMG"}}
+                <h3>.text</h3>
+            {{end}}
+        {{end}}
+    </article>
+</body>
+
+</html>