Merge pull request #18 from yashksaini-coder/images

Fixes Images (#1) & Restructure repo dir (#17)
vimistify · Sep 28, 2024 · 52be7ad · 52be7ad
2 parents f521b73 + 32aedb7
commit 52be7ad
Show file tree

Hide file tree

Showing 29 changed files with 768 additions and 768 deletions.
diff --git a/driver.html b/driver.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Driver Dashboard</title>
-    <link rel="stylesheet" href="driver.css">
+    <link rel="stylesheet" href="src/css/driver.css">
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKR3agIMLtauzDhz4fCu3heww0BV_81H4"></script>
     <style>
         #map {

diff --git a/hospital.html b/hospital.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hospital Dashboard</title>
-    <link rel="stylesheet" href="hospital.css">
+    <link rel="stylesheet" href="src/css/hospital.css">
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKR3agIMLtauzDhz4fCu3heww0BV_81H4"></script>
 </head>
 <body>

diff --git a/images/Ambulance-location-tracker.png b/images/Ambulance-location-tracker.png
diff --git a/images/Duty-status-OFF.png b/images/Duty-status-OFF.png
diff --git a/images/Duty-status-ON.png b/images/Duty-status-ON.png
diff --git a/images/Hospital-Map.png b/images/Hospital-Map.png
diff --git a/images/Nearby-hospitals.png b/images/Nearby-hospitals.png
diff --git a/images/create-account.png b/images/create-account.png
diff --git a/images/dashboard-1.png b/images/dashboard-1.png
diff --git a/images/dashboard-2.png b/images/dashboard-2.png
diff --git a/images/dashboard-3.png b/images/dashboard-3.png
diff --git a/images/dashboard-4.png b/images/dashboard-4.png
diff --git a/images/login.png b/images/login.png
diff --git a/images/select-role.png b/images/select-role.png
diff --git a/img.jpeg b/img.jpeg
diff --git a/login.html b/login.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login</title>
-    <link rel="stylesheet" href="login.css">
+    <link rel="stylesheet" href="src/css/login.css">
 </head>
 <body>
     <div class="login-container">

diff --git a/roles.html b/roles.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Select Your Role</title>
-    <link rel="stylesheet" href="roles.css">
+    <link rel="stylesheet" href="src/css/roles.css">
 </head>
 <body>
     <div class="role-selection">

diff --git a/common.css → src/css/common.css b/common.css → src/css/common.css
@@ -1,36 +1,36 @@
-/* General Reset */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-/* Body Styling */
-body {
-    font-family: 'Arial', sans-serif;
-    background: linear-gradient(135deg, #74ebd5, #ACB6E5);
-    height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-/* Dashboard Container */
-.dashboard-container {
-    background-color: white;
-    padding: 40px;
-    border-radius: 12px;
-    text-align: center;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-.dashboard-container h1 {
-    margin-bottom: 20px;
-    font-size: 24px;
-    color: #333;
-}
-
-.dashboard-container p {
-    font-size: 16px;
-    color: #666;
-}
+/* General Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Body Styling */
+body {
+    font-family: 'Arial', sans-serif;
+    background: linear-gradient(135deg, #74ebd5, #ACB6E5);
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+/* Dashboard Container */
+.dashboard-container {
+    background-color: white;
+    padding: 40px;
+    border-radius: 12px;
+    text-align: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.dashboard-container h1 {
+    margin-bottom: 20px;
+    font-size: 24px;
+    color: #333;
+}
+
+.dashboard-container p {
+    font-size: 16px;
+    color: #666;
+}
diff --git a/driver.css → src/css/driver.css b/driver.css → src/css/driver.css
@@ -1,117 +1,117 @@
-/* General Reset */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-/* Body Styling */
-body {
-    font-family: 'Arial', sans-serif;
-    background: #e8f5e9;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-}
-
-/* Dashboard Container */
-.dashboard-container {
-    background-color: white;
-    padding: 40px;
-    border-radius: 15px;
-    text-align: center;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    width: 400px;
-}
-
-.dashboard-container h1 {
-    font-size: 28px;
-    color: #388e3c;
-    margin-bottom: 20px;
-}
-
-.dashboard-container p {
-    font-size: 18px;
-    color: #555;
-    margin-bottom: 20px;
-}
-
-#working-status {
-    margin-top: 20px;
-    font-size: 16px;
-    color: #00796b;
-}
-
-/* Availability Toggle */
-.availability-toggle {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 20px;
-}
-
-/* Toggle Switch Styling */
-.switch {
-    position: relative;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-}
-
-.switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-}
-
-.slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    transition: 0.4s;
-    border-radius: 34px;
-}
-
-.slider:before {
-    position: absolute;
-    content: "";
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    transition: 0.4s;
-    border-radius: 50%;
-}
-
-input:checked + .slider {
-    background-color: #388e3c;
-}
-
-input:checked + .slider:before {
-    transform: translateX(26px);
-}
-
-/* Round Toggle */
-.slider.round {
-    border-radius: 34px;
-}
-
-.slider.round:before {
-    border-radius: 50%;
-}
-
-.toggle-container {
-    margin-top: 20px; /* Adds space between the toggle and other elements */
-    display: flex;
-    align-items: center; /* Vertically aligns the elements */
-}
-
-.toggle-container p {
-    margin-left: 10px; /* Adds space between the toggle slider and "Toggle Availability" text */
-}
+/* General Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Body Styling */
+body {
+    font-family: 'Arial', sans-serif;
+    background: #e8f5e9;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+/* Dashboard Container */
+.dashboard-container {
+    background-color: white;
+    padding: 40px;
+    border-radius: 15px;
+    text-align: center;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    width: 400px;
+}
+
+.dashboard-container h1 {
+    font-size: 28px;
+    color: #388e3c;
+    margin-bottom: 20px;
+}
+
+.dashboard-container p {
+    font-size: 18px;
+    color: #555;
+    margin-bottom: 20px;
+}
+
+#working-status {
+    margin-top: 20px;
+    font-size: 16px;
+    color: #00796b;
+}
+
+/* Availability Toggle */
+.availability-toggle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+}
+
+/* Toggle Switch Styling */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 60px;
+    height: 34px;
+}
+
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    transition: 0.4s;
+    border-radius: 34px;
+}
+
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 26px;
+    width: 26px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    transition: 0.4s;
+    border-radius: 50%;
+}
+
+input:checked + .slider {
+    background-color: #388e3c;
+}
+
+input:checked + .slider:before {
+    transform: translateX(26px);
+}
+
+/* Round Toggle */
+.slider.round {
+    border-radius: 34px;
+}
+
+.slider.round:before {
+    border-radius: 50%;
+}
+
+.toggle-container {
+    margin-top: 20px; /* Adds space between the toggle and other elements */
+    display: flex;
+    align-items: center; /* Vertically aligns the elements */
+}
+
+.toggle-container p {
+    margin-left: 10px; /* Adds space between the toggle slider and "Toggle Availability" text */
+}