diff options
| -rw-r--r-- | assets/css/viewtime.css | 24 | ||||
| -rw-r--r-- | projects/viewtime/index.html | 3 |
2 files changed, 14 insertions, 13 deletions
diff --git a/assets/css/viewtime.css b/assets/css/viewtime.css index fa7e9ef..aee54c9 100644 --- a/assets/css/viewtime.css +++ b/assets/css/viewtime.css @@ -8,6 +8,7 @@ html { font-size: 24px; text-align: center; background-color: #2A2A2A; + color: #2A2A2A; } .container { @@ -20,7 +21,7 @@ html { min-width: 240px; margin-left: auto; margin-right: auto; - padding-bottom: 14px; + padding-bottom: 1em; } a { @@ -70,19 +71,19 @@ a#install_button { } .active:hover { - background-image: -o-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: -moz-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: -ms-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: linear-gradient(-179deg, #2F6F15 0%, #86C01E 100%); - text-shadow: 0px 2px 0px rgba(0,0,0,0.50); + background-image: -o-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: -moz-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: -ms-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: linear-gradient(-179deg, #6DA705 0%, #165600 100%); + text-shadow: 0px -2px 0px rgba(0,0,0,0.50); } .active:active { - background-image: -o-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: -moz-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: -ms-linear-gradient(-89deg, #2F6F15 0%, #86C01E 100%); - background-image: linear-gradient(-179deg, #2F6F15 0%, #86C01E 100%); - text-shadow: 0px -2px 0px rgba(0,0,0,0.50); + background-image: -o-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: -moz-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: -ms-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: linear-gradient(-179deg, #165600 0%, #6DA705 100%); + text-shadow: 0px 2px 0px rgba(0,0,0,0.50); } p img { @@ -91,7 +92,6 @@ p img { .install_tagline { font-size: 14px; - color: #2A2A2A; padding-top: 10px; } diff --git a/projects/viewtime/index.html b/projects/viewtime/index.html index e7e347d..94767fd 100644 --- a/projects/viewtime/index.html +++ b/projects/viewtime/index.html @@ -1,6 +1,6 @@ <html> <head> - <title>ViewTime, A YouTube Extension for Google Chrome and Safari</title> + <title>ViewTime, a YouTube Extension for Google Chrome and Safari</title> <!-- Encoding --> <meta charset="UTF-8"> @@ -91,6 +91,7 @@ <div class="container"> <h1>ViewTime</h1> <p>ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count.</p> + <p><img src="/assets/images/viewtime-example.png" alt="ViewTime screenshot"></p> <p><a id="install_button" class="inactive">Install</a></p> <p class="install_tagline" id="safari_text">download and double-click to install in Safari</p> <p class="install_tagline" id="chrome_text">click to install from the Chrome Web Store</p> |