Fixed stylings of homepage banner

osori-db · Sep 27, 2023 · ed7c5b2 · ed7c5b2
1 parent 7089335
commit ed7c5b2
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 4 deletions.
diff --git a/_includes/homepage_banner.html b/_includes/homepage_banner.html
@@ -1,5 +1,5 @@
-<div class="text-center banner">
-    <h2 class="fw-700 fs-8 header"> {% t site.header %} </h2>
-    <h3 class="fw-700 fs-6 header"> {% t site.subheader %} </h3>
+<div class="text-center banner banner-dark">
+    <h2 class="fw-900 fs-8 header"> {% t site.header %} </h2>
+    <h3 class="fw-800 fs-6 header"> {% t site.subheader %} </h3>
     {% t site.tagline %}
 </div>
diff --git a/_sass/color_schemes/dark.scss b/_sass/color_schemes/dark.scss
@@ -0,0 +1,2 @@
+@import "./color_schemes/dark";
+
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
@@ -1,12 +1,29 @@
+@font-face{
+    font-family:"helvetica-neue-lt-std-97-black-condensed";
+    src:url("https://candyfonts.com/wp-data/2019/04/06/51168/HelveticaNeueLTStd-BlkCn.otf") format("woff"),
+    url("https://candyfonts.com/wp-data/2019/04/06/51168/HelveticaNeueLTStd-BlkCn.otf") format("opentype"),
+    url("https://candyfonts.com/wp-data/2019/04/06/51168/HelveticaNeueLTStd-BlkCn.otf") format("truetype");
+}
+
 .header {
     color: #00efff;
     font-style: italic;
+    font-family: helvetica-neue-lt-std-97-black-condensed;
+    text-shadow: 0px 1px 1px #4d4d4d;
+}
+
+h2.header {
+    padding-top: 5.1em;
 }
 
 h3.header {
     margin-top: 0px;
 }
 
 .banner {
-    background-image: url("../../assets/images/[email protected]");
+    height: 650px;
+}
+
+.banner-dark {
+    background-image: url("../../assets/images/ic_banner_night.png");
 }
diff --git a/assets/images/ic_banner_day.png b/assets/images/ic_banner_day.png
diff --git a/assets/images/[email protected] b/assets/images/[email protected]
diff --git a/assets/images/ic_banner_night.png b/assets/images/ic_banner_night.png
diff --git a/assets/images/[email protected] b/assets/images/[email protected]