Merge pull request #1 from ThatOneCalculator/main

cool stuff :D

frontend/css/rosepine.min.css

@@ -0,0 +1 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#26233a}.hljs,.hljs-subst{color:#e0def4}.hljs-selector-tag{color:#9ccfd8}.hljs-selector-id{color:#c4a7e7;font-weight:700}.hljs-selector-attr,.hljs-selector-class{color:#c4a7e7}.hljs-property,.hljs-selector-pseudo{color:#ebbcba}.hljs-addition{background-color:rgba(156,207,216,.5)}.hljs-deletion{background-color:rgba(235,111,146,.5)}.hljs-built_in,.hljs-class,.hljs-type{color:#c4a7e7}.hljs-function,.hljs-function>.hljs-title,.hljs-title.hljs-function{color:#ebbcba}.hljs-keyword,.hljs-literal,.hljs-symbol{color:#9ccfd8}.hljs-number{color:#f6c177}.hljs-regexp{color:#f6c177}.hljs-string{color:#9ccfd8}.hljs-title{color:#c4a7e7}.hljs-params{color:#e0def4}.hljs-bullet{color:#9ccfd8}.hljs-code{color:#c4a7e7}.hljs-emphasis{font-style:italic}.hljs-formula{color:#c4a7e7}.hljs-strong{font-weight:700}.hljs-link:hover{text-decoration:underline}.hljs-comment,.hljs-quote{color:#6e6a86}.hljs-doctag{color:#c4a7e7}.hljs-meta,.hljs-meta .hljs-keyword{color:#31748f}.hljs-meta .hljs-string{color:#9ccfd8}.hljs-attr{color:#c4a7e7}.hljs-attribute{color:#e0def4}.hljs-name{color:#9ccfd8}.hljs-section{color:#ebbcba}.hljs-tag{color:#9ccfd8}.hljs-template-variable,.hljs-variable{color:#e0def4}.hljs-template-tag{color:#31748f}.language-abnf .hljs-attribute{color:#ebbcba}.language-abnf .hljs-symbol{color:#f6c177}.language-apache .hljs-attribute{color:#ebbcba}.language-apache .hljs-section{color:#9ccfd8}.language-arduino .hljs-built_in{color:#ebbcba}.language-aspectj .hljs-meta{color:#eb6f92}.language-aspectj>.hljs-title{color:#ebbcba}.language-bnf .hljs-attribute{color:#c4a7e7}.language-clojure .hljs-name{color:#ebbcba}.language-clojure .hljs-symbol{color:#f6c177}.language-coq .hljs-built_in{color:#ebbcba}.language-cpp .hljs-meta .hljs-string{color:#c4a7e7}.language-css .hljs-built_in{color:#ebbcba}.language-css .hljs-keyword{color:#eb6f92}.language-diff .hljs-meta,.language-ebnf .hljs-attribute{color:#c4a7e7}.language-glsl .hljs-built_in{color:#ebbcba}.language-groovy .hljs-meta:not(:first-child),.language-haxe .hljs-meta,.language-java .hljs-meta{color:#eb6f92}.language-ldif .hljs-attribute{color:#c4a7e7}.language-lisp .hljs-name,.language-lua .hljs-built_in,.language-moonscript .hljs-built_in,.language-nginx .hljs-attribute{color:#ebbcba}.language-nginx .hljs-section{color:#31748f}.language-pf .hljs-built_in,.language-processing .hljs-built_in{color:#ebbcba}.language-scss .hljs-keyword,.language-stylus .hljs-keyword{color:#9ccfd8}.language-swift .hljs-meta{color:#eb6f92}.language-vim .hljs-built_in{color:#ebbcba;font-style:italic}.language-yaml .hljs-meta{color:#eb6f92}

frontend/css/style.min.css

@@ -0,0 +1 @@
+body,html{height:100%}body{background-color:#191724;margin:0}pre{margin:0}.wrapper{display:flex;padding:1rem .5rem;font-size:1rem;height:calc(100% - 2rem)}.line-numbers{color:#908caa;font-family:monospace;text-align:end;user-select:none;font-size:15px}#code-view{padding-top:0;padding-bottom:0;font-size:15px}textarea{background-color:transparent;resize:none;width:100%;height:100%;padding:0;padding-left:1rem;margin:0;border:none;outline:0;color:#fff;font-size:15px}.button-wrapper{position:absolute;top:0;right:0;padding:1rem;background-color:#1f1d2e;z-index:1000}.buttons{display:flex}.buttons>*+*{margin-left:.25rem}.btn{cursor:pointer;background:0 0;color:#9ccfd8;font-size:1rem;border:none;transition:background-color .2s ease-in-out;display:inline-block;text-decoration:none}.btn:hover{color:#fff}.btn:disabled,.btn[disabled]{color:#6e6a86}.logo{font-size:1.8rem;font-weight:700;text-align:center;text-decoration:none;color:#8fbcc8;width:100%;font-family:monospace;display:inline-block}.logo:hover{color:#fff}#messages{position:absolute;top:0;right:168px;z-index:1000;padding:0;margin:0;list-style:none;width:400px}#messages li{background-color:rgba(31,29,46,.8);font-family:monospace;color:#fff;padding:7px}

frontend/index.html

@@ -3,38 +3,16 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>zer0b.in</title>
+    <title>zer0bin</title>
 
-    <link href="styles.css" rel="stylesheet" />
+    <link href="css/style.min.css" rel="stylesheet" />
+    <link href="css/rosepine.min.css" rel="stylesheet" />
 
-    <script
-      src="https://kit.fontawesome.com/87d6c5dd5a.js"
-      crossorigin="anonymous"
-    ></script>
-
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/base16/solarized-dark.min.css"
-      integrity="sha512-kBHeOXtsKtA97/1O3ebZzWRIwiWEOmdrylPrOo3D2+pGhq1m+1CroSOVErIlsqn1xmYowKfQNVDhsczIzeLpmg=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    />
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"
-      integrity="sha512-IaaKO80nPNs5j+VLxd42eK/7sYuXQmr+fyywCNA0e+C6gtQnuCXNtORe9xR4LqGPz5U9VpH+ff41wKs/ZmC3iA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    ></script>
-    <script>
-      hljs.highlightAll();
-    </script>
-
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
-      integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    ></script>
+    <script src="js/fontawesome.min.js"></script>
+    <script src="js/highlight.min.js"></script>
+    <script src="js/jquery.min.js"></script>
+    
+    <script> hljs.highlightAll(); </script>
   </head>
 
   <body>
@@ -59,7 +37,7 @@
       ></textarea>
     </div>
     <div class="button-wrapper">
-      <a href="/" class="logo">zer0b.in</a>
+      <a href="/" class="logo">zer0bin</a>
       <div class="buttons">
         <button id="save-button" class="btn">
           <i class="fas fa-save fa-xl"></i>

frontend/index.js

@@ -28,7 +28,7 @@ function postPaste(content, callback) {
 			callback(
 				JSON.parse(
 					xhr.responseText ||
-						`{"data": { "message": "Unknown error occurred.." } }`
+						`{"data": { "message": "An unkown error occured!" } }`
 				)
 			);
 		},

frontend/styles.css

@@ -4,7 +4,7 @@ body {
 }
 
 body {
-	background-color: #002b36;
+	background-color: #191724;
 	margin: 0;
 }
 
@@ -20,7 +20,7 @@ pre {
 }
 
 .line-numbers {
-	color: #7d7d7d;
+	color: #908caa;
 	font-family: monospace;
 	text-align: end;
 	user-select: none;
@@ -52,7 +52,7 @@ textarea {
 	top: 0;
 	right: 0;
 	padding: 1rem;
-	background-color: #00222b;
+	background-color: #1f1d2e;
 	z-index: 1000;
 }
 
@@ -67,7 +67,7 @@ textarea {
 .btn {
 	cursor: pointer;
 	background: none;
-	color: #8fbcc8;
+	color: #9ccfd8;
 	font-size: 1rem;
 	border: none;
 	transition: background-color 200ms ease-in-out;
@@ -81,7 +81,7 @@ textarea {
 
 .btn:disabled,
 .btn[disabled] {
-	color: #255662;
+	color: #6e6a86;
 }
 
 .logo {
@@ -111,7 +111,7 @@ textarea {
 }
 
 #messages li {
-	background-color: rgba(37, 86, 98, 0.8);
+	background-color: rgba(31, 29, 46, 0.8);
 	font-family: monospace;
 	color: white;
 	padding: 7px;