From 4e9baa302339e67bfdfbfcc16da2a03037c8d19f Mon Sep 17 00:00:00 2001
From: yaqubroli <walchuk2018@icloud.com>
Date: Fri, 23 Dec 2022 21:20:04 -0800
Subject: [PATCH] fix typo in readme

---
 README.MD             |  4 ++--
 html/static/style.css | 48 ++++++++++++------------------------------------
 2 files changed, 10 insertions(+), 42 deletions(-)

diff --git a/README.MD b/README.MD
index 0a0ca16..fda66dc 100644
--- a/README.MD
+++ a/README.MD
@@ -21,14 +21,14 @@
 
 The parameters specific to the url shortener are:
 
-* [application.html] → Things related to HTML and templating
+* `[application.html]` → Things related to HTML and templating
     * `template` → Whether to template at all or not
     * `template_index` → Whether to template the index.html (/)
     * `template_static` → Whether to template static html (this is sometimes needed as the submission form is often on a static page, as it is in this repo's example html)
     * `path` → the path that html will be read from. Might want to make this /var/www/url_shortener, for instance.
     * `static_path` → the subdirectory of `path` where static is stored. Unlike the above, this is actually displayed as part of the url.
     * `domain` → The domain you're hosting from, used for templating
-* [application.database] → Things related to connecting to the mSQL database
+* `[application.database]` → Things related to connecting to the mySQL database
     * `host`
     * `port` → Usually 3306.
     * `username`
diff --git a/html/static/style.css b/html/static/style.css
index 1bc1035..29ac837 100644
--- a/html/static/style.css
+++ a/html/static/style.css
@@ -135,55 +135,23 @@
     min-width: 5em;
 }
 
-@keyframes buttonRaise {
-    0% {
-        /* make the buttons look like they're being pressed when clicked */
-        transform: translateY(0px);
-        box-shadow: 0 0 0 0 rgb(60, 0, 0);
-    }
-    100% {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 0 0 rgb(60, 0, 0);
-    }
-    
-}
-
 /* make the buttons look like they're being pressed when clicked */
 #indexbuttonrow a:hover {
-    animation-name: buttonRaise;
-    animation-duration: 0.2s;
-    animation-fill-mode: forwards;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 0 0 rgb(60, 0, 0);
 }
 
 #indexbuttonrow a:active {
-    animation-name: buttonRaise;
-    animation-duration: 0.2s;
-    animation-fill-mode: forwards;
-    animation-direction: reverse;
-}
-
-@keyframes buttonRaise_2 {
-    0% {
-        /* make the buttons look like they're being pressed when clicked */
-        transform: translateY(0px);
-        box-shadow: 0 0 0 0 rgb(183, 183, 183);
-    }
-    100% {
-        transform: translateY(-2px);
-        box-shadow: 0 4px 0 0 rgb(183, 183, 183);
-    }
-    
+    transform: none;
+    box-shadow: none;
 }
 
 .button:hover {
-    animation-name: buttonRaise_2;
-    animation-duration: 0.2s;
-    animation-fill-mode: forwards;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 0 0 rgb(183, 183, 183);
 }
 
 .button:active {
-    animation-name: buttonRaise_2;
-    animation-duration: 0.2s;
-    animation-fill-mode: forwards;
-    animation-direction: reverse;
+    transform: none;
+    box-shadow: none;
 }--
rgit 0.1.5