M README.md → README.md

@@ -6,7 +6,7 @@ Instead, the data is **compressed** then **stored** into a unique URL that can be decoded later. For example, [this is the CSS code used by NoPaste][example]
 
 As a result, there is no risk of data being lost, censored or deleted. The whole data stored is **in the link** and nowhere else! 🤯
 
-**Note:** This project is a fork of [Topaz's paste service][topaz-example], with a reworked design and a few additional features (syntax highlighting, line numbers, embedding...)
+**Note:** This project is a copy of [Topaz's paste service][topaz-example], with a reworked design and a few additional features (syntax highlighting, line numbers, embedding...)
 
 ## How it works
 

M index.html → index.html

@@ -8,18 +8,6 @@ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
         />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
         <title>NoPaste - No-database paste service</title>
-        <script src="https://cdn.jsdelivr.net/combine/
-npm/lzma@2.3.2/src/lzma.min.js,
-npm/slim-select@1.25.0/dist/slimselect.min.js,
-npm/clipboard@2/dist/clipboard.min.js,
-npm/codemirror@5.52.0,
-npm/codemirror@5.52.0/addon/mode/loadmode.min.js,
-npm/codemirror@5.52.0/addon/mode/overlay.min.js,
-npm/codemirror@5.52.0/addon/mode/multiplex.min.js,
-npm/codemirror@5.52.0/addon/mode/simple.min.js,
-npm/codemirror@5.52.0/addon/scroll/simplescrollbars.js,
-npm/codemirror@5.52.0/mode/meta.min.js
-"></script>
         <link
             rel="stylesheet"
             type="text/css"
@@ -97,10 +85,23 @@ <b>in the link</b> and nowhere else!
                     </div>
                     <div class="overlay hidden"></div>
                 </div>
-                <div class="col-auto"><a href="https://github.com/bokub/nopaste" target="_blank">Github</a></div>
+                <div class="col-auto">
+                    <a href="https://github.com/bokub/nopaste" rel="noopener" target="_blank">Github</a>
+                </div>
             </div>
         </footer>
     </body>
-
+    <script src="https://cdn.jsdelivr.net/combine/
+npm/lzma@2.3.2/src/lzma.min.js,
+npm/slim-select@1.25.0/dist/slimselect.min.js,
+npm/clipboard@2/dist/clipboard.min.js,
+npm/codemirror@5.52.0,
+npm/codemirror@5.52.0/addon/mode/loadmode.min.js,
+npm/codemirror@5.52.0/addon/mode/overlay.min.js,
+npm/codemirror@5.52.0/addon/mode/multiplex.min.js,
+npm/codemirror@5.52.0/addon/mode/simple.min.js,
+npm/codemirror@5.52.0/addon/scroll/simplescrollbars.js,
+npm/codemirror@5.52.0/mode/meta.min.js
+"></script>
     <script src="index.js"></script>
 </html>

M style.css → style.css

@@ -6,6 +6,7 @@ flex-flow: column;
     height: 100vh;
     color: #fff;
     font: normal 14px Roboto, sans-serif;
+    background-color: #282a36;
 }
 
 #editor {
@@ -29,8 +30,9 @@ z-index: 15;
     width: 0;
 }
 
+.hidden,
+select,
 #copy:not(.hidden) + #controls,
-.hidden,
 .readonly .hide-readonly {
     display: none;
 }