bug reports and contacts

This commit is contained in:
Joey Kimsey
2026-09-12 17:11:35 -04:00
parent 0f5a33d6db
commit 7634219706
8 changed files with 424 additions and 85 deletions

View File

@ -358,8 +358,8 @@
<div class="m-2 m-lg-4">
<div class="context-main-bg container py-2 my-2 py-lg-4 my-lg-4">
<h1 class="h2 text-center mb-4">Contact Us</h1>
<p id="contact-unavailable" class="text-muted text-center" hidden></p>
<div id="contact-body">
<p id="contact-unavailable" class="alert alert-warning text-center" hidden></p>
<div id="contact-body" hidden>
<div class="col-12 col-lg-6 offset-lg-3">
<p class="text-center text-lg-start">
Here at <strong id="contact-sitename">this site</strong>, we highly value your
@ -381,6 +381,7 @@
name="name"
type="text"
required
maxlength="20"
autocomplete="name"
/>
</div>
@ -393,7 +394,7 @@
<input
id="contact-email"
class="form-control"
name="email"
name="contactEmail"
type="email"
autocomplete="email"
/>
@ -428,8 +429,8 @@
<div class="col-12 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
<h1 class="h2 text-center mb-4">Report a Bug</h1>
<hr />
<p id="bug-unavailable" class="text-muted text-center" hidden></p>
<div id="bug-body">
<p id="bug-unavailable" class="alert alert-warning text-center" hidden></p>
<div id="bug-body" hidden>
<p class="text-center text-sm-start">
Thank you for visiting our bug reporting page. We value our users' input highly and
in an effort to better serve your needs, please fill out the form below to help us
@ -599,46 +600,49 @@
</section>
<section id="view-profile" class="view" hidden>
<div class="container p-4 context-main-bg mb-4 text-center">
<h1 class="h3 mb-4">Profile</h1>
<hr />
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card shadow">
<div class="card-header text-center bg-dark text-white">
<h2 class="h3 card-title mb-0" id="profile-name"></h2>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-md-4 text-center">
<img
id="profile-avatar"
src=""
alt="User Pic"
class="rounded-circle img-fluid"
style="max-width: 150px"
/>
</div>
<div class="col-md-8">
<table class="table table-borderless text-start">
<tbody>
<tr>
<th scope="row">Registered:</th>
<td id="profile-registered"></td>
</tr>
<tr>
<th scope="row">Last Seen:</th>
<td id="profile-last-login"></td>
</tr>
<tr>
<th scope="row">Gender:</th>
<td id="profile-gender"></td>
</tr>
</tbody>
</table>
<a href="#/settings" class="btn btn-primary btn-sm" data-route="settings">
<i class="fa fa-fw fa-pencil"></i> Edit profile
</a>
<div class="m-2 m-lg-4">
<div class="context-main-bg container py-2 my-2 py-lg-4 my-lg-4 text-center">
<h1 class="h3 mb-4">Profile</h1>
<hr />
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card shadow">
<div class="card-header text-center bg-dark text-white">
<h2 class="h3 card-title mb-0" id="profile-name"></h2>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-md-4 text-center">
<img
id="profile-avatar"
src=""
alt="User Pic"
class="rounded-circle capsule-profile-avatar"
width="200"
height="200"
/>
</div>
<div class="col-md-8">
<table class="table table-borderless text-start">
<tbody>
<tr>
<th scope="row">Registered:</th>
<td id="profile-registered"></td>
</tr>
<tr>
<th scope="row">Last Seen:</th>
<td id="profile-last-login"></td>
</tr>
<tr>
<th scope="row">Gender:</th>
<td id="profile-gender"></td>
</tr>
</tbody>
</table>
<a href="#/settings" class="btn btn-primary btn-sm" data-route="settings">
<i class="fa fa-fw fa-pencil"></i> Edit profile
</a>
</div>
</div>
</div>
</div>
@ -746,19 +750,26 @@
</div>
<div class="collapse d-md-block my-4" id="footerMenu">
<div class="row">
<div id="footer-contact-col" class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
<div class="capsule-footer-cols">
<div id="footer-contact-col" class="capsule-footer-contact" hidden>
<h2 class="h5">Contact Us</h2>
<ul class="nav flex-column">
<li id="footer-link-contact" class="nav-item mb-2">
<li id="footer-link-contact" class="nav-item mb-2" hidden>
<a href="#/contact" class="nav-link p-0 text-muted">Contact</a>
</li>
<li id="footer-link-bug" class="nav-item mb-2">
<li id="footer-link-bug" class="nav-item mb-2" hidden>
<a href="#/bugreport" class="nav-link p-0 text-muted">Report a Bug</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
<div class="capsule-footer-theme">
<h2 class="h5">Dark Mode</h2>
<div class="material-switch px-4 mt-2">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input" />
<label for="dark-mode-toggle" class="label-default"><span class="visually-hidden">Dark mode</span></label>
</div>
</div>
<div class="capsule-footer-info">
<h2 class="h5">More Info</h2>
<ul class="nav flex-column">
<li class="nav-item mb-2">
@ -783,13 +794,6 @@
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
<h2 class="h5">Dark Mode</h2>
<div class="material-switch px-4 mt-2">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input" />
<label for="dark-mode-toggle" class="label-default"><span class="visually-hidden">Dark mode</span></label>
</div>
</div>
</div>
</div>