uploaded user story pictures for readme file. changed some text color…

… to harmonise look of site
markj0hnst0n · May 30, 2020 · 402cfcf · 402cfcf
1 parent c1c4654
commit 402cfcf
Show file tree

Hide file tree

Showing 9 changed files with 20 additions and 14 deletions.
diff --git a/README.md b/README.md
@@ -213,6 +213,11 @@ Also removed obselete elements frameborder and scrolling in embedded code as thi
 
 Dates.html had an error as a h2 tag was used in a table.  This was also fixed.
 
+After commit 35 w3c returned some warnings so the following amendments were made: 
+
+Amended html comments so that it is now mappable in xml files.  Previously warning  was returned on w3c validator. Added h2 child to section element on homepage to make page more descriptive to visually impaired users. Amended contact.html form to take away date and type input types as these inputs are not supported in firefox and safari respectively.
+
+
 # Deployment
 
 ## Using Github Pages

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -21,16 +21,16 @@
     padding: 5px;
 }
 
+a:hover {
+    text-decoration: none;
+}
+
 nav li{
     font-family: 'Mukta', sans-serif; 
     font-size: 150%;
 }
 
-a:hover {
-    text-decoration: none;
-}
-
-/*-----------------------------------------Homepage styling */
+/*--Homepage styling */
 
 .hero-outer{
     height: 600px;
@@ -96,7 +96,7 @@ section a:hover{
     color: #2345a5;
 }
 
-/*-----------------------------------------Audio Page Styles */
+/*--Audio Page Styles */
 
 .audio-container{
     margin: 2%;
@@ -122,9 +122,9 @@ section a:hover{
     width: 100%;
 }
 
-/*-----------------------------------------Dates Page Styles */
+/*--Dates Page Styles */
 
-/*-------- Table layout help from https://www.w3schools.com/cssref/pr_tab_table-layout.asp */
+/*-- Table layout help from https://www.w3schools.com/cssref/pr_tab_table-layout.asp */
 
 #table-heading{
     font-family: "Sriracha", sans-serif;
@@ -143,20 +143,20 @@ section a:hover{
 }
 
 .dates-table, th, td {
-    color: #2345a5;
+    color: #000;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     text-align: center;
     border: 3px solid #000;
 }
 
 .dates-table a {
-    color: #2345a5;
+    color: #000;
     text-decoration: none;
 }
 
 .dates-table a:hover {
-    color: #000;
+    color: #2345a5;
     text-decoration: none;
 }
 
@@ -179,14 +179,14 @@ section a:hover{
     margin-top: 30px;
 }
 
-/*-----------------------------------------Footer */
+/*--Footer */
 
 #icon-size{
     font-size: 48px;
     text-align: center;
 }
 
-/*-----------------------------------------Media Queries */
+/*--Media Queries */
 
 @media screen and (max-width:943px){
 .book-us-button{

diff --git a/assets/readme/user_stories_pictures/user_story_contact.png b/assets/readme/user_stories_pictures/user_story_contact.png
diff --git a/assets/readme/user_stories_pictures/user_story_description.png b/assets/readme/user_stories_pictures/user_story_description.png
diff --git a/assets/readme/user_stories_pictures/user_story_listen.png b/assets/readme/user_stories_pictures/user_story_listen.png
diff --git a/assets/readme/user_stories_pictures/user_story_navigate.png b/assets/readme/user_stories_pictures/user_story_navigate.png
diff --git a/assets/readme/user_stories_pictures/user_story_social_links.png b/assets/readme/user_stories_pictures/user_story_social_links.png
diff --git a/assets/readme/user_stories_pictures/user_story_when_where.png b/assets/readme/user_stories_pictures/user_story_when_where.png
diff --git a/index.html b/index.html
@@ -12,10 +12,11 @@
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css" />
         <link rel="stylesheet" href="assets/css/style.css" />
-        <title>Faux Djs</title>
+        <title>Faux Djs Homepage!</title>
     </head>
 
     <body class="bg-colour">
+
         <!--Header made with bootstrap 4 navbar-->
 
         <header>