Skip to content

Commit cb64ed0

Browse files
iAkashPattnaikiAkashPattnaik
authored
Merge pull request #4 from DustbinServer/revert-3-main
Revert "Some style improvements"
2 parents d140751 + 699dc44 commit cb64ed0

4 files changed

Lines changed: 174 additions & 298 deletions

File tree

‎pages/admin.html‎

Lines changed: 50 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -1,100 +1,58 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="description" content="Yet Another Text Storage Service..." />
7-
<meta
8-
property="og:description"
9-
content="Yet Another Text Storage Service..."
10-
/>
11-
<meta content="Dustbin" property="og:title" />
12-
<meta content="en_US" property="og:locale" />
13-
<meta content="object" property="og:type" />
14-
<meta property="og:image:width" content="512" />
15-
<meta property="og:image:height" content="512" />
16-
<meta property="og:site_name" content="Dustbin" />
17-
<meta content="https://dustbin.me/favicon.png" property="og:image" />
18-
<meta
19-
property="og:image:alt"
20-
content="Yet Another Text Storage Service..."
21-
/>
22-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta property="og:description" content="Yet Another Text Storage Service..." />
8+
<meta content="Dustbin" property="og:title">
9+
<meta content="en_US" property="og:locale">
10+
<meta content="object" property="og:type">
11+
<meta property="og:image:width" content="512">
12+
<meta property="og:image:height" content="512">
13+
<meta property="og:site_name" content="Dustbin">
14+
<meta content="https://dustbin.me/favicon.png" property="og:image">
15+
<meta property="og:image:alt" content="Yet Another Text Storage Service...">
16+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2317
<title>Dustbin | Admin</title>
24-
<link rel="stylesheet" href="/tailwind.css" />
25-
<link rel="shortcut icon" href="/favicon.png" type="image/x-png" />
18+
<link rel="stylesheet" href="/tailwind.css">
19+
<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
2620
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
27-
</head>
28-
<body class="bg-slate-800 text-white h-screen flex flex-col justify-between">
29-
<header class="flex flex-col w-full shadow-sm shadow-white">
30-
<nav
31-
class="p-2 w-full max-w-4xl mx-auto flex flex-row items-center justify-between"
32-
>
33-
<a href="/" class="select-none">
34-
<span class="font-semibold">Dust</span>
35-
<span class="text-black bg-sky-600 font-semibold rounded py-0.5 px-1"
36-
>Bin</span
37-
>
38-
</a>
39-
<ul>
40-
<li>
41-
<a href="https://github.com/DustbinServer/" class="hover:underline"
42-
>GitHub</a
43-
>
44-
</li>
45-
</ul>
46-
</nav>
21+
</head>
22+
<body class="select-none bg-slate-800 overflow-hidden">
23+
<header class="flex flex-col w-full h-12">
24+
<div class="flex flex-row items-center justify-between w-full h-14 mt-1 shadow-sm shadow-white">
25+
<div class="flex flex-row items-center pl-2">
26+
<a href="/">
27+
<span class="text-white font-semibold text-2xl">Dust</span>
28+
<span class="text-black bg-sky-600 font-semibold rounded p-0.5 text-2xl">Bin</span>
29+
</a>
30+
</div>
31+
<div class="flex flex-row items-center justify-end pr-2">
32+
<a href="https://github.com/DustbinServer/" class="text-white hover:text-blue-500 text-2xl">Github</a>
33+
</div>
34+
</div>
4735
</header>
48-
<main class="h-5/6 w-full">
49-
<div id="data" class="flex flex-col w-full mt-1">
50-
<table
51-
id="documentsTable"
52-
class="border-2 border-emerald-500 text-center"
53-
>
54-
<tr class="text-2xl font-semibold">
55-
<th class="border-2 border-slate-600">FileId</th>
56-
<th class="border-2 border-slate-600">Date</th>
57-
<th class="border-2 border-slate-600">Language</th>
58-
</tr>
59-
</table>
60-
</div>
61-
<div
62-
id="controls"
63-
class="flex flex-col justify-center h-full w-full items-center gap-4"
64-
>
65-
<h1 class="text-5xl">Dustbin Admin</h1>
66-
<input
67-
placeholder="Username"
68-
id="adminUsername"
69-
spellcheck="false"
70-
class="sm:w-1/3 w-10/12 bg-slate-700 font-sans text-xl outline-none border-none p-2 selection:text-emerald-500"
71-
type="text"
72-
/>
73-
<input
74-
placeholder="Password"
75-
id="adminPassword"
76-
spellcheck="false"
77-
class="sm:w-1/3 w-10/12 bg-slate-700 font-sans text-xl outline-none border-none p-2 selection:text-emerald-500"
78-
type="password"
79-
/>
80-
<button
81-
onclick="getAllDocuments(event);"
82-
class="px-2 py-1.5 rounded bg-sky-600 hover:bg-sky-600 active:bg-sky-600 text-base"
83-
>
84-
Get All Documents
85-
</button>
86-
</div>
87-
</main>
88-
<footer class="p-5 text-center">
89-
<p>
90-
Made with <span class="text-red-600">💖</span> by
91-
<a
92-
href="https://github.com/dustbinserver/"
93-
class="text-emerald-500 hover:text-emerald-500"
94-
>DustBin Server</a
95-
>.
96-
</p>
36+
<section class="h-5/6 w-full fixed overflow-auto">
37+
<div id="data" class="flex flex-col w-full mt-1">
38+
<table id="documentsTable" class="text-white border-2 border-emerald-500 text-center">
39+
<tr class="text-2xl font-semibold">
40+
<th class="border-2 border-slate-600">FileId</th>
41+
<th class="border-2 border-slate-600">Date</th>
42+
<th class="border-2 border-slate-600">Language</th>
43+
</tr>
44+
</table>
45+
</div>
46+
<div id="controls" class="flex flex-col justify-center h-full w-full items-center text-white gap-4">
47+
<h1 class="text-5xl">Dustbin Admin</h1>
48+
<input placeholder="Username" id="adminUsername" spellcheck="false" class="sm:w-1/3 w-10/12 bg-slate-700 font-sans text-xl outline-none border-none p-2 selection:text-emerald-500" type="text">
49+
<input placeholder="Password" id="adminPassword" spellcheck="false" class="sm:w-1/3 w-10/12 bg-slate-700 font-sans text-xl outline-none border-none p-2 selection:text-emerald-500" type="password">
50+
<button onclick="getAllDocuments(event);" class="p-2 font-semibold font-sans hover:text-white transition-all bg-sky-600 text-black rounded">Get All Documents</button>
51+
</div>
52+
</section>
53+
<footer class="bottom-0 fixed w-full h-12 flex flex-row justify-center items-center text-white gap-1">
54+
Made With <span class="text-red-600">💖</span> By <a href="https://github.com/DustbinServer/" class="text-emerald-500 hover:text-emerald-500">DustbinServer</a>
9755
</footer>
9856
<script src="/script/admin.js"></script>
99-
</body>
100-
</html>
57+
</body>
58+
</html>

‎pages/index.html‎

Lines changed: 43 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,49 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="description" content="Yet Another Text Storage Service..." />
7-
<meta
8-
property="og:description"
9-
content="Yet Another Text Storage Service..."
10-
/>
11-
<meta content="Dustbin" property="og:title" />
12-
<meta content="en_US" property="og:locale" />
13-
<meta content="object" property="og:type" />
14-
<meta property="og:image:width" content="512" />
15-
<meta property="og:image:height" content="512" />
16-
<meta property="og:site_name" content="Dustbin" />
17-
<meta content="https://dustbin.me/favicon.png" property="og:image" />
18-
<meta
19-
property="og:image:alt"
20-
content="Yet Another Text Storage Service..."
21-
/>
22-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta property="og:description" content="Yet Another Text Storage Service..." />
8+
<meta content="Dustbin" property="og:title">
9+
<meta content="en_US" property="og:locale">
10+
<meta content="object" property="og:type">
11+
<meta property="og:image:width" content="512">
12+
<meta property="og:image:height" content="512">
13+
<meta property="og:site_name" content="Dustbin">
14+
<meta content="https://dustbin.me/favicon.png" property="og:image">
15+
<meta property="og:image:alt" content="Yet Another Text Storage Service...">
16+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2317
<title>Dustbin</title>
24-
<link rel="stylesheet" href="/tailwind.css" />
25-
<link rel="shortcut icon" href="/favicon.png" type="image/x-png" />
26-
</head>
27-
<body class="bg-slate-800 text-white flex flex-col h-screen justify-between">
28-
<header class="flex flex-col w-full shadow-sm shadow-white">
29-
<nav
30-
class="p-2 w-full max-w-4xl mx-auto flex flex-row items-center justify-between"
31-
>
32-
<a href="/" class="select-none">
33-
<span class="font-semibold">Dust</span>
34-
<span class="text-black bg-sky-600 font-semibold rounded py-0.5 px-1"
35-
>Bin</span
36-
>
37-
</a>
38-
<ul>
39-
<li>
40-
<a href="https://github.com/DustbinServer/" class="hover:underline"
41-
>GitHub</a
42-
>
43-
</li>
44-
</ul>
45-
</nav>
18+
<link rel="stylesheet" href="/tailwind.css">
19+
<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
20+
</head>
21+
<body class="select-none bg-slate-800">
22+
<header class="flex flex-col w-full h-12">
23+
<div class="flex flex-row items-center justify-between w-full h-14 mt-1 shadow-sm shadow-white">
24+
<div class="flex flex-row items-center pl-2">
25+
<a href="/">
26+
<span class="text-white font-semibold text-2xl">Dust</span>
27+
<span class="text-black bg-sky-600 font-semibold rounded p-0.5 text-2xl">Bin</span>
28+
</a>
29+
</div>
30+
<div class="flex flex-row items-center justify-end pr-2">
31+
<a href="https://github.com/DustbinServer/" class="text-white hover:text-blue-500 text-2xl">Github</a>
32+
</div>
33+
</div>
4634
</header>
47-
<main class="w-full max-w-4xl mx-auto text-center">
48-
<p class="text-4xl mb-4">
49-
<span class="font-semibold">Dust</span>
50-
<span class="text-black bg-sky-600 font-semibold rounded py-1 px-1.5"
51-
>Bin</span
52-
>
53-
</p>
54-
<p class="text-xl font-sans transition-all mb-4">
55-
Yet another text storage service.
56-
</p>
57-
<a
58-
href="/new"
59-
class="px-2 py-1.5 rounded bg-sky-600 hover:bg-sky-600 active:bg-sky-600 text-white text-base"
60-
>Paste...</a
61-
>
62-
</main>
63-
<footer class="p-5 text-center">
64-
<p>
65-
Made with <span class="text-red-600">💖</span> by
66-
<a
67-
href="https://github.com/dustbinserver/"
68-
class="text-emerald-500 hover:text-emerald-500"
69-
>DustBin Server</a
70-
>.
71-
</p>
35+
<section class="h-full w-full fixed">
36+
<div class="flex flex-col justify-center items-center text-white h-full">
37+
<a href="#">
38+
<span class="text-white font-semibold text-4xl">Dust</span>
39+
<span class="text-black bg-sky-600 font-semibold rounded p-0.5 text-4xl">Bin</span>
40+
</a>
41+
<p class="hover:text-emerald-600 text-2xl font-sans transition-all">Yet Another Text Storage Service...</p>
42+
<a href="/new" class="mt-4 p-1.5 pl-2.5 pr-2.5 rounded bg-sky-600 hover:bg-sky-600 active:bg-sky-600 text-white text-2xl">Paste...</a>
43+
</div>
44+
</section>
45+
<footer class="bottom-0 fixed w-full h-12 flex flex-row justify-center items-center text-white gap-1">
46+
Made With <span class="text-red-600">💖</span> By <a href="https://github.com/DustbinServer/" class="text-emerald-500 hover:text-emerald-500">DustbinServer</a>
7247
</footer>
73-
</body>
74-
</html>
48+
</body>
49+
</html>

‎pages/new.html‎

Lines changed: 41 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,83 +1,50 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="description" content="Yet Another Text Storage Service..." />
7-
<meta
8-
property="og:description"
9-
content="Yet Another Text Storage Service..."
10-
/>
11-
<meta content="Dustbin" property="og:title" />
12-
<meta content="en_US" property="og:locale" />
13-
<meta content="object" property="og:type" />
14-
<meta property="og:image:width" content="512" />
15-
<meta property="og:image:height" content="512" />
16-
<meta property="og:site_name" content="Dustbin" />
17-
<meta content="https://dustbin.me/favicon.png" property="og:image" />
18-
<meta
19-
property="og:image:alt"
20-
content="Yet Another Text Storage Service..."
21-
/>
22-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta property="og:description" content="Yet Another Text Storage Service..." />
8+
<meta content="Dustbin" property="og:title">
9+
<meta content="en_US" property="og:locale">
10+
<meta content="object" property="og:type">
11+
<meta property="og:image:width" content="512">
12+
<meta property="og:image:height" content="512">
13+
<meta property="og:site_name" content="Dustbin">
14+
<meta content="https://dustbin.me/favicon.png" property="og:image">
15+
<meta property="og:image:alt" content="Yet Another Text Storage Service...">
16+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2317
<title>Dustbin | New</title>
24-
<link rel="stylesheet" href="/tailwind.css" />
25-
<link rel="shortcut icon" href="/favicon.png" type="image/x-png" />
18+
<link rel="stylesheet" href="/tailwind.css">
19+
<link rel="shortcut icon" href="/favicon.png" type="image/x-png">
2620
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
27-
</head>
28-
<body class="bg-slate-800 text-white flex flex-col h-screen justify-between">
29-
<header class="flex flex-col w-full shadow-sm shadow-white">
30-
<nav
31-
class="p-2 w-full max-w-4xl mx-auto flex flex-row items-center justify-between"
32-
>
33-
<a href="/" class="select-none">
34-
<span class="font-semibold">Dust</span>
35-
<span class="text-black bg-sky-600 font-semibold rounded py-0.5 px-1"
36-
>Bin</span
37-
>
38-
</a>
39-
<ul>
40-
<li>
41-
<a href="https://github.com/DustbinServer/" class="hover:underline"
42-
>GitHub</a
43-
>
44-
</li>
45-
</ul>
46-
</nav>
21+
</head>
22+
<body class="select-none bg-slate-800">
23+
<header class="flex flex-col w-full h-12">
24+
<div class="flex flex-row items-center justify-between w-full h-14 mt-1 shadow-sm shadow-white">
25+
<div class="flex flex-row items-center pl-2">
26+
<a href="/">
27+
<span class="text-white font-semibold text-2xl">Dust</span>
28+
<span class="text-black bg-sky-600 font-semibold rounded p-0.5 text-2xl">Bin</span>
29+
</a>
30+
</div>
31+
<div class="flex flex-row items-center justify-end pr-2">
32+
<a href="https://github.com/DustbinServer/" class="text-white hover:text-blue-500 text-2xl">Github</a>
33+
</div>
34+
</div>
4735
</header>
48-
<main class="w-full max-w-4xl mx-auto">
49-
<div class="flex flex-col justify-center items-center h-full w-full">
50-
<textarea
51-
spellcheck="false"
52-
name="dustbinData"
53-
id="dustbinData"
54-
class="h-full w-11/12 rounded border-none outline-none p-2 font-mono resize-none bg-slate-700 selection:bg-emerald-600"
55-
></textarea>
56-
<div class="flex-row mt-2">
57-
<select
58-
class="bg-slate-700 rounded p-2 outline-none border-none font-semibold font-sans"
59-
name="language"
60-
id="language"
61-
></select>
62-
<button
63-
onclick="newPaste(event);"
64-
class="px-2 py-1.5 rounded bg-sky-600 hover:bg-sky-600 active:bg-sky-600 text-white text-base"
65-
>
66-
Paste...
67-
</button>
36+
<section class="h-full w-full fixed">
37+
<div class="flex flex-col justify-center items-center text-white h-5/6 w-full mt-1">
38+
<textarea spellcheck="false" name="dustbinData" id="dustbinData" class="h-full w-11/12 rounded border-none outline-none p-2 font-mono resize-none bg-slate-700 selection:bg-emerald-600"></textarea>
39+
<div class="flex-row mt-2">
40+
<select class="bg-slate-700 rounded p-2 outline-none border-none font-semibold font-sans" name="language" id="language"></select>
41+
<button onclick="newPaste(event);" class="p-1 pl-1.5 pr-1.5 rounded bg-sky-600 hover:text-black transition-all text-white text-2xl">Paste...</button>
42+
</div>
6843
</div>
69-
</div>
70-
</main>
71-
<footer class="p-5 text-center">
72-
<p>
73-
Made with <span class="text-red-600">💖</span> by
74-
<a
75-
href="https://github.com/dustbinserver/"
76-
class="text-emerald-500 hover:text-emerald-500"
77-
>DustBin Server</a
78-
>.
79-
</p>
44+
</section>
45+
<footer class="bottom-0 fixed w-full h-12 flex flex-row justify-center items-center text-white gap-1">
46+
Made With <span class="text-red-600">💖</span> By <a href="https://github.com/DustbinServer/" class="text-emerald-500 hover:text-emerald-500">DustbinServer</a>
8047
</footer>
8148
<script src="/script/new.js"></script>
82-
</body>
83-
</html>
49+
</body>
50+
</html>

0 commit comments

Comments
 (0)