Reformat the paste template

Signed-off-by: baalajimaestro <me@baalajimaestro.me>
This commit is contained in:
baalajimaestro 2022-12-21 23:25:55 +05:30
parent a85315dfe6
commit cbacbe5e7c
Signed by: baalajimaestro
GPG key ID: F93C394FE9BBAFD5
2 changed files with 36 additions and 46 deletions

View file

@ -1,17 +1,20 @@
@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-subset.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 {
font-family: Hack, monospace;
overflow-x: auto; overflow-x: auto;
white-space: pre-wrap; white-space: pre-wrap;
white-space: -moz-pre-wrap; white-space: -moz-pre-wrap;
white-space: -pre-wrap; white-space: -pre-wrap;
white-space: -o-pre-wrap; white-space: -o-pre-wrap;
word-wrap: break-word; word-wrap: break-word;
} }
.hljs {
font-family: 'Hack' !important;
}

View file

@ -1,51 +1,38 @@
<!doctype html> <!doctype html>
<html> <html>
<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">
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<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"> <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 hljs">
<h2 class="text-3xl font-bold text-gray-300"> <h2 class="text-3xl font-bold text-gray-300">Obsolute Paste</h2>
Obsolute Paste {% block content %}
</h2> <pre class="w-10/12 text-gray-100 border border-solid border-emerald-200 rounded bg-zinc-800p-2" id="pastecontent">{{paste_content}}</pre>
{% block content %} {% endblock content %}
<pre </div>
class=" <br/>
w-10/12 <br/>
text-gray-100 <br/>
border border-solid border-emerald-200 <div class="fixed bottom-4 left-0 w-screen h-12 md:flex md:items-center md:justify-between md:p-6">
rounded <span class="text-sm text-gray-400 sm:text-center">©2022 Maestro Creativescape.</span>
bg-zinc-800 <ul class="flex flex-wrap items-center mt-3 text-sm text-gray-400 sm:mt-0">
p-2 <li>
" <a href="https://baalajimaestro.me" class="mr-4 hover:underline md:mr-6 ">Home</a>
id="pastecontent" </li>
>{{paste_content}}</pre> <li>
{% endblock content %} <a href="https://links.baalajimaestro.me" class="mr-4 hover:underline md:mr-6">Links</a>
</li>
<li>
<a href="https://git.baalajimaestro.me/baalajimaestro/obsolute-paste" class="mr-4 hover:underline md:mr-6">Source Code</a>
</li>
<li>
Powered by <a href="https://actix.rs" class="hover:underline">Actix</a> & <a href="https://obsidian.md" class="mr-4 hover:underline md:mr-6">Obsidian</a>
</li>
</ul>
</div> </div>
<br/> </body>
<br/>
<br/>
<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>
<ul class="flex flex-wrap items-center mt-3 text-sm text-gray-400 sm:mt-0">
<li>
<a href="https://baalajimaestro.me" class="mr-4 hover:underline md:mr-6 ">Home</a>
</li>
<li>
<a href="https://links.baalajimaestro.me" class="mr-4 hover:underline md:mr-6">Links</a>
</li>
<li>
<a href="https://git.baalajimaestro.me/baalajimaestro/obsolute-paste" class="mr-4 hover:underline md:mr-6">Source Code</a>
</li>
<li>
Powered by <a href="https://actix.rs" class="hover:underline">Actix</a> & <a href="https://obsidian.md" class="mr-4 hover:underline md:mr-6">Obsidian</a>
</li>
</ul>
</div>
</body>
</html> </html>