diff --git a/docs/css/main.css b/docs/css/main.css
index a37ebae..39fc33f 100755
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -133,7 +133,8 @@ pre {
     padding: 10px;
     margin-bottom: 10px;
     align-items: center;
-    width: calc(100vw - 20px)
+    width: var(--elem-width);
+	border-radius: var(--border-radius);
 }
 
 .header-link,
@@ -157,10 +158,9 @@ pre {
 
 .header-img {
     border-left: none;
-    margin-left: 0;
-    padding-left: 0;
-    height: 1.5em;
-    width: 1.5em;
+    margin: 0;
+	padding-left: 0;
+    height: 2.5em;
     object-fit: cover;
 }
 
@@ -184,3 +184,14 @@ iframe {
 	height: 360px;
 	border: none;
 }
+
+.header a {
+	text-decoration: none;
+	color: inherit;
+	font-weight: bold;
+	margin: 5px;	
+display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
diff --git a/docs/img/bgc.svg b/docs/img/bgc.svg
new file mode 100644
index 0000000..76e371c
--- /dev/null
+++ b/docs/img/bgc.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="58.538853"
+   height="62.269379"
+   viewBox="0 0 58.538853 62.269381"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="bgc.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="9.5713974"
+     inkscape:cx="28.888154"
+     inkscape:cy="26.5374"
+     inkscape:window-width="1918"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-52.872929,-52.41062)">
+    <g
+       id="g4">
+      <path
+         id="path1"
+         style="fill:#4ca2dd;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         d="m 84.835608,53.91062 a 25.074709,25.074709 0 0 0 -25.074219,25.074219 25.074709,25.074709 0 0 0 5.835938,16.035156 l -11.22461,18.160155 25.271485,-9.72851 a 25.074709,25.074709 0 0 0 5.191406,0.60937 A 25.074709,25.074709 0 0 0 109.91178,78.984839 25.074709,25.074709 0 0 0 84.835608,53.91062 Z" />
+      <circle
+         style="fill:#9dd4ed;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle8"
+         r="19.014986"
+         cy="78.985329"
+         cx="84.836098" />
+      <circle
+         style="fill:#6eb2d4;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle3"
+         r="13.373178"
+         cy="78.985329"
+         cx="84.836098" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="path5"
+         cx="85.701805"
+         cy="70.552505"
+         r="2.7164268" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle5"
+         cx="84.836098"
+         cy="78.985329"
+         r="4.8582249" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle6"
+         cx="93.328705"
+         cy="80.164467"
+         r="1.6716473" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle7"
+         cx="76.716713"
+         cy="86.537621"
+         r="1.2537355" />
+    </g>
+  </g>
+</svg>
diff --git a/docs/img/home.svg b/docs/img/home.svg
new file mode 100644
index 0000000..50d7ef8
--- /dev/null
+++ b/docs/img/home.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="66.836021"
+   height="61.821083"
+   viewBox="0 0 66.836022 61.821085"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="home.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="9.5713974"
+     inkscape:cx="34.947875"
+     inkscape:cy="30.716518"
+     inkscape:window-width="1918"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-59.410652,-52.306145)">
+    <g
+       id="g4">
+      <circle
+         style="fill:#2cbdff;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle8"
+         r="19.014986"
+         cy="93.612244"
+         cx="105.73169" />
+      <circle
+         style="fill:#7ed2ff;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle3"
+         r="13.373178"
+         cy="73.113937"
+         cx="109.63179" />
+      <circle
+         style="fill:#0064a8;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9"
+         r="24.343361"
+         cy="78.149506"
+         cx="85.254013" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle12"
+         r="19.014986"
+         cy="93.612244"
+         cx="105.73169" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13"
+         r="13.373178"
+         cy="73.113937"
+         cx="109.63179" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle14"
+         r="24.343361"
+         cy="78.149506"
+         cx="85.254013" />
+      <g
+         id="g15"
+         transform="rotate(41.449194,72.995181,82.314251)">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path14"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="rect15"
+           style="fill:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g16"
+         transform="matrix(-0.34376394,-0.3032867,0.3032867,-0.34376394,116.0469,120.32004)"
+         style="stroke-width:2.18137">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:6.5441;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="path15"
+           style="fill:#ffffff;stroke-width:6.5441;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g17"
+         transform="matrix(0.38889153,-0.44629373,0.44629373,0.38889153,49.038631,100.49054)"
+         style="stroke-width:1.68931">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5.06792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle16"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="path16"
+           style="fill:#ffffff;stroke-width:5.06792;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/docs/img/logout.svg b/docs/img/logout.svg
new file mode 100644
index 0000000..b651f9b
--- /dev/null
+++ b/docs/img/logout.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="23.714998"
+   height="23.715002"
+   viewBox="0 0 23.714998 23.715003"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="logout.svg"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="3.384"
+     inkscape:cx="9.3085106"
+     inkscape:cy="8.5697399"
+     inkscape:window-width="1918"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4" /><defs
+     id="defs1" /><g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-74.568249,-64.068842)"><g
+       id="g4"><path
+         id="rect3"
+         style="fill:#dd4c4c;stroke:#ffffff;stroke-width:0.999997;stroke-linecap:round;stroke-linejoin:round"
+         d="m 75.068241,64.568826 0.342178,3.460967 -0.342178,0.271486 0.411044,0.419925 0.621946,6.271537 2.416766,-2.994165 3.733827,3.927767 -3.733827,3.927767 -2.416766,-2.994165 -0.621946,6.271537 -0.411044,0.419925 0.342178,0.271486 -0.342178,3.460967 3.656354,-0.847663 1.073878,0.847663 1.338583,-1.406261 5.289768,-1.228527 5.287616,1.226574 1.338583,1.408214 1.073878,-0.847663 3.656354,0.847663 -0.342178,-3.46292 0.342178,-0.269533 -0.411044,-0.419925 -0.619794,-6.271537 -2.416765,2.994165 -3.735979,-3.927767 3.735979,-3.927767 2.416765,2.994165 0.619794,-6.271537 0.411044,-0.419925 -0.342178,-0.269533 0.342178,-3.46292 -3.656354,0.847663 -1.073878,-0.847663 -1.338583,1.408214 -5.287616,1.226574 -5.289768,-1.228527 -1.338583,-1.406261 -1.073878,0.847663 z m 11.358583,2.802757 2.971998,1.039072 -2.971998,3.126979 -2.97415,-3.125026 z m 0,12.943469 2.971998,3.126979 -2.971998,1.039071 -2.97415,-1.041024 z" /></g></g></svg>
diff --git a/docs/img/mail.svg b/docs/img/mail.svg
new file mode 100644
index 0000000..3703b68
--- /dev/null
+++ b/docs/img/mail.svg
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="33.492641"
+   height="28.268745"
+   viewBox="0 0 33.492642 28.268747"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="mail.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="13.536"
+     inkscape:cx="16.437648"
+     inkscape:cy="6.2795508"
+     inkscape:window-width="1918"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-65.328197,-72.597252)">
+    <g
+       id="g4">
+      <rect
+         style="fill:#5ea9dc;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
+         id="rect1"
+         width="27.268745"
+         height="32.492641"
+         x="73.097252"
+         y="-98.320839"
+         transform="rotate(90)"
+         ry="2.6119487" />
+      <path
+         style="fill:#2a668d;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;paint-order:normal"
+         d="m 66.559541,73.828601 c 9.18288,5.784626 0.394541,9.672076 11.074662,14.209001 2.676863,-4.601768 17.896734,-8.779971 19.328423,-14.626913"
+         id="path1"
+         sodipodi:nodetypes="ccc" />
+      <path
+         id="path2"
+         style="fill:#dc5e5e;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round"
+         d="m 80.2685,87.324696 c 0,2.169027 -0.901802,5.236495 -2.268642,5.236493 -1.366839,0 -2.681122,-3.067467 -2.681122,-5.236493 0,-2.169027 1.108042,-2.863707 2.474882,-2.863707 1.36684,-2e-6 2.474882,0.69468 2.474882,2.863707 z"
+         sodipodi:nodetypes="sssss" />
+    </g>
+  </g>
+</svg>
diff --git a/docs/img/pings.svg b/docs/img/pings.svg
new file mode 100644
index 0000000..536f009
--- /dev/null
+++ b/docs/img/pings.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="66.836021"
+   height="61.821083"
+   viewBox="0 0 66.836022 61.821085"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="pings.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showguides="true"
+     inkscape:zoom="9.5713974"
+     inkscape:cx="34.947875"
+     inkscape:cy="30.716518"
+     inkscape:window-width="1918"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="21"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-59.410652,-52.306145)">
+    <g
+       id="g4">
+      <circle
+         style="fill:#2cbdff;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle8"
+         r="19.014986"
+         cy="93.612244"
+         cx="105.73169" />
+      <circle
+         style="fill:#7ed2ff;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle3"
+         r="13.373178"
+         cy="73.113937"
+         cx="109.63179" />
+      <circle
+         style="fill:#0064a8;fill-opacity:0.5;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle9"
+         r="24.343361"
+         cy="78.149506"
+         cx="85.254013" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle12"
+         r="19.014986"
+         cy="93.612244"
+         cx="105.73169" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle13"
+         r="13.373178"
+         cy="73.113937"
+         cx="109.63179" />
+      <circle
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+         id="circle14"
+         r="24.343361"
+         cy="78.149506"
+         cx="85.254013" />
+      <g
+         id="g15"
+         transform="rotate(41.449194,72.995181,82.314251)">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="path14"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="rect15"
+           style="fill:#ffffff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g16"
+         transform="matrix(-0.34376394,-0.3032867,0.3032867,-0.34376394,116.0469,120.32004)"
+         style="stroke-width:2.18137">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:6.5441;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle15"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="path15"
+           style="fill:#ffffff;stroke-width:6.5441;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g17"
+         transform="matrix(0.38889153,-0.44629373,0.44629373,0.38889153,49.038631,100.49054)"
+         style="stroke-width:1.68931">
+        <circle
+           style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5.06792;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+           id="circle16"
+           cx="76.270569"
+           cy="77.95578"
+           r="5.6515956" />
+        <path
+           id="path16"
+           style="fill:#ffffff;stroke-width:5.06792;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+           d="m 76.152321,81.812047 c 1.916527,5.421928 8.74103,4.99558 8.301383,12.773682 L 68.070393,94.481251 c -0.366963,-7.943628 5.498093,-7.479653 8.081928,-12.669204 z"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/docs/index.php b/docs/index.php
index f335e04..4549e5b 100755
--- a/docs/index.php
+++ b/docs/index.php
@@ -5,19 +5,21 @@
 
     page_header();
 ?>
-
+	<?php if (!($_GET['page'] > 1)) { ?>
+		
 <div class="banner"><img class="banner-background" src="/img/newlogo.svg">
     <div class="banner-content">
-        <h1>BiglyChat</h1>
-        <pre>BiglyChat is a niche forum for Dervland experiments and games.</pre>
-        <h2>Community</h2>
-    
-        <a class="form-button" href="/register.php">Join the Community</a>
-        <a class="form-button" href="/tou.php">Terms of Use</a>
-        <a class="form-button" href="https://dervland.net/">More Projects</a>
-    </div>
+				<h1>BiglyChat</h1>
+				<pre>BiglyChat is a niche forum for Dervland experiments and games.</pre>
+				<h2>Community</h2>
+			
+				<a class="form-button" href="/register.php">Join the Community</a>
+				<a class="form-button" href="/tou.php">Terms of Use</a>
+				<a class="form-button" href="https://dervland.net/">More Projects</a>
+	</div>
 </div>
 <?php 
+	}
 	comments("root","root");   
    	page_footer();
 ?>
diff --git a/libs/page.php b/libs/page.php
index eb7c825..bfb74ec 100755
--- a/libs/page.php
+++ b/libs/page.php
@@ -17,21 +17,20 @@
 		<!DOCTYPE html>
         <html>
             <head>
-                <title>NewBiglyChat</title>
+                <title>BiglyChat</title>
                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
                 <link rel="stylesheet" href="/css/main.css">
             </head>
             <body>
             <div class="header">
-                <a href="/"><img class="header-img header-link" src="/img/newlogo.svg"></a>
-                <a href="/" class='header-link'>Home</a>
+                <a href="/"><img class="header-img header-link" src="/img/bgc.svg">BiglyChat</a>
                 <?php 
                     if (isset($username)) { ?>
-                        <a class="header-link" href="/user.php?id=<?php echo $username ?>"><?php echo $username ?></a>
-                        <a class="header-link" href="/notif.php">Pings [<?php echo $edge ?>]</a>
-                        <a class="header-link" href="/logout.php">Logout</a>
+                        <a href="/user.php?id=<?php echo $username ?>"><img class="header-img header-link" src="/img/home.svg">Home</a>
+                        <a href="/notif.php"> <img class="header-img header-link" src="/img/mail.svg"><span>Mail<sub> <?php echo $edge?></sub></span></a>
+                        <a href="/logout.php"><img class="header-img header-link" src="/img/logout.svg">Leave</a>
                     <?php } else { ?>
-                        <a class="header-link" href="/login.php">Login</a>
+                        <a href="/login.php"><img class="header-img header-link" src="/img/home.svg">Join</a>
                     <?php } 
                 ?>
             </div>