0.16.5 - Improve a11y on error pages

RDIL · RDIL · commit c9c873220126 · 2020-03-12T14:30:21.000Z
Signed-off-by: Reece Dunham &lt;me@rdil.rocks&gt;
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    picklecore (0.16.4)
+    picklecore (0.16.5)
       jekyll (>= 3.5, < 5)
       jekyll-default-layout (= 0.1.4)
       jekyll-relative-links (= 0.6.1)
@@ -13,7 +13,7 @@ GEM
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.5)
+    concurrent-ruby (1.1.6)
     em-websocket (0.5.1)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0.6.0)
@@ -59,7 +59,7 @@ GEM
     rb-fsevent (0.10.3)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rouge (3.15.0)
+    rouge (3.17.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
diff --git a/_layouts/error.html b/_layouts/error.html
@@ -6,8 +6,8 @@
     </head>
     <body>
         <main>
-            <h1 class="animated fadeInRightBig">{{ page.message | default: "Uh oh..." }}</h1>
-            <p class="animated delay fadeInLeftBig">
+            <h1>{{ page.message | default: "Uh oh..." }}</h1>
+            <p>
                 Error {{ page.code }} ({{ page.desc }})
                 {{ content }}
             </p>
diff --git a/assets/css/error-page.css b/assets/css/error-page.css
@@ -6,6 +6,7 @@
 body {
   overflow: hidden;
   background-color: {%- include styling/theme-color.css -%};
+  font-family: "Open Sans";
 }
 
 main {
@@ -14,7 +15,6 @@ main {
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  font-family: "Open Sans";
   color: white;
 }
 
@@ -29,72 +29,3 @@ main {
 .error a:hover {
   color: rgb(206, 206, 206);
 }
-
-.animated {
-  animation-duration: 1s;
-  animation-fill-mode: both;
-  animation-delay: 0.5s;
-}
-
-.animated.delay {
-  animation-delay: 1s;
-}
-
-@-webkit-keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(2000px, 0, 0);
-    transform: translate3d(2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes fadeInRightBig {
-  from {
-    opacity: 0;
-    transform: translate3d(2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.fadeInRightBig {
-  animation-name: fadeInRightBig;
-}
-
-@-webkit-keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@keyframes fadeInLeftBig {
-  from {
-    opacity: 0;
-    -webkit-transform: translate3d(-2000px, 0, 0);
-    transform: translate3d(-2000px, 0, 0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: translate3d(0, 0, 0);
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.fadeInLeftBig {
-  -webkit-animation-name: fadeInLeftBig;
-  animation-name: fadeInLeftBig;
-}
diff --git a/picklecore.gemspec b/picklecore.gemspec
@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "picklecore".freeze
-  spec.version       = "0.16.4"
+  spec.version       = "0.16.5"
   spec.authors       = ["Reece Dunham".freeze, "Param Thakkar".freeze]
   spec.email         = ["me@rdil.rocks".freeze]
   spec.summary       = "A Jekyll theme built to create personal and small websites, but can easily scale!".freeze
