🏡 index : old_projects/url_shortener.git

4e9baa302339e67bfdfbfcc16da2a03037c8d19f [patch]

6e6ae7ae24b47717944fac337bea1dd620e1a814

b5175241eb736ec326baa2ad6dc723e9c0cabb9c

4e9baa302339e67bfdfbfcc16da2a03037c8d19f.tar.gz

fix typo in readme

Diff

 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;
}