diff --git a/filelist.sh b/filelist.sh old mode 100755 new mode 100644 diff --git a/pages/bigoil.html b/pages/bigoil.html index 411301c6..8eaa0e2b 100644 --- a/pages/bigoil.html +++ b/pages/bigoil.html @@ -27,21 +27,30 @@
- PD2 Builder - -
-
- -
-
- Home +
+
+ + + PD2Builder + +
+
+ +
+
+ +
+
+ Home +
+ +
+
-
- Big Oil Engine Calc -
-
diff --git a/pages/index.html b/pages/index.html index 75cd0aaf..affe3723 100644 --- a/pages/index.html +++ b/pages/index.html @@ -39,21 +39,30 @@
- PD2 Builder - -
-
- -
-
- Home -
-
- Big Oil Engine Calc +
+
+ + + PD2Builder + +
+
+ +
+
+ +
+
+ Home +
+ +
+
-
diff --git a/public/css/common.css b/public/css/common.css index 267190ae..2ab23be4 100644 --- a/public/css/common.css +++ b/public/css/common.css @@ -62,13 +62,13 @@ div.navbar { display: flex; flex-flow: row nowrap; align-items: center; - - max-height: 60px; - + justify-content: flex-start; + padding: 0 16px; font-family: "Noto Sans", sans-serif; - background-color: rgb(50, 55, 60); - padding: 1vh 3vw; + background-color: rgb(0, 2, 24); + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + box-shadow: 0px 2px 2px 2px rgba(86, 100, 125, 0.2); } @media only screen and (max-width: 1002px) { @@ -83,6 +83,12 @@ div.navbar { } } +div.navbar img { + object-fit: contain; + margin-right: 24px; + position: relative; +} + div.navbar a { font-size: min(1.1em, 24px); line-height: 2em; @@ -100,7 +106,11 @@ div.navbar a:visited { } /* Small screens, have navbar collapse */ -@media only screen and (max-width: 767px) { +@media only screen and (max-width: 767px) { + div.navbar { + padding: 0px 16px; + } + div.navbar button { height: 80%; margin: auto 0; @@ -112,6 +122,10 @@ div.navbar a:visited { border-radius: 5px; cursor: pointer; } + + div.navbar img { + display: none; + } div.navbar button > span { display: inline-block; @@ -171,6 +185,25 @@ div.navbar a:visited { div.navbar .navbar-dropdown > div:not(:last-of-type) { margin-right: 25px; } + + div.navbar .navbar-inner { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 24px; + width: 100%; + } + + div.navbar .navbar-inner > .navbar-inner--left { + display: flex; + align-items: center; + } + + + div.navbar .navbar-inner > .navbar-inner--right { + margin-right: 16px; + } + } div.navbar .navbar-dropdown > div { @@ -186,6 +219,10 @@ div.navbar .navbar-dropdown a { font-size: min(0.8em, 20px); } +div.navbar .current { + border-bottom: 2px solid #297EB7; +} + div.navbar .navbar-dropdown a:not(.current) { color: rgba(240, 240, 240, 0.5); } diff --git a/public/img/header.png b/public/img/header.png new file mode 100644 index 00000000..dbc2bdd1 Binary files /dev/null and b/public/img/header.png differ