baalajimaestro/obsolute-paste
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Pretty print everything

Browse source 
Signed-off-by: baalajimaestro <me@baalajimaestro.me>
This commit is contained in:
baalajimaestro 2022-12-22 19:33:03 +05:30
parent cfd2152d31
commit 55319a84da
Signed by: baalajimaestro
GPG key ID: F93C394FE9BBAFD5
4 changed files with 48 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/scripts.js
View file

@ -1,4 +1,4 @@
document.addEventListener('DOMContentLoaded', (event) => { document.addEventListener("DOMContentLoaded", (event) => {
const elem = document.getElementById('pastecontent'); const elem = document.getElementById("pastecontent");
hljs.highlightElement(elem); hljs.highlightElement(elem);
}); });

10
static/styles.css
View file

@ -1,9 +1,9 @@
@import url('https://fonts.googleapis.com/css?family=IBM Plex Sans'); @import url("https://fonts.googleapis.com/css?family=IBM Plex Sans");
@import url('https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/atom-one-dark.min.css'); @import url("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/atom-one-dark.min.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.css'); @import url("https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.css");
body { body {
font-family: 'IBM Plex Sans'; font-family: "IBM Plex Sans";
} }
pre { pre {
@ -16,5 +16,5 @@ pre {
} }
.hljs { .hljs {
font-family: 'Hack' !important; font-family: "Hack" !important;
} }

4
tailwind.config.js
View file

@ -1,8 +1,8 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
content: ["./static/*.{js,css}","./templates/*.html"], content: ["./static/*.{js,css}", "./templates/*.html"],
theme: { theme: {
extend: {}, extend: {},
}, },
plugins: [], plugins: [],
} };

15
templates/paste.html
View file

@ -1,22 +1,23 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/static/tailwind.css" /> <link rel="stylesheet" href="/static/tailwind.css" />
<link rel="stylesheet" href="/static/styles.css" /> <link rel="stylesheet" href="/static/styles.css" />
<script src="/static/scripts.js"></script> <script src="/static/scripts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
<body class="bg-zinc-800"> </head>
<body class="bg-zinc-800">
<div class="flex flex-col items-center space-y-12"> <div class="flex flex-col items-center space-y-12">
<h2 class="text-3xl font-bold text-gray-300">Obsolute Paste</h2> <h2 class="text-3xl font-bold text-gray-300">Obsolute Paste</h2>
{% block content %} {% block content %}
<pre class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2" id="pastecontent"> {{paste_content}} </pre> <pre class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800 p-2" id="pastecontent"> {{paste_content}} </pre>
{% endblock content %} {% endblock content %}
</div> </div>
<br/> <br />
<br/> <br />
<br/> <br />
<div class="fixed bottom-4 left-0 w-screen h-12 md:flex md:items-center md:justify-between md:p-6"> <div class="fixed bottom-4 left-0 w-screen h-12 md:flex md:items-center md:justify-between md:p-6">
<span class="text-sm text-gray-400 sm:text-center">©2022 Maestro Creativescape.</span> <span class="text-sm text-gray-400 sm:text-center">©2022 Maestro Creativescape.</span>
<ul class="flex flex-wrap items-center mt-3 text-sm text-gray-400 sm:mt-0"> <ul class="flex flex-wrap items-center mt-3 text-sm text-gray-400 sm:mt-0">
@ -34,5 +35,5 @@
</li> </li>
</ul> </ul>
</div> </div>
</body> </body>
</html> </html>