Switch to tabs for everything. (Note: don't know if this will break the .yml files)

Signed-off-by: Odyssey <odyssey346@disroot.org>
This commit is contained in:
Odyssey 2022-10-18 15:37:38 +02:00
parent 12b07a6441
commit e32ba6131f
5 changed files with 181 additions and 213 deletions

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -11,6 +12,7 @@
color: #fff; color: #fff;
font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', monospace font-family: 'JetBrains Mono', 'JetBrainsMono Nerd Font', monospace
} }
.container { .container {
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
@ -49,7 +51,8 @@
resize: none; resize: none;
} }
#contact input, select { #contact input,
select {
text-align: center; text-align: center;
border-radius: 5px; border-radius: 5px;
color: #FFF; color: #FFF;
@ -60,6 +63,7 @@
padding: 10px; padding: 10px;
max-width: 100%; max-width: 100%;
} }
#contact select { #contact select {
width: 105%; width: 105%;
max-width: 105%; max-width: 105%;
@ -77,18 +81,18 @@
padding: 10px; padding: 10px;
font-size: 15px; font-size: 15px;
border-radius: 5px; border-radius: 5px;
} }
#contact button[type="submit"]:hover { #contact button[type="submit"]:hover {
background: #00a484; background: #00a484;
-webkit-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;
} }
#contact button[type="submit"]:active { #contact button[type="submit"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
} }
#contact button[type="delete"] { #contact button[type="delete"] {
cursor: pointer; cursor: pointer;
@ -100,18 +104,18 @@
padding: 10px; padding: 10px;
font-size: 15px; font-size: 15px;
border-radius: 5px; border-radius: 5px;
} }
#contact button[type="delete"]:hover { #contact button[type="delete"]:hover {
background: #990005; background: #990005;
-webkit-transition: background 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out;
} }
#contact button[type="delete"]:active { #contact button[type="delete"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
} }
a { a {
color: #00d4aa; color: #00d4aa;
@ -122,22 +126,13 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Post Announcement</h1> <h1>Post Announcement</h1>
<form <form id="contact" action="/api/announcements/post" method="POST" target="_blank">
id="contact"
action="/api/announcements/post"
method="POST"
target="_blank"
>
<div class="meta"> <div class="meta">
<input <input type="password" name="token" placeholder="Your authentication token" required />
type="password"
name="token"
placeholder="Your authentication token"
required
/>
<br /> <br />
<select id="severity" name="severity" required> <select id="severity" name="severity" required>
<option value="" selected disabled>Select severity of announcement</option> <option value="" selected disabled>Select severity of announcement</option>
@ -147,39 +142,21 @@
<option value="high">High severity</option> <option value="high">High severity</option>
</select> </select>
</div> </div>
<textarea <textarea name="title" rows="4" cols="25" required placeholder="The announcement text"></textarea>
name="title"
rows="4"
cols="25"
required
placeholder="The announcement text"></textarea>
<br /> <br />
<input <input type="text" name="link" placeholder="Your link for more details" />
type="text"
name="link"
placeholder="Your link for more details"
/>
<br /> <br />
<button type="submit" />Submit</button> <button type="submit" />Submit</button>
</form> </form>
<h1 style="margin-top: 20px;">Delete Announcement</h1> <h1 style="margin-top: 20px;">Delete Announcement</h1>
<form <form id="contact" action="/api/announcements/delete" method="POST" target="_blank">
id="contact"
action="/api/announcements/delete"
method="POST"
target="_blank"
>
<div class="meta"> <div class="meta">
<input <input type="password" name="token" placeholder="Your authentication token" required />
type="password"
name="token"
placeholder="Your authentication token"
required
/>
<br /> <br />
</div> </div>
<button type="delete"/>Delete</button> <button type="delete" />Delete</button>
</form> </form>
</div> </div>
</body> </body>
</html> </html>

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -22,18 +23,11 @@
</style> </style>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script> <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
</head> </head>
<body> <body>
<form <form action="/api/form" method="POST">
action="/api/form"
method="POST"
>
<div class="meta"> <div class="meta">
<input <input type="text" name="email" placeholder="Your email" required />
type="text"
name="email"
placeholder="Your email"
required
/>
<select id="commentType" name="commentType" required> <select id="commentType" name="commentType" required>
<option value="" selected disabled>Select a type of comment</option> <option value="" selected disabled>Select a type of comment</option>
<option value="Feedback">Feedback</option> <option value="Feedback">Feedback</option>
@ -42,16 +36,10 @@
<option value="Bug">Bug</option> <option value="Bug">Bug</option>
</select> </select>
</div> </div>
<textarea <textarea id="comment" name="message" rows="4" cols="25" required placeholder="Your message"></textarea>
id="comment"
name="message"
rows="4"
cols="25"
required
placeholder="Your message"
></textarea>
<div class="h-captcha" data-sitekey="{{.HCaptchaSiteKey}}"></div> <div class="h-captcha" data-sitekey="{{.HCaptchaSiteKey}}"></div>
<input type="submit" value="Submit" /> <input type="submit" value="Submit" />
</form> </form>
</body> </body>
</html> </html>

View File

@ -1,4 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -20,8 +21,10 @@
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Welcome to Segfautils</h1> <h1>Welcome to Segfautils</h1>
<h3>Running at port {{.Port}} | <a href="https://github.com/ProjectSegfault/segfautils/" target="_blank">GitHub</a></h3> <h3>Running at port {{.Port}} | <a href="https://github.com/ProjectSegfault/segfautils/" target="_blank">GitHub</a>
<h3><a href="/form">Click here for an example form implementation</a></h3> </h3>
<h3><a href="/form">Click here for an example form implementation</a></h3>
</body> </body>