Musselman/notatio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🩹 Fix: Correct links to point to new repository

Browse source 
It was pointing to codeberg and not at the privacyquest forgejo instance
This commit is contained in:
James Musselman 2024-06-27 10:23:25 -05:00
parent b643c93f4e
commit 9c343bcc0b
No known key found for this signature in database
GPG key ID: 1DAEFF35ECB5D6DB
1 changed files with 347 additions and 215 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

292
templates/about.html
View file

@ -1,26 +1,35 @@
<!DOCTYPE html> <!doctype html>
<html lang="en_US" data-bs-theme="dark"> <html lang="en_US" data-bs-theme="dark">
<head>
<head>
<title>Notatio</title> <title>Notatio</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/static/favicon.ico" type="image/x-icon"> <link rel="icon" href="/static/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Font Awesome CSS for spinner --> <!-- Font Awesome CSS for spinner -->
<link rel="stylesheet" type="text/css" <link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> rel="stylesheet"
<link rel="stylesheet" type="text/css" type="text/css"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"> href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
/>
</head>
</head> <body class="d-flex flex-column min-vh-100">
<body class="d-flex flex-column min-vh-100 ">
<nav class="navbar navbar-expand-lg border-bottom p-2 gap-2"> <nav class="navbar navbar-expand-lg border-bottom p-2 gap-2">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="/static/favicon.ico" alt="" width="24" height="24" class="d-inline-block align-text-top"> <img
src="/static/favicon.ico"
alt=""
width="24"
height="24"
class="d-inline-block align-text-top"
/>
Notatio Notatio
</a> </a>
@ -31,38 +40,63 @@
</div> </div>
<div class="order-lg-1"> <div class="order-lg-1">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" <button
aria-expanded="false" aria-label="Toggle navigation"> class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
</div> </div>
<div class="collapse navbar-collapse justify-content-end order-lg-1" id="navbarNav"> <div
class="collapse navbar-collapse justify-content-end order-lg-1"
id="navbarNav"
>
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#loginModal">Login</a> <a
class="nav-link"
href="#"
data-bs-toggle="modal"
data-bs-target="#loginModal"
>Login</a
>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#signupModal">Sign up</a> <a
class="nav-link"
href="#"
data-bs-toggle="modal"
data-bs-target="#signupModal"
>Sign up</a
>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
<main class="container"> <main class="container">
<br> <br />
<p> <p>
Welcome to Notatio, an open source, web-based text editor written in the powerful Go programming language. Welcome to Notatio, an open source, web-based text editor written in the
powerful Go programming language.
</p> </p>
<p> <p>
Notatio provides a user-friendly interface combined with robust features, making it the perfect choice for Notatio provides a user-friendly interface combined with robust
developers, writers, and anyone who interacts with text on a daily basis. features, making it the perfect choice for developers, writers, and
anyone who interacts with text on a daily basis.
</p>
<p>
<strong
>Notatio is <u>currently</u> an alpha software! Do not use it as your
daily driver!</strong
>
</p> </p>
<p><strong>Notatio is <u>currently</u> an alpha software! Do not use it as your daily driver!</strong></p>
<h1 class="mt-4">Text Editor Comparison</h1> <h1 class="mt-4">Text Editor Comparison</h1>
<div class="table-responsive"> <div class="table-responsive">
@ -90,7 +124,7 @@
<td class="fs-4 text-success fw-bold">&#10003;</td> <td class="fs-4 text-success fw-bold">&#10003;</td>
</tr> </tr>
<tr> <tr>
<td> <b>Does not</b> push paid plans</td> <td><b>Does not</b> push paid plans</td>
<td class="fs-4 text-danger">&#10007;</td> <td class="fs-4 text-danger">&#10007;</td>
<td class="fs-4 text-danger">&#10007;</td> <td class="fs-4 text-danger">&#10007;</td>
<td class="fs-4 text-success fw-bold">&#10003;</td> <td class="fs-4 text-success fw-bold">&#10003;</td>
@ -106,7 +140,6 @@
<td class="fs-4 text-success fw-bold">&#10003;</td> <td class="fs-4 text-success fw-bold">&#10003;</td>
<td class="fs-4 text-success fw-bold">&#10003;</td> <td class="fs-4 text-success fw-bold">&#10003;</td>
<td class="fs-4 text-success fw-bold">&#10003;</td> <td class="fs-4 text-success fw-bold">&#10003;</td>
</tr> </tr>
<tr> <tr>
<td>Collaborative Editing</td> <td>Collaborative Editing</td>
@ -117,89 +150,168 @@
<tr> <tr>
<td>Syntax Highlighting</td> <td>Syntax Highlighting</td>
<td class="fs-4 text-danger">&#10007;</td> <td class="fs-4 text-danger">&#10007;</td>
<td class="fs-4 fw-bold text-success ">&#10003;</td> <td class="fs-4 fw-bold text-success">&#10003;</td>
<td class=" planned">Planned</td> <td class="planned">Planned</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true"> <div
class="modal fade"
id="loginModal"
tabindex="-1"
aria-labelledby="loginModalLabel"
aria-hidden="true"
>
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h3 class="modal-title" id="loginModalLabel">Log In</h3> <h3 class="modal-title" id="loginModalLabel">Log In</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div> </div>
<form name="loginForm"> <form name="loginForm">
<div class="modal-body"> <div class="modal-body">
<div id="login-error" class="text-danger" role="alert"></div> <div id="login-error" class="text-danger" role="alert"></div>
<label for="username">Username:</label> <label for="username">Username:</label>
<input type="text" id="username" name="username" required class="form-control"><br> <input
type="text"
id="username"
name="username"
required
class="form-control"
/><br />
<label for="login_password">Password:</label> <label for="login_password">Password:</label>
<input type="password" id="login_password" name="login_password" required <input
class="form-control"><br> type="password"
id="login_password"
name="login_password"
required
class="form-control"
/><br />
</div> </div>
<div class="modal-footer justify-content-between"> <div class="modal-footer justify-content-between">
<p> <p>
Don't have an account? Don't have an account?
<a href="#" data-bs-toggle="modal" data-bs-target="#signupModal" <a
data-bs-dismiss="modal">Sign up</a> href="#"
data-bs-toggle="modal"
data-bs-target="#signupModal"
data-bs-dismiss="modal"
>Sign up</a
>
</p> </p>
<button type="submit" id="loginButton" class="btn btn-primary">Login</button> <button type="submit" id="loginButton" class="btn btn-primary">
Login
</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="signupModal" tabindex="-1" aria-labelledby="signupModalLabel" aria-hidden="true"> <div
class="modal fade"
id="signupModal"
tabindex="-1"
aria-labelledby="signupModalLabel"
aria-hidden="true"
>
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h3 class="modal-title" id="signupModalLabel">Sign Up</h3> <h3 class="modal-title" id="signupModalLabel">Sign Up</h3>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div> </div>
<form method="post" action="/signup" name="signupForm" class="was-validated"> <form
method="post"
action="/signup"
name="signupForm"
class="was-validated"
>
<div class="modal-body"> <div class="modal-body">
<label for="name" class="form-label">Name:</label> <label for="name" class="form-label">Name:</label>
<input type="text" id="name" name="name" pattern="[a-zA-Z ]{2,100}" required <input
class="form-control"> type="text"
<div class="invalid-feedback">Please provide the name you would like to be addressed by. id="name"
</div><br> name="name"
pattern="[a-zA-Z ]{2,100}"
required
class="form-control"
/>
<div class="invalid-feedback">
Please provide the name you would like to be addressed by.
</div>
<br />
<label for="email" class="form-label">Email:</label> <label for="email" class="form-label">Email:</label>
<input type="email" name="email" id="email" required class="form-control"> <input
<div class="invalid-feedback">Please provide a valid email for password recovery.</div> type="email"
<br> name="email"
id="email"
required
class="form-control"
/>
<div class="invalid-feedback">
Please provide a valid email for password recovery.
</div>
<br />
<label for="username" class="form-label">Username:</label> <label for="username" class="form-label">Username:</label>
<div class="input-group has-validation"> <div class="input-group has-validation">
<span class="input-group-text">@</span> <span class="input-group-text">@</span>
<input type="text" onblur="checkUsernameAvailability();" id="signup_username" <input
name="username" pattern="[a-zA-Z0-9_\-]{5,20}" required class="form-control" type="text"
onblur="checkUsernameAvailability();"
id="signup_username"
name="username"
pattern="[a-zA-Z0-9_\-]{5,20}"
required
class="form-control"
data-bs-toggle="popover" data-bs-toggle="popover"
data-bs-content="Username must be 5-20 characters and can contain letters, numbers, underscores, or hyphens." data-bs-content="Username must be 5-20 characters and can contain letters, numbers, underscores, or hyphens."
data-bs-trigger="focus"> data-bs-trigger="focus"
<div class="invalid-feedback">Please select a username that consists of 5 to 20 />
alphanumeric characters (a-z and 0-9).</div> <div class="invalid-feedback">
Please select a username that consists of 5 to 20
alphanumeric characters (a-z and 0-9).
</div>
</div> </div>
<div id="usernameAvailability"></div> <div id="usernameAvailability"></div>
<br> <br />
<label for="password" class="form-label">Password:</label> <label for="password" class="form-label">Password:</label>
<input type="password" id="signup_password" name="password" <input
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=!]).{10,}" required type="password"
class="form-control"> id="signup_password"
name="password"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=!]).{10,}"
required
class="form-control"
/>
<div class="invalid-feedback"> <div class="invalid-feedback">
Password must meet the following requirements: Password must meet the following requirements:
<ul> <ul>
<li class="password-requirement" data-regex="\d">At least one digit (0-9)</li> <li class="password-requirement" data-regex="\d">
<li class="password-requirement" data-regex="[a-z]">At least one lowercase letter At least one digit (0-9)
(a-z)</li> </li>
<li class="password-requirement" data-regex="[A-Z]">At least one uppercase letter <li class="password-requirement" data-regex="[a-z]">
(A-Z)</li> At least one lowercase letter (a-z)
<li class="password-requirement" data-regex="[@#$%^&+=!?]">At least one special </li>
symbol (@#$%^&+=!?)</li> <li class="password-requirement" data-regex="[A-Z]">
<li class="password-requirement" data-regex=".{10,}">At least 10 characters long At least one uppercase letter (A-Z)
</li>
<li class="password-requirement" data-regex="[@#$%^&+=!?]">
At least one special symbol (@#$%^&+=!?)
</li>
<li class="password-requirement" data-regex=".{10,}">
At least 10 characters long
</li> </li>
</ul> </ul>
</div> </div>
@ -208,32 +320,52 @@
<div class="modal-footer justify-content-between"> <div class="modal-footer justify-content-between">
<p> <p>
Already have an account? Already have an account?
<a href="#" data-bs-toggle="modal" data-bs-target="#loginModal" <a
data-bs-dismiss="modal">Log href="#"
in</a> data-bs-toggle="modal"
data-bs-target="#loginModal"
data-bs-dismiss="modal"
>Log in</a
>
</p> </p>
<div class="mb-3"> <div class="mb-3">
<button class="btn btn-primary" type="submit" id="submitBtn" disabled>Submit <button
form</button> class="btn btn-primary"
type="submit"
id="submitBtn"
disabled
>
Submit form
</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
<footer class="footer mt-auto"> <footer class="footer mt-auto">
<div class="container d-flex justify-content-center py-3"> <div class="container d-flex justify-content-center py-3">
<a href="https://codeberg.org/notatio/notatio#download" class="mx-2 text-muted">Download</a> <a
<a href="https://codeberg.org/notatio/notatio/wiki" class="mx-2 text-muted">Documentation</a> href="https://git.privacyquest.net/musselman/notatio#download"
<a href="https://codeberg.org/notatio/notatio/issues" class="mx-2 text-muted">Report Issues</a> class="mx-2 text-muted"
>Download</a
>
<a
href="https://git.privacyquest.net/musselman/notatio/wiki"
class="mx-2 text-muted"
>Documentation</a
>
<a
href="https://git.privacyquest.net/musselman/notatio/issues"
class="mx-2 text-muted"
>Report Issues</a
>
</div> </div>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/static/build/index.js" type="text/javascript"></script> <script src="/static/build/index.js" type="text/javascript"></script>
<script src="/static/build/darkmode.js" type="text/javascript"></script> <script src="/static/build/darkmode.js" type="text/javascript"></script>
</body> </body>
</html> </html>