diff --git a/.gitignore b/.gitignore
index fbf0917..5d2947b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,4 @@
 # ---> Hugo
 # Generated files by hugo
-static/
 public/
 resources/_gen
diff --git a/static/images/example_kgt.svg b/static/images/example_kgt.svg
new file mode 100644
index 0000000..beae62a
--- /dev/null
+++ b/static/images/example_kgt.svg
@@ -0,0 +1,39 @@
+<?xml version='1.0' encoding='utf-8'?>
+<svg
+  xmlns='http://www.w3.org/2000/svg'
+  xmlns:xlink='http://www.w3.org/1999/xlink'
+
+  width='290' height='220'>
+
+  <style>
+    rect, line, path { stroke-width: 1.5px; stroke: white; fill: transparent; }
+    rect, line, path { stroke-linecap: square; stroke-linejoin: rounded; }
+    path { fill: transparent; }
+    text.literal { font-family: monospace; }
+    text { font: trebuchet; font-size: 8; fill: white }
+    line.ellipsis { stroke-dasharray: 1 3.5; }
+    tspan.hex { font-family: monospace; font-size: 90%; font-color: white}
+    path.arrow { fill: white; }
+  </style>
+
+  <g transform='translate(40 50)'>
+    <text x='-30' y='-10'>personal-part:</text>
+    <path d='M5.5 14 v12 m 4 0 v-12' class='station'/>
+    <path d='M220.5 14 v12 m 4 0 v-12' class='station'/>
+    <rect x='70' y='10' height='20' width='90' rx='0' ry='0' class='rule'/>
+    <text x='115' y='25' text-anchor='middle' class='rule'>first-name</text>
+    <rect x='60' y='40' height='20' width='70' rx='0' ry='0' class='rule'/>
+    <text x='95' y='55' text-anchor='middle' class='rule'>initial</text>
+    <rect x='150' y='40' height='20' width='20' rx='8' ry='8' class='literal'/>
+    <text x='160' y='55' text-anchor='middle' class='literal'>.</text>
+    <path d='M190 30 v10'/>
+    <path d='M170 50 h10 q10 0 10 -10'/>
+    <path d='M130 50 h20'/>
+    <path d='M40 40 q0 10 10 10 h10'/>
+    <path d='M190 30 q0 -10 10 -10'/>
+    <path d='M160 20 h60'/>
+    <path d='M30 20 q10 0 10 10 v10'/>
+    <path d='M10 20 h60'/>
+  </g>
+
+</svg>
diff --git a/static/images/replace_style.awk b/static/images/replace_style.awk
new file mode 100644
index 0000000..fffe168
--- /dev/null
+++ b/static/images/replace_style.awk
@@ -0,0 +1,15 @@
+#!/bin/awk
+BEGIN{style_flag=0}
+
+/<style>/{
+	style_flag=1
+}
+
+//{
+	if(style_flag == 0) print $0
+}
+
+/<\/style>/{
+	style_flag=0
+	print f1
+}
diff --git a/static/images/style.svg b/static/images/style.svg
new file mode 100644
index 0000000..8e25545
--- /dev/null
+++ b/static/images/style.svg
@@ -0,0 +1,10 @@
+  <style>
+    rect, line, path { stroke-width: 1.5px; stroke: white; fill: transparent; }
+    rect, line, path { stroke-linecap: square; stroke-linejoin: rounded; }
+    path { fill: transparent; }
+    text { fill: white; }
+    text.literal { font-family: monospace; }
+    line.ellipsis { stroke-dasharray: 1 3.5; }
+    tspan.hex { font-family: monospace; font-size: 90%; }
+    path.arrow { fill: white; }
+  </style>