diff --git a/static/.gitignore b/static/.gitignore
new file mode 100644
index 0000000..c7de605
--- /dev/null
+++ b/static/.gitignore
@@ -0,0 +1 @@
+*.map
diff --git a/static/styles.css b/static/styles.css
index 21c833c..2721b03 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,4 +1,3 @@
-
 html {
   font-family: Helvetica, sans-serif;
   font-size: 19px;
@@ -18,7 +17,7 @@ body {
   color: #373737;
 }
 .theme--dark body {
-  color: #FAFAFA;
+  color: #fafafa;
 }
 @media (max-width: 580px) {
   body.lock {
@@ -30,7 +29,7 @@ body {
   color: #373737;
 }
 .theme--dark a {
-  color: #FAFAFA;
+  color: #fafafa;
 }
 
 .background {
@@ -43,13 +42,13 @@ body {
   z-index: -1;
 }
 .theme--default .background {
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .theme--dark .background {
   background: #1e1e1e;
 }
 .background::after {
-  content: "";
+  content: '';
   position: absolute;
   width: 140%;
   height: 100%;
@@ -58,7 +57,7 @@ body {
   bottom: -40%;
 }
 .theme--default .background::after {
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .theme--dark .background::after {
   background: #181818;
@@ -80,7 +79,7 @@ body {
   cursor: pointer;
 }
 .theme--default .theme-toggle {
-  color: #F3F3F3;
+  color: #f3f3f3;
 }
 .theme--dark .theme-toggle {
   color: #9a9a9a;
@@ -125,10 +124,10 @@ body {
   }
 }
 .theme--default .top span {
-  color: #E32A6D;
+  color: #e32a6d;
 }
 .theme--dark .top span {
-  color: #E32A6D;
+  color: #e32a6d;
 }
 
 .pic-wrapper {
@@ -209,10 +208,10 @@ body {
     font-size: 1.2rem;
   }
   .theme--default .container .columnA .info-wrapper .display {
-    color: #C9C9C9;
+    color: #c9c9c9;
   }
   .theme--dark .container .columnA .info-wrapper .display {
-    color: #C9C9C9;
+    color: #c9c9c9;
   }
 }
 .container .columnA .last_update {
@@ -221,10 +220,10 @@ body {
   text-align: center;
 }
 .theme--default .container .columnA .last_update {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 .theme--dark .container .columnA .last_update {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 @media (max-width: 580px) {
   .container .columnA .last_update {
@@ -241,19 +240,19 @@ body {
   font-size: 1.6rem;
 }
 .theme--default .container .column_content .info-wrapper .display {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 .theme--dark .container .column_content .info-wrapper .display {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 .container .column_content .info-wrapper .npub {
   font-size: 1rem;
 }
 .theme--default .container .column_content .info-wrapper .npub {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 .theme--dark .container .column_content .info-wrapper .npub {
-  color: #C9C9C9;
+  color: #c9c9c9;
 }
 @media (max-width: 580px) {
   .container .column_content .info-wrapper {
@@ -266,7 +265,7 @@ body {
   margin-left: -0.6rem;
 }
 .theme--default .container .column_content .separator {
-  background: #F3F3F3;
+  background: #f3f3f3;
 }
 .theme--dark .container .column_content .separator {
   background: #232323;
@@ -286,10 +285,10 @@ body {
   font-size: 0.8rem;
 }
 .theme--default .container .column_content .field .label {
-  color: #E32A6D;
+  color: #e32a6d;
 }
 .theme--dark .container .column_content .field .label {
-  color: #E32A6D;
+  color: #e32a6d;
 }
 .container .column_content .field.advanced {
   display: none;
@@ -303,7 +302,7 @@ body {
   margin-right: -1rem;
 }
 .theme--default .container .column_content .field.advanced.boxed {
-  background: #F3F3F3;
+  background: #f3f3f3;
 }
 .theme--dark .container .column_content .field.advanced.boxed {
   background: #131313;
@@ -319,7 +318,7 @@ body {
   color: #9a9a9a;
 }
 .theme--default .container .column_content .field.advanced.boxed .label {
-  background: #C9C9C9;
+  background: #c9c9c9;
 }
 .theme--dark .container .column_content .field.advanced.boxed .label {
   background: #191919;
@@ -328,7 +327,10 @@ body {
   display: flex;
   align-items: center;
 }
-.container .column_content .field.advanced-switch-wrapper input[type=checkbox] {
+.container
+  .column_content
+  .field.advanced-switch-wrapper
+  input[type='checkbox'] {
   height: 0;
   width: 0;
   visibility: hidden;
@@ -346,13 +348,19 @@ body {
   margin-right: 0.5rem;
 }
 @media (max-width: 580px) {
-  .container .column_content .field.advanced-switch-wrapper label:first-of-type {
+  .container
+    .column_content
+    .field.advanced-switch-wrapper
+    label:first-of-type {
     width: 3rem;
     height: 1.4rem;
   }
 }
-.container .column_content .field.advanced-switch-wrapper label:first-of-type:after {
-  content: "";
+.container
+  .column_content
+  .field.advanced-switch-wrapper
+  label:first-of-type:after {
+  content: '';
   position: absolute;
   top: 2px;
   left: 2px;
@@ -363,22 +371,42 @@ body {
   transition: 0.2s;
 }
 @media (max-width: 580px) {
-  .container .column_content .field.advanced-switch-wrapper label:first-of-type:after {
+  .container
+    .column_content
+    .field.advanced-switch-wrapper
+    label:first-of-type:after {
     width: 1.2rem;
     height: 1.2rem;
   }
 }
-.theme--default .container .column_content .field.advanced-switch-wrapper input:checked + label {
-  background: #E32A6D;
+.theme--default
+  .container
+  .column_content
+  .field.advanced-switch-wrapper
+  input:checked
+  + label {
+  background: #e32a6d;
 }
-.theme--dark .container .column_content .field.advanced-switch-wrapper input:checked + label {
-  background: #E32A6D;
+.theme--dark
+  .container
+  .column_content
+  .field.advanced-switch-wrapper
+  input:checked
+  + label {
+  background: #e32a6d;
 }
-.container .column_content .field.advanced-switch-wrapper input:checked + label:first-of-type:after {
+.container
+  .column_content
+  .field.advanced-switch-wrapper
+  input:checked
+  + label:first-of-type:after {
   left: calc(100% - 2px);
   transform: translateX(-100%);
 }
-.container .column_content .field.advanced-switch-wrapper label:first-of-type:active:after {
+.container
+  .column_content
+  .field.advanced-switch-wrapper
+  label:first-of-type:active:after {
   width: 2rem;
 }
 .container .column_content .field.content {
@@ -388,41 +416,52 @@ body {
   max-width: 100%;
   margin: 1rem 0;
 }
-.container .column_content .field .json, .container .column_content .field .data {
+.container .column_content .field .json,
+.container .column_content .field .data {
   white-space: pre-wrap;
   word-break: break-all;
   margin-top: 1rem;
 }
-.container .column_content .field .json .key, .container .column_content .field .data .key {
+.container .column_content .field .json .key,
+.container .column_content .field .data .key {
   display: inline-block;
   margin-top: 0.5rem;
 }
-.theme--default .container .column_content .field .json .key, .theme--default .container .column_content .field .data .key {
-  color: #E32A6D;
+.theme--default .container .column_content .field .json .key,
+.theme--default .container .column_content .field .data .key {
+  color: #e32a6d;
 }
-.theme--dark .container .column_content .field .json .key, .theme--dark .container .column_content .field .data .key {
-  color: #E32A6D;
+.theme--dark .container .column_content .field .json .key,
+.theme--dark .container .column_content .field .data .key {
+  color: #e32a6d;
 }
-.theme--default .container .column_content .field .json .string, .theme--default .container .column_content .field .data .string {
+.theme--default .container .column_content .field .json .string,
+.theme--default .container .column_content .field .data .string {
   color: #373737;
 }
-.theme--dark .container .column_content .field .json .string, .theme--dark .container .column_content .field .data .string {
-  color: #FAFAFA;
+.theme--dark .container .column_content .field .json .string,
+.theme--dark .container .column_content .field .data .string {
+  color: #fafafa;
 }
-.container .column_content .field .json .number, .container .column_content .field .data .number {
+.container .column_content .field .json .number,
+.container .column_content .field .data .number {
   color: darkorange;
 }
-.theme--default .container .column_content .field .json .boolean, .theme--default .container .column_content .field .data .boolean {
+.theme--default .container .column_content .field .json .boolean,
+.theme--default .container .column_content .field .data .boolean {
   color: #373737;
 }
-.theme--dark .container .column_content .field .json .boolean, .theme--dark .container .column_content .field .data .boolean {
-  color: #FAFAFA;
+.theme--dark .container .column_content .field .json .boolean,
+.theme--dark .container .column_content .field .data .boolean {
+  color: #fafafa;
 }
-.theme--default .container .column_content .field .json .null, .theme--default .container .column_content .field .data .null {
+.theme--default .container .column_content .field .json .null,
+.theme--default .container .column_content .field .data .null {
   color: #373737;
 }
-.theme--dark .container .column_content .field .json .null, .theme--dark .container .column_content .field .data .null {
-  color: #FAFAFA;
+.theme--dark .container .column_content .field .json .null,
+.theme--dark .container .column_content .field .data .null {
+  color: #fafafa;
 }
 .container .column_content .field.last_update {
   display: none;
@@ -433,10 +472,10 @@ body {
     font-size: 0.8em;
   }
   .theme--default .container .column_content .field.last_update {
-    color: #C9C9C9;
+    color: #c9c9c9;
   }
   .theme--dark .container .column_content .field.last_update {
-    color: #C9C9C9;
+    color: #c9c9c9;
   }
 }
 .container .column_clients {
@@ -463,7 +502,8 @@ body {
   margin-bottom: 1rem;
   text-align: center;
 }
-.container .column_clients .title span.open, .container .column_clients .title span.close {
+.container .column_clients .title span.open,
+.container .column_clients .title span.close {
   display: none;
 }
 @media (max-width: 580px) {
@@ -478,10 +518,12 @@ body {
   .container .column_clients .title span.text {
     display: none;
   }
-  .container .column_clients .title span.open, .container .column_clients .title span.close {
+  .container .column_clients .title span.open,
+  .container .column_clients .title span.close {
     display: inline;
   }
-  .container .column_clients .title span.open svg, .container .column_clients .title span.close svg {
+  .container .column_clients .title span.open svg,
+  .container .column_clients .title span.close svg {
     width: 50%;
     height: 50%;
     margin: 28% auto auto auto;
@@ -504,7 +546,7 @@ body {
   padding: 0.4rem;
   text-align: center;
   font-size: 0.9rem;
-  color: #FFFFFF;
+  color: #ffffff;
   background-color: #3d3d3d;
   border-bottom: 1px solid #131313;
   text-decoration: none;
@@ -525,7 +567,7 @@ body {
 @media (max-width: 580px) {
   .container .column_clients .btn a span {
     display: inline;
-    color: #FFFFFF;
+    color: #ffffff;
   }
 }
 .container .column_clients .btn a:hover {
@@ -540,10 +582,10 @@ body {
   border-bottom: none;
 }
 .theme--default .container .column_clients .btn:first-of-type a {
-  background: #E32A6D;
+  background: #e32a6d;
 }
 .theme--dark .container .column_clients .btn:first-of-type a {
-  background: #E32A6D;
+  background: #e32a6d;
 }
 @media (max-width: 580px) {
   .container .column_clients .btn:first-of-type a {
@@ -559,7 +601,7 @@ body {
 .container .column_clients .btn span {
   flex-basis: 20%;
   margin-left: 0.4rem;
-  color: #FFFFFF;
+  color: #ffffff;
 }
 @media (max-width: 580px) {
   .container .column_clients .btn span {
@@ -617,7 +659,8 @@ body.note .column_content .profile_intro .info-wrapper {
   }
 }
 @media (max-width: 580px) {
-  body.note .column_content .profile_intro .info-wrapper .name, body.note .column_content .profile_intro .info-wrapper .npub {
+  body.note .column_content .profile_intro .info-wrapper .name,
+  body.note .column_content .profile_intro .info-wrapper .npub {
     display: block-inline;
     font-size: 0.9rem;
   }
@@ -641,7 +684,7 @@ body.note .column_content .profile_intro .published_at {
   color: #9a9a9a;
 }
 .theme--dark body.note .column_content .profile_intro .published_at {
-  color: #F3F3F3;
+  color: #f3f3f3;
 }
 @media (max-width: 580px) {
   body.note .column_content .profile_intro .published_at {
diff --git a/static/styles.css.map b/static/styles.css.map
deleted file mode 100644
index 2b34ac3..0000000
--- a/static/styles.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":";AAoFA;EACC;EACA;EACA;;AACA;EAJD;IAKE;;;;AAGF;EAIC;EACA;;AA9BG;EA2BA;;AA3BA;EA2BA;;AAKF;EADD;IAEE;;;;AAjCC;EAuCA;;AAvCA;EAuCA;;;AAGJ;EACC;EACA;EACA;EACA;EACA;EAIA;EACA;;AApDG;EAiDF;;AAjDE;EAiDF;;AAID;EACC;EACA;EAIA;EACA;EACA;EACA;EACA;;AA/DE;EAyDD;;AAzDC;EAyDD;;AAOD;EAXD;IAYE;IACA;;;;AAKH;EACC;EACA;EACA;EACA;EACA;EAKA;EACA;;AAlFG;EA8EF;;AA9EE;EA8EF;;AAKD;EAZD;IAaE;IACE;IACA;IACA;;;;AAIJ;EACC;;;AAED;EACC;;;AAIA;EACC;;AAED;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;AACA;EAND;IAOE;IACA;IACA;IACA;;;AArHE;EAyHD;;AAzHC;EAyHD;;;AAKH;EACC;EACA;;AACA;EAHD;IAIE;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;AACC;EAJF;IAKE;IACE;IACF;;;;AAGF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;AAEC;EANF;IAOE;IACE;;;AAGH;EACC;EACA;;AACA;EAHD;IAIE;IACA;IACA;;;AAED;EACC;;AACA;EAFD;IAGE;IACA;IACA;IACA;IACA;;EACA;IACC;IACA;;EA7LD;IA+LE;;EA/LF;IA+LE;;;AAKJ;EACC;EACA;EACA;;AAvMC;EAyMA;;AAzMA;EAyMA;;AAED;EAPD;IAQE;;;AAIH;EAEC;EACA;EACA;EACA;;AAEA;EACC;;AAxNC;EA2NC;;AA3ND;EA2NC;;AAGF;EACC;;AA/NA;EAiOC;;AAjOD;EAiOC;;AAGF;EAbD;IAcE;;;AAGF;EACC;EACA;EACA;;AA3OC;EA6OA;;AA7OA;EA6OA;;AAED;EACC;;AAED;EAVD;IAWE;;;AAGF;EACC;;AACA;EACC;;AAzPA;EA2PC;;AA3PD;EA2PC;;AAGF;EACC;;AACA;EACC;;AAED;EACC;EACA;EACA;;AAtQD;EAwQE;;AAxQF;EAwQE;;AAED;EACC;EACA;;AA5QF;EA8QG;;AA9QH;EA8QG;;AA9QH;EAiRG;;AAjRH;EAiRG;;AAKJ;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA,YAnWS;EAoWT;EACA;EACA;EACA;;AACA;EAVD;IAWE;IACA;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAVD;IAWE;IACA;;;AA7TF;EAmUE;;AAnUF;EAmUE;;AAIF;EACC;EACA;;AAGD;EACC;;AAIF;EACC;;AACA;EACC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AA9VD;EAgWE;;AAhWF;EAgWE;;AAhWF;EAqWI;;AArWJ;EAqWI;;AAGJ;EAAU;;AAxWV;EA2WI;;AA3WJ;EA2WI;;AA3WJ;EAgXI;;AAhXJ;EAgXI;;AAIL;EACC;;AACA;EAFD;IAGE;IACA;;EAxXD;IA0XE;;EA1XF;IA0XE;;;AAQL;EACC;EACA;;AACA;EAHD;IAIE;IAEA;IACA;IACA;IACA;;EAEC;IACC;;EAED;IACC;;;AAIH;EACC;EACA;EACA;;AACA;EACC;;AAED;EAPD;IAQE;IACA;IACA;IACA;IACA;IACA;;EACA;IACC;;EAED;IACC;;EACA;IACC;IACA;IACA;IACA;;;AAKJ;EACC;EACA;EACA;;AACA;EAJD;IAKE;IACA;;;AAED;EACC;EACA;EACA;EACA;EACA,OAhgBU;EAigBV,kBA5fU;EA6fV;EACA;EACA;;AACA;EAVD;IAWE;IACA;IACA;IACA;IACA;;;AAED;EACC;;AACA;EAFD;IAGE;IACA,OAhhBQ;;;AAmhBV;EACC,YA9gBS;;AAkhBV;EADD;IAEE;;;AAED;EAIC;;AA7dD;EA2dG;;AA3dH;EA2dG;;AAGF;EALD;IAME;;;AA/dF;EAmeG;;AAneH;EAmeG;;AAKJ;EACC;EACA;EACA,OA7iBU;;AA8iBV;EAJD;IAKE;;;;AASJ;EACC;EACA;;AACA;EAHD;IAIE;IACA;IACA;;;;AAMF;EACC;EACA;;AACA;EAHD;IAIE;IACA;IACA;;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;;AACA;EAND;IAOE;IACA;;;AAGF;EACC;;AACA;EAFD;IAGE;;;AAGA;EADD;IAEE;IACA;;;AAIH;EACC;EACA;;AACA;EAHD;IAIE;;;AAGF;EACC;EACA;EACA;EACA;;AAhjBA;EAkjBC;;AAljBD;EAkjBC;;AAED;EARD;IASE;;;;AAOL;EACC;EACA","file":"styles.css"}
\ No newline at end of file
diff --git a/static/styles.scss b/static/styles.scss
index 51b966f..6bd9d64 100644
--- a/static/styles.scss
+++ b/static/styles.scss
@@ -1,49 +1,48 @@
-
-$color-base1: #FFFFFF;
-$color-base2: #FAFAFA;
-$color-base3: #F3F3F3;
-$color-base4: #C9C9C9;
+$color-base1: #ffffff;
+$color-base2: #fafafa;
+$color-base3: #f3f3f3;
+$color-base4: #c9c9c9;
 $color-base5: #9a9a9a;
 $color-base6: #3d3d3d;
 $color-base7: #373737;
-$color-accent1: #E32A6D;
+$color-accent1: #e32a6d;
 $color-accent2: #bc1150;
 
 $themes: (
-	default: (
-		base1: $color-base1,
-		base2: $color-base2,
-		base3: $color-base3,
-		base4: $color-base4,
-		base5: $color-base5,
-		base6: $color-base6,
-		base7: $color-base7,
-		accent1: $color-accent1,
-		accent2: $color-accent2,
-		bg-up: $color-base1,
-		bg-down: $color-base1,
-		boxed-title: $color-base7,
-		boxed-bg-title: $color-base4,
-		boxed-bg: $color-base3,
-		separator: $color-base3,
-	),
-	dark: (
-		base1: $color-base7,
-		base2: $color-base6,
-		base3: $color-base5,
-		base4: $color-base4,
-		base5: $color-base3,
-		base6: $color-base2,
-		base7: $color-base2,
-		accent1: $color-accent1,
-		accent2: $color-accent2,
-		bg-up: darken($color-base6, 12%),
-		bg-down: darken($color-base7, 12%),
-		boxed-title: $color-base5,
-		boxed-bg-title: darken($color-base6, 14%),
-		boxed-bg: darken($color-base7, 14%),
-		separator: darken($color-base7, 8%),
-	),
+  default: (
+    base1: $color-base1,
+    base2: $color-base2,
+    base3: $color-base3,
+    base4: $color-base4,
+    base5: $color-base5,
+    base6: $color-base6,
+    base7: $color-base7,
+    accent1: $color-accent1,
+    accent2: $color-accent2,
+    bg-up: $color-base1,
+    bg-down: $color-base1,
+    boxed-title: $color-base7,
+    boxed-bg-title: $color-base4,
+    boxed-bg: $color-base3,
+    separator: $color-base3
+  ),
+  dark: (
+    base1: $color-base7,
+    base2: $color-base6,
+    base3: $color-base5,
+    base4: $color-base4,
+    base5: $color-base3,
+    base6: $color-base2,
+    base7: $color-base2,
+    accent1: $color-accent1,
+    accent2: $color-accent2,
+    bg-up: darken($color-base6, 12%),
+    bg-down: darken($color-base7, 12%),
+    boxed-title: $color-base5,
+    boxed-bg-title: darken($color-base6, 14%),
+    boxed-bg: darken($color-base7, 14%),
+    separator: darken($color-base7, 8%)
+  )
 );
 
 $base1: 'base1';
@@ -69,7 +68,12 @@ $theme-map: null;
       $theme-map: () !global;
       @each $key, $submap in $map {
         $value: map-get(map-get($themes, $theme), '#{$key}');
-        $theme-map: map-merge($theme-map, ($key: $value)) !global;
+        $theme-map: map-merge(
+          $theme-map,
+          (
+            $key: $value
+          )
+        ) !global;
       }
       @content;
       $theme-map: null !global;
@@ -83,561 +87,563 @@ $theme-map: null;
 
 /*# sourceMappingURL=styles.css.map */
 html {
-	font-family: Helvetica, sans-serif;
-	font-size: 19px;
-	font-weight: 300;
-	@media (max-width: 580px) {
-		font-size: 18px;
-	}
+  font-family: Helvetica, sans-serif;
+  font-size: 19px;
+  font-weight: 300;
+  @media (max-width: 580px) {
+    font-size: 18px;
+  }
 }
 body {
-	@include themed() {
+  @include themed() {
     color: t($base7);
   }
-	margin: 0;
-	margin-bottom: 4rem;
-	&.lock {
-		@media (max-width: 580px) {
-			overflow: hidden;
-		}
-	}
+  margin: 0;
+  margin-bottom: 4rem;
+  &.lock {
+    @media (max-width: 580px) {
+      overflow: hidden;
+    }
+  }
 }
 a {
-	@include themed() {
+  @include themed() {
     color: t($base7);
   }
 }
 .background {
-	position: fixed;
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	@include themed() {
-		background: t($bg-up);
-	}
-	overflow: hidden;
-	z-index: -1;
-	&::after {
-		content: "";
-		position: absolute;
-		@include themed() {
-			background: t($bg-down);
-		}
-		width: 140%;
-		height: 100%;
-		transform: rotate(-20deg);
-		transform-origin: bottom;
-		bottom: -40%;
-		@media (max-width: 580px) {
-			width: 200%;
-			bottom: -40%;
-		}
-	}
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  @include themed() {
+    background: t($bg-up);
+  }
+  overflow: hidden;
+  z-index: -1;
+  &::after {
+    content: '';
+    position: absolute;
+    @include themed() {
+      background: t($bg-down);
+    }
+    width: 140%;
+    height: 100%;
+    transform: rotate(-20deg);
+    transform-origin: bottom;
+    bottom: -40%;
+    @media (max-width: 580px) {
+      width: 200%;
+      bottom: -40%;
+    }
+  }
 }
 
 .theme-toggle {
-	position: fixed;
-	top: 1rem;
-	right: 1rem;
-	width: 1rem;
-	height: 1rem;
-	@include themed() {
-		color: t($base3);
-		// background: t($base3);
-	}
-	border-radius: 50%;
-	cursor: pointer;
-	@media (max-width: 580px) {
-		position: relative;
+  position: fixed;
+  top: 1rem;
+  right: 1rem;
+  width: 1rem;
+  height: 1rem;
+  @include themed() {
+    color: t($base3);
+    // background: t($base3);
+  }
+  border-radius: 50%;
+  cursor: pointer;
+  @media (max-width: 580px) {
+    position: relative;
     float: right;
     top: 0;
     right: 0;
-	}
+  }
 }
 
 .sun {
-	display: none
+  display: none;
 }
 .moon {
-	display: block
+  display: block;
 }
 
 .theme--dark {
-	.sun {
-		display: block
-	}
-	.moon {
-		display: none
-	}
+  .sun {
+    display: block;
+  }
+  .moon {
+    display: none;
+  }
 }
 
 .top {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin: 1rem 0;
-	justify-content: left;
-	@media (max-width: 580px) {
-		display: block;
-		width: 90%;
-		margin: 1rem auto 1rem auto;
-		font-size: 0.8rem;
-	}
-	span {
-		@include themed() {
-			color: t($accent1);
-		}
-	}
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 1rem 0;
+  justify-content: left;
+  @media (max-width: 580px) {
+    display: block;
+    width: 90%;
+    margin: 1rem auto 1rem auto;
+    font-size: 0.8rem;
+  }
+  span {
+    @include themed() {
+      color: t($accent1);
+    }
+  }
 }
 
 .pic-wrapper {
-	max-width: 100%;
-	overflow: hidden;
-	@media (max-width: 580px) {
-		flex-basis: 40%;
-	}
-	img.pic {
-		max-width: 100%;
-		width: 100%;
-		height: auto;
-		-webkit-clip-path: url(#svg-shape);
-		-moz-clip-path: url(#svg-shape);
-		-o-clip-path: url(#svg-shape);
-		-ms-clip-path: url(#svg-shape);
-		clip-path: url(#svg-shape);
-	}
+  max-width: 100%;
+  overflow: hidden;
+  @media (max-width: 580px) {
+    flex-basis: 40%;
+  }
+  img.pic {
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+    -webkit-clip-path: url(#svg-shape);
+    -moz-clip-path: url(#svg-shape);
+    -o-clip-path: url(#svg-shape);
+    -ms-clip-path: url(#svg-shape);
+    clip-path: url(#svg-shape);
+  }
 }
 
 .container_wrapper {
-	display: flex;
-	justify-content: center;
-	align-items: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   @media (max-width: 580px) {
-		display: block;
+    display: block;
     padding: 0 1rem;
-		margin: 0 auto;
+    margin: 0 auto;
   }
 }
 .nostr_link {
-	flex-basis: 15%;
-	text-align: right;
-	text-decoration: none;
+  flex-basis: 15%;
+  text-align: right;
+  text-decoration: none;
 }
 
 .container {
-	display: flex;
-	width: 70%;
-	justify-content: space-between;
-	gap: 4.8vw;
+  display: flex;
+  width: 70%;
+  justify-content: space-between;
+  gap: 4.8vw;
 
   @media (max-width: 580px) {
-		display: block;
+    display: block;
     width: 100%;
   }
 
-	.columnA {
-		flex-basis: 25%;
-		margin-top: 2rem;
-		@media (max-width: 580px) {
-			display: flex;
-			align-items: center;
-			margin-top: 0rem;
-		}
-		.info-wrapper {
-			display: none;
-			@media (max-width: 580px) {
-				display: block;
-				flex-basis: 64%;
-				max-width: 64%;
-				overflow: hidden;
-				font-size: 1.6rem;
-				.display {
-					display: block;
-					font-size: 1.2rem;
-					@include themed() {
-						color: t($base4);
-					}
-				}
-			}
-		}
-		.last_update {
-			font-size: 0.8em;
-			margin-top: 0.5rem;
-			text-align: center;
-			@include themed() {
-				color: t($base4);
-			}
-			@media (max-width: 580px) {
-				display: none;
-			}
-		}
-	}
-	.column_content {
+  .columnA {
+    flex-basis: 25%;
+    margin-top: 2rem;
+    @media (max-width: 580px) {
+      display: flex;
+      align-items: center;
+      margin-top: 0rem;
+    }
+    .info-wrapper {
+      display: none;
+      @media (max-width: 580px) {
+        display: block;
+        flex-basis: 64%;
+        max-width: 64%;
+        overflow: hidden;
+        font-size: 1.6rem;
+        .display {
+          display: block;
+          font-size: 1.2rem;
+          @include themed() {
+            color: t($base4);
+          }
+        }
+      }
+    }
+    .last_update {
+      font-size: 0.8em;
+      margin-top: 0.5rem;
+      text-align: center;
+      @include themed() {
+        color: t($base4);
+      }
+      @media (max-width: 580px) {
+        display: none;
+      }
+    }
+  }
+  .column_content {
+    flex-grow: 0;
+    flex-shrink: 0;
+    word-wrap: break-word;
+    margin-right: 1vw;
 
-		flex-grow: 0;
-		flex-shrink: 0;
-		word-wrap: break-word;
-		margin-right: 1vw;
-		
-		.info-wrapper {
-			font-size: 1.6rem;
-			.display {
-				@include themed() {
-					color: t($base4);
-				}
-			}
-			.npub {
-				font-size: 1rem;
-				@include themed() {
-					color: t($base4);
-				}
-			}
-			@media (max-width: 580px) {
-				display: none;
-			}
-		}
-		.separator {
-			height: 6px;
-			width: 30%;
-			margin-left: -0.6rem;
-			@include themed() {
-				background: t($separator);
-			}
-			&.long {
-				width: 50%;
-			}
-			@media (max-width: 580px) {
-				margin-left: -1rem;
-			}
-		}
-		.field {
-			margin-bottom: 1.5rem;
-			.label {
-				font-size: 0.8rem;
-				@include themed() {
-					color: t($accent1);
-				}
-			}
-			&.advanced {
-				display: none;
-				&.visible {
-					display: block;
-				}
-				&.boxed {
-					padding: 0 1rem 1rem;
-					margin-left: -1rem;
-					margin-right: -1rem;
-					@include themed() {
-						background: t($boxed-bg);
-					}
-					.label {
-						padding: 0.2rem 1rem;
-						margin: 0 -1rem;
-						@include themed() {
-							color: t($boxed-title);
-						}
-						@include themed() {
-							background: t($boxed-bg-title);
-						}
-					}
-				}
-			}
-			&.advanced-switch-wrapper {
-				display: flex;
-				align-items: center;
-			
-				input[type=checkbox]{
-					height: 0;
-					width: 0;
-					visibility: hidden;
-					display: none;
-				}
-			
-				label:first-of-type {
-					cursor: pointer;
-					text-indent: -9999px;
-					width: 2.6rem;
-					height: 1.2rem;
-					background: $color-base6;
-					display: inline-block;
-					border-radius: 100px;
-					position: relative;
-					margin-right: 0.5rem;
-					@media (max-width: 580px) {
-						width: 3rem;
-						height: 1.4rem;
-					}
-				}
-			
-				label:first-of-type:after {
-					content: '';
-					position: absolute;
-					top: 2px;
-					left: 2px;
-					width: 1rem;
-					height: 1rem;
-					background: #fff;
-					border-radius: 1rem;
-					transition: 0.2s;
-					@media (max-width: 580px) {
-						width: 1.2rem;
-						height: 1.2rem;
-					}
-				}
-			
-				input:checked + label {
-					@include themed() {
-						background: t($accent1);
-					}
-				}
-			
-				input:checked + label:first-of-type:after {
-					left: calc(100% - 2px);
-					transform: translateX(-100%);
-				}
-			
-				label:first-of-type:active:after {
-					width: 2rem;
-				}
-			
-			}
-			&.content{
-				line-height: 1.4rem;
-				img {
-					max-width: 100%;
-					margin: 1rem 0;
-				}
-			}		
-			.json, .data {
-				white-space: pre-wrap;
-				word-break: break-all;
-				margin-top: 1rem;
-				.key {
-					display: inline-block;
-					margin-top: 0.5rem;
-					@include themed() {
-						color: t($accent1);
-					}
-				}
-				.string {
-					@include themed() {
-    				color: t($base7);
-  				}
-				}
-				.number { color: darkorange; }
-				.boolean {
-					@include themed() {
-    				color: t($base7);
-  				}
-				}
-				.null {
-					@include themed() {
-    				color: t($base7);
-  				}
-				}
-			}
-			&.last_update {
-				display: none;
-				@media (max-width: 580px) {
-					display: block;
-					font-size: 0.8em;
-					@include themed() {
-						color: t($base4);
-					}
-				}
-			}
-		}
+    .info-wrapper {
+      font-size: 1.6rem;
+      .display {
+        @include themed() {
+          color: t($base4);
+        }
+      }
+      .npub {
+        font-size: 1rem;
+        @include themed() {
+          color: t($base4);
+        }
+      }
+      @media (max-width: 580px) {
+        display: none;
+      }
+    }
+    .separator {
+      height: 6px;
+      width: 30%;
+      margin-left: -0.6rem;
+      @include themed() {
+        background: t($separator);
+      }
+      &.long {
+        width: 50%;
+      }
+      @media (max-width: 580px) {
+        margin-left: -1rem;
+      }
+    }
+    .field {
+      margin-bottom: 1.5rem;
+      .label {
+        font-size: 0.8rem;
+        @include themed() {
+          color: t($accent1);
+        }
+      }
+      &.advanced {
+        display: none;
+        &.visible {
+          display: block;
+        }
+        &.boxed {
+          padding: 0 1rem 1rem;
+          margin-left: -1rem;
+          margin-right: -1rem;
+          @include themed() {
+            background: t($boxed-bg);
+          }
+          .label {
+            padding: 0.2rem 1rem;
+            margin: 0 -1rem;
+            @include themed() {
+              color: t($boxed-title);
+            }
+            @include themed() {
+              background: t($boxed-bg-title);
+            }
+          }
+        }
+      }
+      &.advanced-switch-wrapper {
+        display: flex;
+        align-items: center;
 
-	}
+        input[type='checkbox'] {
+          height: 0;
+          width: 0;
+          visibility: hidden;
+          display: none;
+        }
 
-	.column_clients {
-		flex-basis: 25%;
-		margin-top: 2rem;
-		@media (max-width: 580px) {
-			position: fixed;
-			// top: calc(100vh - 4.6rem);
-			bottom: 0;
-			left: 0;
-			width: 100%;
-			transition: all 500ms ease-in-out;
-			&.up {
-				.btn {
-					display: block;
-				}
-				.title span.open {
-					display: none;
-				}
-			}
-		}
-		.title {
-			font-size: 0.8rem;
-			margin-bottom: 1rem;
-			text-align: center;
-			span.open, span.close {
-				display: none;
-			}
-			@media (max-width: 580px) {
-				position: absolute;
-				top: 0;
-				right: 0;
-				width: 2.6rem;
-				height: 2.6rem;
-				border-left: 1px solid #bc1150;
-				span.text {
-					display: none;
-				}
-				span.open, span.close {
-					display: inline;
-					svg {
-						width: 50%;
-						height: 50%;
-						margin: 28% auto auto auto;
-						display: block;
-					}
-				}
-			}
-		}
-		.btn {
-			display: flex;
-			align-items: center;
-			margin-bottom: 0.8rem;
-			@media (max-width: 580px) {
-				display: none;
-				margin-bottom: 0;
-			}
-			a {
-				flex-basis: 100%;
-				padding: 0.4rem;
-				text-align: center;
-				font-size: 0.9rem;
-				color: $color-base1;
-				background-color: $color-base6;
-				border-bottom: 1px solid darken($color-base7, 14%);
-				text-decoration: none;
-				border-radius: 8px;
-				@media (max-width: 580px) {
-					display: block;
-					padding: 0.8rem;
-					border-radius: 0px;
-					font-weight: 400;
-					text-align: left;
-				}
-				span {
-					display: none;
-					@media (max-width: 580px) {
-						display: inline;
-						color: $color-base1;
-					}
-				}
-				&:hover {
-					background: $color-base7;
-				}
-			}
-			&:first-of-type {
-				@media (max-width: 580px) {
-					display: block;
-				}
-				a {
-					@include themed() {
-  					background: t($accent1);
-					}
-					border-bottom: none;
-					@media (max-width: 580px) {
-						border-radius: 8px 8px 0 0;
-					}
-					&:hover {
-						@include themed() {
-							background: t($accent2);
-						}
-					}
-				}
-			}
-			span {
-				flex-basis: 20%;
-				margin-left: 0.4rem;
-				color: $color-base1;
-				@media (max-width: 580px) {
-					display: none;
-				}
-			}
-		}
-	}
+        label:first-of-type {
+          cursor: pointer;
+          text-indent: -9999px;
+          width: 2.6rem;
+          height: 1.2rem;
+          background: $color-base6;
+          display: inline-block;
+          border-radius: 100px;
+          position: relative;
+          margin-right: 0.5rem;
+          @media (max-width: 580px) {
+            width: 3rem;
+            height: 1.4rem;
+          }
+        }
 
+        label:first-of-type:after {
+          content: '';
+          position: absolute;
+          top: 2px;
+          left: 2px;
+          width: 1rem;
+          height: 1rem;
+          background: #fff;
+          border-radius: 1rem;
+          transition: 0.2s;
+          @media (max-width: 580px) {
+            width: 1.2rem;
+            height: 1.2rem;
+          }
+        }
+
+        input:checked + label {
+          @include themed() {
+            background: t($accent1);
+          }
+        }
+
+        input:checked + label:first-of-type:after {
+          left: calc(100% - 2px);
+          transform: translateX(-100%);
+        }
+
+        label:first-of-type:active:after {
+          width: 2rem;
+        }
+      }
+      &.content {
+        line-height: 1.4rem;
+        img {
+          max-width: 100%;
+          margin: 1rem 0;
+        }
+      }
+      .json,
+      .data {
+        white-space: pre-wrap;
+        word-break: break-all;
+        margin-top: 1rem;
+        .key {
+          display: inline-block;
+          margin-top: 0.5rem;
+          @include themed() {
+            color: t($accent1);
+          }
+        }
+        .string {
+          @include themed() {
+            color: t($base7);
+          }
+        }
+        .number {
+          color: darkorange;
+        }
+        .boolean {
+          @include themed() {
+            color: t($base7);
+          }
+        }
+        .null {
+          @include themed() {
+            color: t($base7);
+          }
+        }
+      }
+      &.last_update {
+        display: none;
+        @media (max-width: 580px) {
+          display: block;
+          font-size: 0.8em;
+          @include themed() {
+            color: t($base4);
+          }
+        }
+      }
+    }
+  }
+
+  .column_clients {
+    flex-basis: 25%;
+    margin-top: 2rem;
+    @media (max-width: 580px) {
+      position: fixed;
+      // top: calc(100vh - 4.6rem);
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      transition: all 500ms ease-in-out;
+      &.up {
+        .btn {
+          display: block;
+        }
+        .title span.open {
+          display: none;
+        }
+      }
+    }
+    .title {
+      font-size: 0.8rem;
+      margin-bottom: 1rem;
+      text-align: center;
+      span.open,
+      span.close {
+        display: none;
+      }
+      @media (max-width: 580px) {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 2.6rem;
+        height: 2.6rem;
+        border-left: 1px solid #bc1150;
+        span.text {
+          display: none;
+        }
+        span.open,
+        span.close {
+          display: inline;
+          svg {
+            width: 50%;
+            height: 50%;
+            margin: 28% auto auto auto;
+            display: block;
+          }
+        }
+      }
+    }
+    .btn {
+      display: flex;
+      align-items: center;
+      margin-bottom: 0.8rem;
+      @media (max-width: 580px) {
+        display: none;
+        margin-bottom: 0;
+      }
+      a {
+        flex-basis: 100%;
+        padding: 0.4rem;
+        text-align: center;
+        font-size: 0.9rem;
+        color: $color-base1;
+        background-color: $color-base6;
+        border-bottom: 1px solid darken($color-base7, 14%);
+        text-decoration: none;
+        border-radius: 8px;
+        @media (max-width: 580px) {
+          display: block;
+          padding: 0.8rem;
+          border-radius: 0px;
+          font-weight: 400;
+          text-align: left;
+        }
+        span {
+          display: none;
+          @media (max-width: 580px) {
+            display: inline;
+            color: $color-base1;
+          }
+        }
+        &:hover {
+          background: $color-base7;
+        }
+      }
+      &:first-of-type {
+        @media (max-width: 580px) {
+          display: block;
+        }
+        a {
+          @include themed() {
+            background: t($accent1);
+          }
+          border-bottom: none;
+          @media (max-width: 580px) {
+            border-radius: 8px 8px 0 0;
+          }
+          &:hover {
+            @include themed() {
+              background: t($accent2);
+            }
+          }
+        }
+      }
+      span {
+        flex-basis: 20%;
+        margin-left: 0.4rem;
+        color: $color-base1;
+        @media (max-width: 580px) {
+          display: none;
+        }
+      }
+    }
+  }
 }
 
 body.profile {
-	.column_content {
-		flex-basis: 50%;
-		max-width: 50%;
-		@media (max-width: 580px) {
-			flex-basis: 100%;
-			max-width: 100%;
-			margin-right: 0;
-		}
-	}
+  .column_content {
+    flex-basis: 50%;
+    max-width: 50%;
+    @media (max-width: 580px) {
+      flex-basis: 100%;
+      max-width: 100%;
+      margin-right: 0;
+    }
+  }
 }
 
 body.note {
-	.column_content {
-		flex-basis: 70%;
-		max-width: 70%;
-		@media (max-width: 580px) {
-			flex-basis: 100%;
-			max-width: 100%;
-			margin-right: 0;
-		}
-		.profile_intro {
-			display: flex;
-			max-width: 100%;
-			align-items: center;
-			a {
-				display: inherit;
-				align-items: inherit;
-				margin: 1rem 0 1rem 0;
-				text-decoration: none;
-				flex-wrap: wrap;
-				@media (max-width: 580px) {
-					margin-top: -0rem;
-					margin-bottom: -0.5rem;
-				}
-			}
-			.info-wrapper {
-				flex-basis: 80%;
-				@media (max-width: 580px) {
-					display: block;
-				}
-				.name, .npub {
-					@media (max-width: 580px) {
-						display: block-inline;
-						font-size: 0.9rem;
-					}
-				}
-			}
-			.pic-wrapper {
-				flex-basis: 16%;
-				margin-right: 1rem;
-				@media (max-width: 580px) {
-					margin-right: 0.5rem;
-				}
-			}
-			.published_at {
-				flex-grow: 1;
-				text-align: right;
-				align-self: end;
-				font-size: 0.8rem;
-				@include themed() {
-					color: t($base5);
-				}
-				@media (max-width: 580px) {
-					padding-top: 0.5rem;
-				}
-			}
-		}
-	}
+  .column_content {
+    flex-basis: 70%;
+    max-width: 70%;
+    @media (max-width: 580px) {
+      flex-basis: 100%;
+      max-width: 100%;
+      margin-right: 0;
+    }
+    .profile_intro {
+      display: flex;
+      max-width: 100%;
+      align-items: center;
+      a {
+        display: inherit;
+        align-items: inherit;
+        margin: 1rem 0 1rem 0;
+        text-decoration: none;
+        flex-wrap: wrap;
+        @media (max-width: 580px) {
+          margin-top: -0rem;
+          margin-bottom: -0.5rem;
+        }
+      }
+      .info-wrapper {
+        flex-basis: 80%;
+        @media (max-width: 580px) {
+          display: block;
+        }
+        .name,
+        .npub {
+          @media (max-width: 580px) {
+            display: block-inline;
+            font-size: 0.9rem;
+          }
+        }
+      }
+      .pic-wrapper {
+        flex-basis: 16%;
+        margin-right: 1rem;
+        @media (max-width: 580px) {
+          margin-right: 0.5rem;
+        }
+      }
+      .published_at {
+        flex-grow: 1;
+        text-align: right;
+        align-self: end;
+        font-size: 0.8rem;
+        @include themed() {
+          color: t($base5);
+        }
+        @media (max-width: 580px) {
+          padding-top: 0.5rem;
+        }
+      }
+    }
+  }
 }
 
 .footer {
-	font-size: 0.8rem;
-	text-align: center;
-}
\ No newline at end of file
+  font-size: 0.8rem;
+  text-align: center;
+}
diff --git a/templates/column_clients.html b/templates/column_clients.html
index a5bc312..0f116c2 100644
--- a/templates/column_clients.html
+++ b/templates/column_clients.html
@@ -2,21 +2,43 @@
   <div class="title open-list">
     <span class="text">Open {{.type}} in</span>
     <span class="open">
-      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 20 20">
-        <path fill="#FAFAFA" fill-rule="evenodd" d="M3.808.355h2.85a2.85 2.85 0 0 1 2.85 2.85v2.85a2.85 2.85 0 0 1-2.85 2.85h-2.85a2.85 2.85 0 0 1-2.85-2.85v-2.85a2.85 2.85 0 0 1 2.85-2.85Zm2.85 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0 3.8h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm10.45-6.65h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0-17.1h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Z" clip-rule="evenodd"/>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        fill="currentColor"
+        viewBox="0 0 20 20"
+      >
+        <path
+          fill="#FAFAFA"
+          fill-rule="evenodd"
+          d="M3.808.355h2.85a2.85 2.85 0 0 1 2.85 2.85v2.85a2.85 2.85 0 0 1-2.85 2.85h-2.85a2.85 2.85 0 0 1-2.85-2.85v-2.85a2.85 2.85 0 0 1 2.85-2.85Zm2.85 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0 3.8h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm10.45-6.65h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Zm0-17.1h-2.85a2.85 2.85 0 0 0-2.85 2.85v2.85a2.85 2.85 0 0 0 2.85 2.85h2.85a2.85 2.85 0 0 0 2.85-2.85v-2.85a2.85 2.85 0 0 0-2.85-2.85Zm0 6.65a.95.95 0 0 0 .95-.95v-2.85a.95.95 0 0 0-.95-.95h-2.85a.95.95 0 0 0-.95.95v2.85c0 .525.425.95.95.95h2.85Z"
+          clip-rule="evenodd"
+        />
       </svg>
     </span>
     <span class="close">
-      <svg xmlns="http://www.w3.org/2000/svg" width="31" height="16" fill="currentColor" viewBox="0 0 31 16">
-        <path fill="#fff" d="M30.207 3.016 16.744 14.983a1.496 1.496 0 0 1-1.974 0L1.307 3.016A1.496 1.496 0 0 1 3.28.772l12.476 11.085L28.233.772a1.496 1.496 0 1 1 1.974 2.244Z"/>
-      </svg>              
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="31"
+        height="16"
+        fill="currentColor"
+        viewBox="0 0 31 16"
+      >
+        <path
+          fill="#fff"
+          d="M30.207 3.016 16.744 14.983a1.496 1.496 0 0 1-1.974 0L1.307 3.016A1.496 1.496 0 0 1 3.28.772l12.476 11.085L28.233.772a1.496 1.496 0 1 1 1.974 2.244Z"
+        />
+      </svg>
     </span>
   </div>
   <div class="clients_wrapper">
     {{range .clients}}
-      <div class="btn">
-        <a class="client" href="{{.url}}"><span>Open {{.type}} in</span> {{.name}}</a>
-      </div>
+    <div class="btn">
+      <a class="client" href="{{.url}}"
+        ><span>Open {{.type}} in</span> {{.name}}</a
+      >
+    </div>
     {{end}}
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/templates/footer.html b/templates/footer.html
index f10d5c7..8928960 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -7,7 +7,7 @@
 <svg width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <defs>
     <clipPath id="svg-shape" clipPathUnits="objectBoundingBox">
-      <path 
+      <path
         transform="scale(0.005, 0.005)"
         d="M100,200c43.8,0,68.2,0,84.1-15.9C200,168.2,200,143.8,200,100s0-68.2-15.9-84.1C168.2,0,143.8,0,100,0S31.8,0,15.9,15.9C0,31.8,0,56.2,0,100s0,68.2,15.9,84.1C31.8,200,56.2,200,100,200z"
       />
diff --git a/templates/head.html b/templates/head.html
index 7f3469b..0c50442 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -5,9 +5,15 @@
   <meta property="og:title" content="{{.title | SanitizeString}}" />
   {{ if .metadata.Picture }}
   <meta property="og:image" content="{{.metadata.Picture | SanitizeString}}" />
-  <meta property="twitter:image" content="{{.proxy}}{{.metadata.Picture | SanitizeString}}" />
+  <meta
+    property="twitter:image"
+    content="{{.proxy}}{{.metadata.Picture | SanitizeString}}"
+  />
   {{end}} {{ if .metadata.About }}
-  <meta property="og:description" content="{{.metadata.About | SanitizeString}}" />
+  <meta
+    property="og:description"
+    content="{{.metadata.About | SanitizeString}}"
+  />
   {{end}}
   <meta property="twitter:card" content="summary" />
   {{end}}
@@ -32,12 +38,18 @@
   {{end}} {{ if .video }}
   <meta property="og:video" content="{{.video | SanitizeString}}" />
   <meta property="og:video:secure_url" content="{{.video | SanitizeString}}" />
-  <meta property="og:video:type" content="video/{{.videoType | SanitizeString}}" />
+  <meta
+    property="og:video:type"
+    content="video/{{.videoType | SanitizeString}}"
+  />
   {{end}}
   <!---->
   {{end}}
   <meta property="og:description" content="{{.description | SanitizeString}}" />
-  <meta name="twitter:description" content="{{.description | SanitizeString}}" />
+  <meta
+    name="twitter:description"
+    content="{{.description | SanitizeString}}"
+  />
   {{end}}
   <!----------->
   {{ if eq .type "address" }}
diff --git a/templates/note.html b/templates/note.html
index 1c1e783..9c12a82 100644
--- a/templates/note.html
+++ b/templates/note.html
@@ -1,33 +1,31 @@
 <!DOCTYPE html>
 <html class="theme--default">
-  <meta charset="UTF-8">
+  <meta charset="UTF-8" />
   {{template "head.html" .}}
 
   <body class="note">
-
     {{template "top.html" .}}
 
     <div class="container_wrapper">
       <div class="container">
-
         <div class="column column_content">
-
-            <div class="profile_intro">
-              <a href="/{{.npub | SanitizeString}}">
-                <div class="pic-wrapper">
-                  <img class="pic" src="{{.metadata.Picture | SanitizeString}}" />
+          <div class="profile_intro">
+            <a href="/{{.npub | SanitizeString}}">
+              <div class="pic-wrapper">
+                <img class="pic" src="{{.metadata.Picture | SanitizeString}}" />
+              </div>
+              <div class="info-wrapper">
+                <div class="name">
+                  {{.metadata.Name | SanitizeString}}
+                  <span class="display"
+                    >{{.metadata.DisplayName | SanitizeString}}</span
+                  >
                 </div>
-                <div class="info-wrapper">
-                  <div class="name">
-                    {{.metadata.Name | SanitizeString}} <span class="display">{{.metadata.DisplayName | SanitizeString}}</span>
-                  </div>
-                  <div class="npub">{{.npubShort | SanitizeString}}</div>
-                </div>
-                <div class="published_at">
-                  {{.createdAt | SanitizeString}}
-                </div>
-              </a>
-            </div>
+                <div class="npub">{{.npubShort | SanitizeString}}</div>
+              </div>
+              <div class="published_at">{{.createdAt | SanitizeString}}</div>
+            </a>
+          </div>
 
           <div class="field separator"></div>
 
@@ -43,12 +41,16 @@
           </div>
 
           <div class="field last_update">
-            Last update:<br/>
+            Last update:<br />
             {{.createdAt | SanitizeString}}
           </div>
 
           <div class="field advanced-switch-wrapper">
-            <input type="checkbox" id="advanced-switch" class="advanced-switch" />
+            <input
+              type="checkbox"
+              id="advanced-switch"
+              class="advanced-switch"
+            />
             <label for="advanced-switch">X</label>
             <label for="advanced-switch">Show more details</label>
           </div>
@@ -64,18 +66,15 @@
           </div>
           <div class="field separator"></div>
         </div>
-        
-        {{template "column_clients.html" .}}
 
+        {{template "column_clients.html" .}}
       </div>
     </div>
 
     {{template "footer.html"}}
 
     <script>
-      {{template "scripts.js"}}      
+      {{template "scripts.js"}}
     </script>
-    
   </body>
-
 </html>
diff --git a/templates/profile.html b/templates/profile.html
index 96b2721..63f16ca 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -1,24 +1,25 @@
 <!DOCTYPE html>
 <html class="theme--default">
-  <meta charset="UTF-8">
+  <meta charset="UTF-8" />
   {{template "head.html" .}}
 
   <body class="profile">
-
     {{template "top.html" .}}
 
     <div class="container_wrapper">
       <div class="container">
-        
         <div class="column columnA">
           <div class="info-wrapper">
-            {{.metadata.Name | SanitizeString}} <span class="display">{{.metadata.DisplayName | SanitizeString}}</span>
+            {{.metadata.Name | SanitizeString}}
+            <span class="display"
+              >{{.metadata.DisplayName | SanitizeString}}</span
+            >
           </div>
           <div class="pic-wrapper">
             <img class="pic" src="{{.metadata.Picture | SanitizeString}}" />
           </div>
           <div class="last_update">
-            Last update:<br/>
+            Last update:<br />
             {{.createdAt | SanitizeString}}
           </div>
         </div>
@@ -26,16 +27,19 @@
         <div class="column column_content">
           <div class="field info-wrapper">
             <div class="name">
-              {{.metadata.Name | SanitizeString}} <span class="display">{{.metadata.DisplayName | SanitizeString}}</span>
+              {{.metadata.Name | SanitizeString}}
+              <span class="display"
+                >{{.metadata.DisplayName | SanitizeString}}</span
+              >
             </div>
           </div>
           <div class="field separator long"></div>
           <div class="field">
-            <a href="{{.metadata.Website | SanitizeString}}">{{.metadata.Website | SanitizeString}}</a>
-          </div>
-          <div class="field">
-            {{.metadata.About | SanitizeString}}
+            <a href="{{.metadata.Website | SanitizeString}}"
+              >{{.metadata.Website | SanitizeString}}</a
+            >
           </div>
+          <div class="field">{{.metadata.About | SanitizeString}}</div>
           <div class="field separator"></div>
           <div class="field">
             <div class="label">Public key</div>
@@ -51,12 +55,16 @@
           </div>
 
           <div class="field last_update">
-            Last update:<br/>
+            Last update:<br />
             {{.createdAt | SanitizeString}}
           </div>
 
           <div class="field advanced-switch-wrapper">
-            <input type="checkbox" id="advanced-switch" class="advanced-switch" />
+            <input
+              type="checkbox"
+              id="advanced-switch"
+              class="advanced-switch"
+            />
             <label for="advanced-switch">X</label>
             <label for="advanced-switch">Show more details</label>
           </div>
@@ -72,18 +80,15 @@
           </div>
           <div class="field separator"></div>
         </div>
-        
-        {{template "column_clients.html" .}}
 
+        {{template "column_clients.html" .}}
       </div>
     </div>
-    
-    {{template "footer.html"}}
-    
-    <script>
-      {{template "scripts.js"}}      
-    </script>
-    
-  </body>
 
+    {{template "footer.html"}}
+
+    <script>
+      {{template "scripts.js"}}
+    </script>
+  </body>
 </html>
diff --git a/templates/scripts.js b/templates/scripts.js
index 5496306..ca49a4d 100644
--- a/templates/scripts.js
+++ b/templates/scripts.js
@@ -94,4 +94,4 @@ function syntaxHighlight(json) {
       return '<span class="' + cls + '">' + match + '</span>'
     }
   )
-}
\ No newline at end of file
+}
diff --git a/templates/top.html b/templates/top.html
index 8fdb5ad..e111de5 100644
--- a/templates/top.html
+++ b/templates/top.html
@@ -1,43 +1,73 @@
 <div class="top">
   <a href="https://nostr.com" class="nostr_link">What is <span>nostr</span>?</a>
   <div class="theme-toggle">
-    <svg aria-hidden="true" data-prefix="fas" class="moon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"></path></svg>
-    <svg aria-hidden="true" data-prefix="fas" class="sun" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z"></path></svg>
+    <svg
+      aria-hidden="true"
+      data-prefix="fas"
+      class="moon"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+    >
+      <path
+        fill="currentColor"
+        d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z"
+      ></path>
+    </svg>
+    <svg
+      aria-hidden="true"
+      data-prefix="fas"
+      class="sun"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 512 512"
+    >
+      <path
+        fill="currentColor"
+        d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z"
+      ></path>
+    </svg>
   </div>
 </div>
 
 <script>
   function toggleTheme() {
-    const htmlElement = document.documentElement;
-    const isDarkMode = htmlElement.classList.contains('theme--dark');
+    const htmlElement = document.documentElement
+    const isDarkMode = htmlElement.classList.contains('theme--dark')
 
     // Toggle theme classes on the html element
-    htmlElement.classList.toggle('theme--dark', !isDarkMode);
-    htmlElement.classList.toggle('theme--default', isDarkMode);
+    htmlElement.classList.toggle('theme--dark', !isDarkMode)
+    htmlElement.classList.toggle('theme--default', isDarkMode)
 
     // Save preference in a cookie that expires at the end of the session
-    const expiryDate = new Date();
-    document.cookie = `themePreference=${isDarkMode ? 'light' : 'dark'};`;
+    const expiryDate = new Date()
+    document.cookie = `themePreference=${isDarkMode ? 'light' : 'dark'};`
   }
 
   // Check if the OS prefers dark mode
-  const prefersDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const prefersDarkMode =
+    window.matchMedia &&
+    window.matchMedia('(prefers-color-scheme: dark)').matches
 
   // Load preference from the cookie if it exists
-  const themePreference = document.cookie.replace(/(?:(?:^|.*;\s*)themePreference\s*\=\s*([^;]*).*$)|^.*$/, '$1');
-  const isDarkMode = themePreference === 'dark' || (themePreference === '' && prefersDarkMode);
+  const themePreference = document.cookie.replace(
+    /(?:(?:^|.*;\s*)themePreference\s*\=\s*([^;]*).*$)|^.*$/,
+    '$1'
+  )
+  const isDarkMode =
+    themePreference === 'dark' || (themePreference === '' && prefersDarkMode)
 
   // Apply theme based on the preference
-  const htmlElement = document.documentElement;
-  htmlElement.classList.toggle('theme--dark', isDarkMode);
-  htmlElement.classList.toggle('theme--default', !isDarkMode);
+  const htmlElement = document.documentElement
+  htmlElement.classList.toggle('theme--dark', isDarkMode)
+  htmlElement.classList.toggle('theme--default', !isDarkMode)
 
   // Add click event listener to the theme toggle button
-  const themeToggleButton = document.querySelector('.theme-toggle');
-  themeToggleButton.addEventListener('click', toggleTheme);
+  const themeToggleButton = document.querySelector('.theme-toggle')
+  themeToggleButton.addEventListener('click', toggleTheme)
 
   // const prefersDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
   // if (prefersDarkMode) {
   //   document.documentElement.classList.add('theme--dark');
   // }
-</script>
\ No newline at end of file
+</script>