diff --git a/.drone.yml b/.drone.yml
index 070311b..9e39264 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -11,7 +11,7 @@ steps:
     image: cimg/clojure:1.11.1-node #clojure:tools-deps
     user: root
     commands:
-      - cp resources/public/rename-me-index.html resources/public/index.html
+      #- cp resources/public/rename-me-index.html resources/public/index.html
       - clojure -Mbuild-dev release app
     #- clj -A:prod
 
diff --git a/resources/public/index.html b/resources/public/index.html
index b095e83..6597f18 100644
--- a/resources/public/index.html
+++ b/resources/public/index.html
@@ -1,100 +1,119 @@
 <!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, shrink-to-fit=no">
+  <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, shrink-to-fit=no"
+    />
     <title>Clojure demos</title>
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="stylesheet" type="text/css" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css">
-    <link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css"
+    />
     <style>
+      html {
+        font-family: "Montserrat", Lato, Garamond;
+      }
 
-.cm-s-rdark {
-	font-size: 1em;
-	line-height: 1.5em;
-	font-family: inconsolata, monospace;
-	letter-spacing: 0.3px;
-	word-spacing: 1px;
-	background: #1B2426;
-	color: #B9BDB6;
-}
-.cm-s-rdark .CodeMirror-lines {
-	padding: 8px 0;
-}
-.cm-s-rdark .CodeMirror-gutters {
-	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
-	background-color: #1B2426;
-	padding-right: 10px;
-	z-index: 3;
-	border: none;
-}
-.cm-s-rdark div.CodeMirror-cursor {
-	border-left: 3px solid #B9BDB6;
-}
-.cm-s-rdark .CodeMirror-activeline-background {
-	background: #00000070;
-}
-.cm-s-rdark .CodeMirror-selected {
-	background: #E0E8FF66;
-}
-.cm-s-rdark .cm-comment {
-	color: #646763;
-}
-.cm-s-rdark .cm-string {
-	color: #5CE638;
-}
-.cm-s-rdark .cm-number {
-	color: null;
-}
-.cm-s-rdark .cm-atom {
-	color: null;
-}
-.cm-s-rdark .cm-keyword {
-	color: #5BA1CF;
-}
-.cm-s-rdark .cm-variable {
-	color: #FFAA3E;
-}
-.cm-s-rdark .cm-def {
-	color: #FFFFFF;
-}
-.cm-s-rdark .cm-variable-2 {
-	color: #FFFFFF;
-}
-.cm-s-rdark .cm-property {
-	color: null;
-}
-.cm-s-rdark .cm-operator {
-	color: #5BA1CF;
-}
-.cm-s-rdark .CodeMirror-linenumber {
-	color: #646763;
-}
-
-
+      .cm-s-rdark {
+        font-size: 1em;
+        line-height: 1.5em;
+        font-family: inconsolata, monospace;
+        letter-spacing: 0.3px;
+        word-spacing: 1px;
+        background: #1b2426;
+        color: #b9bdb6;
+      }
+      .cm-s-rdark .CodeMirror-lines {
+        padding: 8px 0;
+      }
+      .cm-s-rdark .CodeMirror-gutters {
+        box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+        -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+        background-color: #1b2426;
+        padding-right: 10px;
+        z-index: 3;
+        border: none;
+      }
+      .cm-s-rdark div.CodeMirror-cursor {
+        border-left: 3px solid #b9bdb6;
+      }
+      .cm-s-rdark .CodeMirror-activeline-background {
+        background: #00000070;
+      }
+      .cm-s-rdark .CodeMirror-selected {
+        background: #e0e8ff66;
+      }
+      .cm-s-rdark .cm-comment {
+        color: #646763;
+      }
+      .cm-s-rdark .cm-string {
+        color: #5ce638;
+      }
+      .cm-s-rdark .cm-number {
+        color: null;
+      }
+      .cm-s-rdark .cm-atom {
+        color: null;
+      }
+      .cm-s-rdark .cm-keyword {
+        color: #5ba1cf;
+      }
+      .cm-s-rdark .cm-variable {
+        color: #ffaa3e;
+      }
+      .cm-s-rdark .cm-def {
+        color: #ffffff;
+      }
+      .cm-s-rdark .cm-variable-2 {
+        color: #ffffff;
+      }
+      .cm-s-rdark .cm-property {
+        color: null;
+      }
+      .cm-s-rdark .cm-operator {
+        color: #5ba1cf;
+      }
+      .cm-s-rdark .CodeMirror-linenumber {
+        color: #646763;
+      }
     </style>
-    <meta name="robots" content="noindex">
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-59HNPDZF2T"></script>
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
+    <meta name="robots" content="noindex" />
+    <!-- Google tag (gtag.js) -->
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-59HNPDZF2T"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
-  gtag('config', 'G-59HNPDZF2T');
-</script>
-</head>
-
-<body class="f5 sans-serif">
-    <div id="app">
-      loading here
-    </div>
-    <script src="/cljs-out/main_bundle.js" type="application/javascript"></script>
-
-</body>
+      gtag("config", "G-59HNPDZF2T");
+    </script>
+  </head>
 
+  <body class="f5 sans-serif">
+    <div id="app">loading here</div>
+    <script
+      src="/cljs-out/main_bundle.js"
+      type="application/javascript"
+    ></script>
+  </body>
 </html>
diff --git a/resources/public/rename-me-index.html b/resources/public/rename-me-index.html
index 9c9fd8b..7122f8d 100644
--- a/resources/public/rename-me-index.html
+++ b/resources/public/rename-me-index.html
@@ -1,33 +1,53 @@
 <!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, shrink-to-fit=no">
+  <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, shrink-to-fit=no"
+    />
     <title>Clojure demos</title>
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <meta name="theme-color" content="#ffffff">
-    <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css">
-    <link rel="stylesheet" type="text/css" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <meta name="theme-color" content="#ffffff" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://storage.googleapis.com/app.klipse.tech/css/codemirror.css"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://raw.githubusercontent.com/FarhadG/code-mirror-themes/master/themes/rdark.css"
+    />
 
     <style>
-     #notification-container {
-         position: fixed;
-         z-index: 999999;
-         top: 12px;
-         right: 12px;
+
+      html {
+        font-family: "Montserrat", Lato, Garamond;
+      }
+
+      #notification-container {
+      position: fixed;
+      z-index: 999999;
+      top: 12px;
+      right: 12px;
     </style>
-    <meta name="robots" content="noindex">
-</head>
+    <meta name="robots" content="noindex" />
+  </head>
 
-<body>
-    <div id="app">
-      loading here
-    </div>
+  <body>
+    <div id="app">loading here</div>
     <script src="/cljs-out/main_bundle.js" type="text/javascript"></script>
-
-</body>
-
+  </body>
 </html>
