try some background images

Citizen-Knowledge-Graph · Jan 30, 2024 · 2ad64ed · 2ad64ed
1 parent d6fca82
commit 2ad64ed
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 9 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -6,6 +6,11 @@ VERSION:	1.0.0
 -------------------------------------------------------------------*/
 @import url("https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Montserrat:300,400,500,600,700&display=swap");
 
+:root {
+  --box-gradient: linear-gradient(to top right, #236695, #8DACCB);
+  --on-white-color: #384361;
+}
+
 body {
   font-size: 16px;
   color: #9D9EA5;
@@ -31,7 +36,7 @@ p {
 
 h1 {
   font-size: 80px;
-  color: #384361;
+  color: var(--on-white-color);
 }
 
 h2 {
@@ -44,7 +49,7 @@ h3 {
 
 h4 {
   font-size: 25px;
-  color: #384361;
+  color: var(--on-white-color);
 }
 
 h5 {
@@ -225,18 +230,24 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
+  background-image: linear-gradient(rgba(250, 250, 250, 0.4), rgba(250, 250, 250, 0.4)), url('../images/landscape_background.png');
+  background-size: 70%;
+  background-position: center;
+  background-repeat: no-repeat;
 }
 
 @media (max-width: 991px) {
   .site-hero {
     height: 100vh;
     padding: 200px 0;
+    background-size: 100%;
   }
 }
 
 @media (max-width: 575px) {
   .site-hero {
     padding: 150px 0;
+    background-size: 100%;
   }
 }
 
@@ -411,8 +422,7 @@ body {
   min-height: 20vh;
   display: flex;
   align-items: center;
-  background-image: linear-gradient(to top right, #362B29, #384361);
-
+  background-image: var(--box-gradient);
 }
 
 @media (max-width: 575px) {
@@ -482,7 +492,7 @@ body {
 }
 
 .site-team {
-  background-image: linear-gradient(to top right, #362B29, #384361);
+  background-image: var(--box-gradient);
   padding: 100px 0;
   overflow: hidden;
   color: #fff;
@@ -609,4 +619,4 @@ body {
 
 .footer-mailto {
   margin-top: 6px;
-}
+}
diff --git a/assets/images/ff_lightblue_hq.jpg b/assets/images/ff_lightblue_hq.jpg
diff --git a/assets/images/fox_logo_v1.png b/assets/images/fox_logo_v1.png
diff --git a/assets/images/fox_logo_v2.png b/assets/images/fox_logo_v2.png
diff --git a/assets/images/landscape_background.png b/assets/images/landscape_background.png
diff --git a/assets/images/logo.png b/assets/images/logo.png
diff --git a/assets/images/new_logo.png b/assets/images/new_logo.png
diff --git a/src/_data/nav.json b/src/_data/nav.json
@@ -3,6 +3,9 @@
   "linkedinLink": "https://www.linkedin.com/company/foerderfox",
   "githubLogo": "assets/images/github-mark.png",
   "githubLink": "https://github.com/Citizen-Knowledge-Graph",
-  "navLogo":"assets/images/fox_logo_v3.png",
-  "navLinks":["de","en"]
-}
+  "navLogo": "assets/images/ff_lightblue_hq.jpg",
+  "navLinks": [
+    "de",
+    "en"
+  ]
+}