fix styling on some pages

This commit is contained in:
2026-03-26 16:14:13 +01:00
parent b0d1f17540
commit afcb4d72f5
5 changed files with 302 additions and 143 deletions

View File

@@ -6,7 +6,6 @@
<title>Nothing to see here</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<style>
* {
border-radius: 0 !important;
@@ -14,48 +13,56 @@
}
body {
font-family: sans-serif;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
background: #fff;
color: #000;
}
.box {
border: 2px solid #000;
border: 3px solid #000;
padding: 20px;
background: #fff;
width: 100%;
}
.button {
a.button {
border: 2px solid #000;
background: #eee;
padding: 4px 12px;
font-weight: bold;
background: #fff;
padding: 6px 14px;
font-weight: 900;
font-size: 12px;
cursor: pointer;
text-transform: uppercase;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
box-shadow: 3px 3px 0px #000;
text-decoration: none;
display: inline-block;
}
.button:hover {
background: #ccc;
}
.button:active {
a.button:hover {
background: #000;
color: #fff;
box-shadow: none;
transform: translate(2px, 2px);
}
a.button:active {
background: #ffff00;
color: #000;
}
.title {
font-size: 28px;
font-weight: 900;
border-bottom: 2px solid #000;
border-bottom: 3px solid #000;
margin-bottom: 10px;
padding-bottom: 4px;
text-transform: uppercase;
}
.subtitle {
font-size: 12px;
font-weight: bold;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 16px;
}
@@ -63,14 +70,35 @@
.text {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}
.nav-link {
font-weight: 900;
text-decoration: underline;
text-transform: uppercase;
font-size: 11px;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace;
}
.nav-link:hover {
background: #000;
color: #fff;
}
</style>
</head>
<body class="min-h-screen flex items-center justify-center p-4">
<div class="w-full max-w-[493px] flex flex-col items-center">
<header class="w-full mb-0 border-b-8 border-black pb-3 flex justify-between items-end">
<div>
<img src="/static/logo.png" alt="Send.it logo" style="height:36px;" class="mb-1">
<h1 class="text-3xl font-black uppercase tracking-tighter leading-none">Send_It</h1>
</div>
</header>
<div class="box text-center">
<div class="title">
@@ -93,6 +121,14 @@
</div>
<div class="w-full mt-3 flex justify-between items-center">
<span class="text-[10px] font-black uppercase text-gray-400">A_Service_By_Brammie15</span>
<div class="flex gap-4">
<a href="/static/TOS.txt" class="nav-link">TOS</a>
<a href="/admin" class="nav-link">SUDO</a>
</div>
</div>
</div>
</body>