From 6e1ebd63b2f4e4efa2701420e60b66cfe5f51ce2 Mon Sep 17 00:00:00 2001
From: crunk <dvanderkleij@gmail.com>
Date: Sat, 19 Mar 2022 22:43:17 +0100
Subject: [PATCH] html tag accessibility and css contrast AAA rating: achieved

---
 verse/static/css/style.css                    | 28 +++++++++++++++----
 .../templates/distribusiworkflow/editcss.html |  6 ++--
 .../templates/distribusiworkflow/launch.html  |  2 +-
 verse/templates/distribusiworkflow/theme.html |  3 +-
 .../templates/distribusiworkflow/upload.html  |  2 +-
 5 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/verse/static/css/style.css b/verse/static/css/style.css
index 5bb6ea3..512fa9f 100644
--- a/verse/static/css/style.css
+++ b/verse/static/css/style.css
@@ -1,10 +1,11 @@
 body
 {
-  font-family: monospace;
+  font-family: monospace, monospace;
+  font-size: 15px;
   background-color: #272a33;
   color:#E0B0FF;
   word-wrap: break-word;
-  font-size: 130%;
+  line-height: 1.1;
 }
 
 div#login{
@@ -37,12 +38,20 @@ div#upload form {
 .workflow{
   margin-top: 1em;
   padding: 0.5em;
-  width: 30em;
-  background-color:#383C4A;
+  padding-left: auto;
+  padding-right: auto;
+  width: 31em;
+  background-color:#30333f;
   text-decoration: none;
   scroll-behavior: smooth;
   border-style: outset;
 }
+.workflow > p {
+  padding-left: 1em;
+}
+.workflow > h2 {
+  padding-left: 0.4em;;
+}
 
 .workflow input{
   max-width: 20em;
@@ -86,6 +95,13 @@ fieldset.required {
   border: none;
 }
 
+fieldset.required > ul {
+  padding-left: 0px;
+}
+
+fieldset.required > ul > li{
+  list-style-type: none;
+}
 input {
   border: none;
   background: #E0B0FF;
@@ -113,7 +129,7 @@ input[type="submit"]:disabled:focus {
 
 #delete {
   color: black;
-  background-color: #aa5050;
+  background-color: #F92020;
 }
 
 #update {
@@ -171,7 +187,7 @@ a:active {
 
 div.maincontent{
   width: 55%;
-  border: 3px solid #E0B0FF;
+  border: 3px #E0B0FF;
   margin-top: 0.5em;
   padding: 0.5em;
   border-style: outset;
diff --git a/verse/templates/distribusiworkflow/editcss.html b/verse/templates/distribusiworkflow/editcss.html
index 8b67066..fe83e96 100644
--- a/verse/templates/distribusiworkflow/editcss.html
+++ b/verse/templates/distribusiworkflow/editcss.html
@@ -1,12 +1,12 @@
 <div id="edit" class="workflow">
-  <h3>(Optional) Step 3: Edit</h3>
+  <h2>(Optional) Step 3: Edit</h2>
   {% if files_uploaded or distribusi_live %}
-  <a href="/editor"><p>Go to CSS editor</p></a>
+  <p><a href="/editor">Go to CSS editor</a></p>
   {% else %}
     <p>
       You need to upload your files first before you can a css theme
       for your files.
     </p>
-    <a href="#upload">Go to Step 1</a>
+    <p><a href="#upload">Go to Step 1</a></p>
   {% endif %}
 </div>
diff --git a/verse/templates/distribusiworkflow/launch.html b/verse/templates/distribusiworkflow/launch.html
index 9a18504..aefb191 100644
--- a/verse/templates/distribusiworkflow/launch.html
+++ b/verse/templates/distribusiworkflow/launch.html
@@ -1,5 +1,5 @@
 <div id="launch" class="workflow">
-  <h3>Step 4: Distribusi</h3>
+  <h2>Step 4: Distribusi</h2>
   <p>Run distribusi on your files. This will generate your website and make
     your content public.</p>
     <form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusi') }}">
diff --git a/verse/templates/distribusiworkflow/theme.html b/verse/templates/distribusiworkflow/theme.html
index b7e89ef..2eeb099 100644
--- a/verse/templates/distribusiworkflow/theme.html
+++ b/verse/templates/distribusiworkflow/theme.html
@@ -1,8 +1,9 @@
 <div id="theme" class="workflow">
-  <h3>(Optional) Step 2: Choose a Theme</h3>
+  <h2>(Optional) Step 2: Choose a theme</h2>
   <p>Select your Theme here. If you want to make own custom css, skip and go to
     step 3.</p>
   <p>Don't forget to press Save</p>
+  <hr>
   <form method="POST" enctype="multipart/form-data" action="{{ url_for('theme') }}">
     {{ themeform.csrf_token }}
     <fieldset class="required">
diff --git a/verse/templates/distribusiworkflow/upload.html b/verse/templates/distribusiworkflow/upload.html
index bc1c295..8a792e9 100644
--- a/verse/templates/distribusiworkflow/upload.html
+++ b/verse/templates/distribusiworkflow/upload.html
@@ -1,5 +1,5 @@
   <div id="upload" class="workflow">
-    <h3>Step 1: Upload</h3>
+    <h2>Step 1: Upload</h2>
     <p>Upload your files here:</p>
     <form method="POST" enctype="multipart/form-data" action="{{ url_for('upload') }}">
       {{ uploadform.csrf_token }}