Browse Source

html tag accessibility and css contrast AAA rating: achieved

current_wdka_release
crunk 3 years ago
parent
commit
6e1ebd63b2
  1. 28
      verse/static/css/style.css
  2. 6
      verse/templates/distribusiworkflow/editcss.html
  3. 2
      verse/templates/distribusiworkflow/launch.html
  4. 3
      verse/templates/distribusiworkflow/theme.html
  5. 2
      verse/templates/distribusiworkflow/upload.html

28
verse/static/css/style.css

@ -1,10 +1,11 @@
body body
{ {
font-family: monospace; font-family: monospace, monospace;
font-size: 15px;
background-color: #272a33; background-color: #272a33;
color:#E0B0FF; color:#E0B0FF;
word-wrap: break-word; word-wrap: break-word;
font-size: 130%; line-height: 1.1;
} }
div#login{ div#login{
@ -37,12 +38,20 @@ div#upload form {
.workflow{ .workflow{
margin-top: 1em; margin-top: 1em;
padding: 0.5em; padding: 0.5em;
width: 30em; padding-left: auto;
background-color:#383C4A; padding-right: auto;
width: 31em;
background-color:#30333f;
text-decoration: none; text-decoration: none;
scroll-behavior: smooth; scroll-behavior: smooth;
border-style: outset; border-style: outset;
} }
.workflow > p {
padding-left: 1em;
}
.workflow > h2 {
padding-left: 0.4em;;
}
.workflow input{ .workflow input{
max-width: 20em; max-width: 20em;
@ -86,6 +95,13 @@ fieldset.required {
border: none; border: none;
} }
fieldset.required > ul {
padding-left: 0px;
}
fieldset.required > ul > li{
list-style-type: none;
}
input { input {
border: none; border: none;
background: #E0B0FF; background: #E0B0FF;
@ -113,7 +129,7 @@ input[type="submit"]:disabled:focus {
#delete { #delete {
color: black; color: black;
background-color: #aa5050; background-color: #F92020;
} }
#update { #update {
@ -171,7 +187,7 @@ a:active {
div.maincontent{ div.maincontent{
width: 55%; width: 55%;
border: 3px solid #E0B0FF; border: 3px #E0B0FF;
margin-top: 0.5em; margin-top: 0.5em;
padding: 0.5em; padding: 0.5em;
border-style: outset; border-style: outset;

6
verse/templates/distribusiworkflow/editcss.html

@ -1,12 +1,12 @@
<div id="edit" class="workflow"> <div id="edit" class="workflow">
<h3>(Optional) Step 3: Edit</h3> <h2>(Optional) Step 3: Edit</h2>
{% if files_uploaded or distribusi_live %} {% 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 %} {% else %}
<p> <p>
You need to upload your files first before you can a css theme You need to upload your files first before you can a css theme
for your files. for your files.
</p> </p>
<a href="#upload">Go to Step 1</a> <p><a href="#upload">Go to Step 1</a></p>
{% endif %} {% endif %}
</div> </div>

2
verse/templates/distribusiworkflow/launch.html

@ -1,5 +1,5 @@
<div id="launch" class="workflow"> <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 <p>Run distribusi on your files. This will generate your website and make
your content public.</p> your content public.</p>
<form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusi') }}"> <form method="POST" enctype="multipart/form-data" action="{{ url_for('distribusi') }}">

3
verse/templates/distribusiworkflow/theme.html

@ -1,8 +1,9 @@
<div id="theme" class="workflow"> <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 <p>Select your Theme here. If you want to make own custom css, skip and go to
step 3.</p> step 3.</p>
<p>Don't forget to press Save</p> <p>Don't forget to press Save</p>
<hr>
<form method="POST" enctype="multipart/form-data" action="{{ url_for('theme') }}"> <form method="POST" enctype="multipart/form-data" action="{{ url_for('theme') }}">
{{ themeform.csrf_token }} {{ themeform.csrf_token }}
<fieldset class="required"> <fieldset class="required">

2
verse/templates/distribusiworkflow/upload.html

@ -1,5 +1,5 @@
<div id="upload" class="workflow"> <div id="upload" class="workflow">
<h3>Step 1: Upload</h3> <h2>Step 1: Upload</h2>
<p>Upload your files here:</p> <p>Upload your files here:</p>
<form method="POST" enctype="multipart/form-data" action="{{ url_for('upload') }}"> <form method="POST" enctype="multipart/form-data" action="{{ url_for('upload') }}">
{{ uploadform.csrf_token }} {{ uploadform.csrf_token }}

Loading…
Cancel
Save