Validation fixes. Reduced transition time.

3 years ago · 2792d8d4b1
4 changed files with 11 additions and 6 deletions
--- a/README.md
+++ b/README.md
@ -47,6 +47,7 @@ Jekyll theme.
    - [Mobile support](#mobile-support)
    - [Compressed HTML output](#compressed-html-output)
  - [Tests](#tests)
+    - [HTML validation](#html-validation)
  - [This version compared to the The Plain Libre](#this-version-compared-to-the-the-plain-libre)
  - [Useful resources](#useful-resources)
  - [Copyright and License](#copyright-and-license)
@ -558,6 +559,10 @@ This theme is guaranteed to work correctly with the following web browsers:
 | [Parabola GNU/Linux-libre](https://parabola.nu) | [w3m](https://salsa.debian.org/debian/w3m) | `/bin/w3m` | `$ w3m -version`| `w3m version w3m/0.5.3+git20180125` | 
 | [Android 8.1.0](https://developer.android.com/about/versions/oreo/android-8.1) | [Firefox Klar](https://www.mozilla.org/en-US/firefox/mobile/) | - | - | `6.1.1` |

+### HTML validation
+
+This Jekyll theme has been checked with the [HTML5 W3C validator](https://validator.w3.org/nu/)
+
 ## This version compared to the The Plain Libre

 There are too many things to compare, but in short terms:
--- a/_includes/page_navigation.html
+++ b/_includes/page_navigation.html
@ -6,7 +6,7 @@
 Homepage">Home</a></li>
 {% endif %}
    <li>
-        <a href="#top-page" title="Back to top ">Top</a></span>
+        <a href="#top-page" title="Back to top ">Top</a>
    </li>
    </ul>
 </div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -2,7 +2,7 @@
 layout: compress
 ---

-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!DOCTYPE html>
 {% comment %}See https://www.bennadel.com/blog/822-using-body-id-as-a-back-to-top-page-anchor.htm#comments_448{% endcomment %}
 <html lang="en" id="top-page">
 	<head>
--- a/_sass/main.scss
+++ b/_sass/main.scss
@ -82,7 +82,7 @@ p {
 }

 a:hover {
-    transition: 0.3s;
+    transition: 0.2s;
 }

 /* Use for abbreviations only. */
@ -261,7 +261,7 @@ ul {

    .post-list-metadata:hover {
        background-color: #404040;
-        transition: 0.3s;
+        transition: 0.2s;
        color: #ffffff;
    }
 }
@ -373,12 +373,12 @@ img {

 .img img:hover {
    opacity: 0.5;
-    transition: 0.3s;
+    transition: 0.2s;
 }

 .figure:hover {
    background-color: #404040;
-    transition: 0.3s;
+    transition: 0.2s;
    img {
        opacity: 0.75;
    }