tools/paste
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pretty.html: refactor

Browse Source 
Make actual use of the Tera templating, when youre intending to use it.

Signed-off-by: Gunwant Jain <mail@wantguns.dev>
This commit is contained in:
Gunwant Jain
2021-01-06 05:14:12 +05:30
parent cfd2fa15b6
commit db08f5c8a9
2 changed files with 96 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
templates/base.html.tera Normal file
View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="Author: Gunwant Jain,
A highly opinionated, minamalistic Pastebin without the bloat of a database.">
<title>{{ title }}</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@460&display=swap');
/* fill entire page */
code {
padding: 0px;
background: transparent !important;
font-family: 'Fira Code', monospace;
}
body {
/* Change background color to that of your theme's */
background: #191f26;
padding: 20px 50px;
margin: 0px;
color: #5c6773;
}
/* remove scrollbar */
html {
overflow: scroll;
overflow-x: hidden;
scrollbar-width: none;
}
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
::selection {
/* text selection color
make sure to change to your your preferred color if changing the default colorscheme */
background: #253340;
}
{% block styles %}
{% endblock styles %}
</style>
{% block head %}
{% endblock head %}
</head>
<body>
{% block body %}{% endblock body %}
</body>
</html>

58
templates/pretty.html.tera
View File

@@ -1,34 +1,10 @@
<!DOCTYPE html>
<html lang="en">
{% extends "base" %}
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="Author: Gunwant Jain,
A highly opinionated, minamalistic Pastebin with no bloat of a database.">
<title>{{ title }}</title>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/tonsky/FiraCode@4/distr/fira_code.css"> -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@460&display=swap');
{% block styles %}
/* Use Ayu-Colors by default */
.hljs{display:block;overflow-x:auto;background:#191f26;color:#e6e1cf;padding:.5em}.hljs-comment,.hljs-quote{color:#5c6773;font-style:italic}.hljs-attr,.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#f73}.hljs-builtin-name,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#fe9}.hljs-bullet,.hljs-string{color:#b8cc52}.hljs-built_in,.hljs-section,.hljs-title{color:#ffb454}.hljs-keyword,.hljs-selector-tag,.hljs-symbol{color:#f73}.hljs-name{color:#36a3d9}.hljs-tag{color:#00568d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-addition{color:#91b362}.hljs-deletion{color:#d96c75}
/* fill entire page */
code {
padding: 0px;
background: transparent !important;
font-family: 'Fira Code', monospace;
}
body {
/* Change background color to that of your theme's */
background: #191f26;
padding: 20px 50px;
margin: 0px;
}
/* for block of numbers */
.hljs-ln-numbers {
@@ -51,35 +27,17 @@
.hljs-ln-code {
padding-left: 10px;
}
{% endblock styles %}
/* remove scrollbar */
html {
overflow: scroll;
overflow-x: hidden;
scrollbar-width: none;
}
::-webkit-scrollbar {
width: 0px;
background: transparent;
}
::selection {
/* text selection color
make sure to change to your your preferred color if changing the default colorscheme */
background: #253340;
}
</style>
<!-- Bring your own theme -->
{% block head %}
{% if theme %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5.0/build/styles/{{ theme }}.min.css">
{% endif %}
</head>
{% endblock head %}
<body>
{% block body %}
<pre><code>{{ code }}</code></pre>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5.0/build/highlight.min.js"></script>
@@ -88,6 +46,4 @@
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
</script>
</body>
</html>
{% endblock body %}