move to backend as the frontend (easier to manage and deploy)

2024-06-01 18:16:54 +01:00
parent f2783d14da
commit 4c4fcc884d
7 changed files with 194 additions and 9 deletions
--- a/src/main/resources/templates/paste.html
+++ b/src/main/resources/templates/paste.html
@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          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 th:text="${title}"></title>
+
+    <!-- TailwindCSS -->
+    <script src="https://cdn.tailwindcss.com"></script>
+
+    <!-- Highlight.js -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+</head>
+<body class="bg-black text-white h-screen relative">
+<pre><code class="bg-transparent" th:text="${paste.content}"></code></pre>
+
+<div class="absolute top-0 right-0 p-3">
+    <button id="raw-button" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
+        <a th:href="${rawUrl}">
+            Raw
+        </a>
+    </button>
+    <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
+        <a href="/">
+            New
+        </a>
+    </button>
+</div>
+</body>
+<script>hljs.highlightAll();</script>
+</html>