From 477fedc36229ea188a656d35b65f655dc043a6ec Mon Sep 17 00:00:00 2001
From: Marat200118 <marat.samigullin1@gmail.com>
Date: Fri, 19 Jan 2024 19:59:02 +0100
Subject: [PATCH] made responsive Map section and investments

---
 css/style.css | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html    |  8 ++++----
 main.js       | 13 +++++++-----
 3 files changed, 67 insertions(+), 9 deletions(-)

diff --git a/css/style.css b/css/style.css
index 3e6a866..11a31fd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -365,9 +365,44 @@ section {
   padding: 1rem;
 }
 
+.investment-img {
+  max-width: 80vw;
+}
 
+.investments {
+  background-color: var(--dark-color);
+  color: var(--light-color);
+}
 
+.investment-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
 
+.investment-item p {
+  max-width: 40ch;
+}
+
+
+.test-yourself {
+  display: none;
+}
+
+.map {
+  width: 50vw;
+  height: 30vw;
+}
+
+.map-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  align-items: center;
+
+}
 
 @media (min-width: 768px) {
   .ahead-animation {
@@ -459,6 +494,26 @@ section {
     margin: 10px; 
     box-sizing: border-box;
   } */
+
+  .investment-item {
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+  }
+
+  .investment-img {
+    max-width: 40vw;
+  }
+
+  .test-yourself {
+    display: block;
+    color: var(--dark-color);
+  }
+
+  .information-block p {
+    color: var(--orange);
+  }
+
 }
 
 @media (min-width: 1024px) {
diff --git a/index.html b/index.html
index a63a283..c0d9995 100644
--- a/index.html
+++ b/index.html
@@ -331,7 +331,7 @@ <h4>NMBS/SNCB and Infrabel continue to invest in new rolling stock and in modern
 
     <div class="investment-item">
       <div class="investment-text">
-        <h3>2011</h3>
+        <h3 class="accent-year">2011</h3>
         <p>NMBS/SNCB brought a new range of electric units into service for local and regional passenger transport. This
           consists
           of 305 three-part electric units of the ‘Desiro Main Line’ type. These are light-weight trains with a
@@ -340,20 +340,20 @@ <h3>2011</h3>
       </div>
 
       <div class="investment-img">
-        <img src="/desiro.jpg" alt="desiro">
+        <img src="assets/images/desiro.jpg" alt="desiro" class="investment-img">
       </div>
     </div>
 
     <div class="investment-item right-alligned-item">
       <div class="investment-text">
-        <h3>2012</h3>
+        <h3 class="accent-year">2012</h3>
         <p>This project, providing northern access to Zaventem (Brussels Airport), involved constructing a new railway line between
         Mechelen and Schaerbeek, running largely along the E19 motorway and connecting to the airport through a railway
         triangle.</p>
       </div>
     
       <div class="investment-img">
-        <img src="/diabolo.jpg" alt="desiro">
+        <img src="assets/images/diabolo.jpg" alt="diabolo" class="investment-img">
       </div>
     </div>
   </section>
diff --git a/main.js b/main.js
index bbd060e..0f40e34 100644
--- a/main.js
+++ b/main.js
@@ -237,13 +237,16 @@ const map = () => {
           weight: 4,
         },
       },
-    },
-    edit: {
-      featureGroup: editableLayers,
-      remove: false,
-    },
+      polygon: false,
+      circle: false,
+      rectangle: false,
+      marker: false,
+      circlemarker: false,
+    }
   };
 
+  
+
   const drawControl = new L.Control.Draw(drawPluginOptions);
   map.addControl(drawControl);