From 2403201f0ebb9f011fe694361fbb71cfa50fc548 Mon Sep 17 00:00:00 2001 From: rav4s Date: Tue, 23 Feb 2021 10:03:22 -0600 Subject: [PATCH] Changed styles and added template for book pages --- centos-death.html | 172 ++++++++++++++++++++++++++++++++++++++++++++++ css/styles.css | 63 +++++++++++++---- index.html | 9 +-- js/redirects.js | 3 + 4 files changed, 227 insertions(+), 20 deletions(-) create mode 100644 centos-death.html diff --git a/centos-death.html b/centos-death.html new file mode 100644 index 0000000..4462d09 --- /dev/null +++ b/centos-death.html @@ -0,0 +1,172 @@ + + + + + CentOS Linux is dead—and Red Hat says Stream is “not a replacement” + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+

Outside Reading Assignment

+
+
+ +
+ +
+ + + + + + + + +
+
+ +
+
+ + + + + +
+
+

Source code on GitHub.

+

© 2021 Ravi Shah

+
+
+ + +
+
+ + + + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index cf48049..2fbed28 100644 --- a/css/styles.css +++ b/css/styles.css @@ -11,7 +11,7 @@ body { margin: 0; font-family: 'Roboto', sans-serif; height: 100%; - background-color: #040e1e; + background-color: #85144b; } h1 { @@ -30,12 +30,12 @@ a { } a:hover { - color: #FF8B00; + color: #FFDC00; } .go-down { color: white; - background-color: #005380; + background-color: #0074D9; font-family: 'Roboto', sans-serif; font-size: 1.75em; cursor: pointer; @@ -43,7 +43,7 @@ a:hover { transition-duration: 0.3s; padding: 0.5em; border-radius: 0.5em; - border: 0.1em solid #FF8B00; + border: 0.1em solid #FFDC00; } .go-down:hover { @@ -51,8 +51,9 @@ a:hover { -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -o-transition: ease-in-out; - background-color: #FF8B00; - border: 0.1em solid #005380; + background-color: #FFDC00; + border: 0.1em solid #0074D9; + color: black; } .go-down:active { @@ -77,7 +78,7 @@ a:hover { } .Navbar { - background-color: #005380; + background-color: #0074D9; display: flex; padding: 16px; font-family: 'Roboto', sans-serif; @@ -158,15 +159,14 @@ h1 { .card { height: 100%; width: 100%; - border-radius: 2.5%; - background-color: #005380; - box-shadow: 5px 10px #FF8B00; + background-color: #0074D9; + box-shadow: 5px 10px #FFDC00; cursor: pointer; position: relative; } .card:hover { - box-shadow: 10px 20px #FF8B00; + box-shadow: 10px 20px #FFDC00; transition: box-shadow 0.25s ease-in-out; -webkit-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; @@ -220,7 +220,7 @@ h1 { } .footer { - background-color: #005380; + background-color: #0074D9; color: white; text-align: center; position: absolute; @@ -247,6 +247,34 @@ h1 { font-size: 1.1em; } +.main-box { + color: white; + padding-top: 10px; + padding-bottom: 10px; + margin-left: 400px; + margin-right: 400px; + height: 800px; + line-height: 1em; + background-color: #0074D9; + box-shadow: 10px 15px #FFDC00; +} + +.main-box:hover { + box-shadow: 20px 30px #FFDC00; + transition: box-shadow 0.25s ease-in-out; + -webkit-transition: box-shadow 0.25s ease-in-out; + -o-transition: box-shadow 0.25s ease-in-out; + -moz-transition: box-shadow 0.25s ease-in-out; +} + +@media only screen and (max-width: 1366px) { + .main-box { + margin-left: 200px; + margin-right: 200px; + height: 400px; + } +} + @media only screen and (max-width: 1024px) { .Navbar__Items, .Navbar { @@ -270,8 +298,10 @@ h1 { .column { width: 100%; } - .card { - border-radius: 1%; + .main-box { + margin-left: 50px; + margin-right: 50px; + height: 400px; } } @@ -279,4 +309,9 @@ h1 { .column { height: 400px; } + .main-box { + margin-left: 20px; + margin-right: 20px; + height: 400px; + } } \ No newline at end of file diff --git a/index.html b/index.html index f0ff6be..43f3aaf 100644 --- a/index.html +++ b/index.html @@ -127,9 +127,6 @@