fetch from local

DisantHoridnt · Oct 2, 2023 · 877fcd8 · 877fcd8
1 parent 080681d
commit 877fcd8
Show file tree

Hide file tree

Showing 313 changed files with 218,199 additions and 30,640 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/client/contact.html b/client/contact.html
@@ -0,0 +1,35 @@
+<main class="container mt-5">
+    <section id="contact-section">
+        <h2 class="text-center mb-4">Contact Us</h2>
+        <p class="text-center mb-4">
+            If you have questions, concerns, or feedback, feel free to get in touch with our team using the form below. We're here to help.
+        </p>
+
+        <div class="contact-form-container bg-light p-5 rounded shadow">
+            <form id="contactForm">
+                <div class="form-group">
+                    <label for="contactName">Name:</label>
+                    <input type="text" class="form-control" id="contactName" placeholder="Your Name" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="contactEmail">Email:</label>
+                    <input type="email" class="form-control" id="contactEmail" placeholder="Your Email" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="contactSubject">Subject:</label>
+                    <input type="text" class="form-control" id="contactSubject" placeholder="Subject" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="contactMessage">Message:</label>
+                    <textarea class="form-control" id="contactMessage" rows="5" placeholder="Your Message" required></textarea>
+                </div>
+
+                <input type="submit" class="btn btn-primary" value="Send Message">
+                <p id="contactErrorMsg" class="text-danger mt-2"></p>
+            </form>
+        </div>
+    </section>
+</main>
diff --git a/client/index.html b/client/index.html
@@ -0,0 +1,110 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+
+    <title>Missing Persons from Newfoundland and Labrador</title>
+
+    <link href="styles.css" rel="stylesheet" />
+
+    <link
+      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <a class="navbar-brand" href="index.html">Missing Persons NL</a
+      ><button
+        aria-controls="navbarNav"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+        class="navbar-toggler"
+        data-target="#navbarNav"
+        data-toggle="collapse"
+        type="button"
+      >
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarNav">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item">
+            <a class="nav-link" href="index.html">Home</a>
+          </li>
+
+          <li class="nav-item">
+            <a class="nav-link" href="listings.html">Listings</a>
+          </li>
+
+          <li class="nav-item">
+            <a class="nav-link" href="resources.html">Resources</a>
+          </li>
+
+          <li class="nav-item">
+            <a class="nav-link" href="submit.html">Submit Info</a>
+          </li>
+
+          <li class="nav-item">
+            <a class="nav-link" href="contact.html">Contact</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+    <header class="header-overlay">
+      <h1>Missing Persons from Newfoundland and Labrador</h1>
+    </header>
+
+    <main class="container mt-5">
+      <section class="mb-5" id="introduction">
+        <h2>Welcome to Missing Persons from Newfoundland and Labrador</h2>
+
+        <p class="mt-3">
+          Our platform is dedicated to raising awareness about individuals who
+          have gone missing in Newfoundland and Labrador. We aim to provide
+          timely updates, resources, and support to affected families and
+          communities.
+        </p>
+      </section>
+
+      <section class="mb-5" id="latest-updates">
+        <h2>Latest Updates</h2>
+
+        <ul class="list-group mt-3">
+          <!-- Example entries -->
+          <li class="list-group-item">
+            John Doe - Last seen on Jan 1, 2023 in St. John\'s.
+          </li>
+
+          <li class="list-group-item">
+            Jane Smith - Last seen on Feb 10, 2023 in Corner Brook.
+          </li>
+          <!-- ... -->
+        </ul>
+      </section>
+
+      <section class="mb-5" id="get-involved">
+        <h2>Get Involved</h2>
+
+        <p class="mt-3">
+          Want to help? Consider volunteering or donating to our cause. Every
+          bit helps in the search and support of missing individuals and their
+          families.
+        </p>
+      </section>
+    </main>
+
+    <footer class="bg-dark text-white text-center py-3">
+      <p>© 2023 Missing Persons from Newfoundland and Labrador</p>
+    </footer>
+
+    <script src="scripts.js"></script>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/client/listings.html b/client/listings.html
@@ -0,0 +1,17 @@
+<input type="text" id="searchBox" placeholder="Search for a name...">
+
+<main>
+    <section id="search-section">
+        <h2>Search Missing Persons Listings</h2>
+        <input type="text" id="searchBox" placeholder="Search for a name...">
+    </section>
+
+    <section id="listings-section">
+        <h2>Current Listings</h2>
+        <ul id="missingPersonsList">
+            <li data-name="John Doe">John Doe - Missing since Jan 1, 2023</li>
+            <li data-name="Jane Smith">Jane Smith - Missing since Feb 10, 2023</li>
+            <!-- More listings... -->
+        </ul>
+    </section>
+</main>
diff --git a/client/newfoundland_cover.jpg b/client/newfoundland_cover.jpg
diff --git a/client/resources.html b/client/resources.html
@@ -0,0 +1,13 @@
+<main>
+    <section id="resources-section">
+        <h2>Resources</h2>
+        <p>
+            Below is a compilation of resources for families and individuals affected by a missing person's case in Newfoundland and Labrador.
+        </p>
+        <ul>
+            <li><a href="#">Newfoundland Police Department</a></li>
+            <li><a href="#">Support Group for Affected Families</a></li>
+            <!-- More resources... -->
+        </ul>
+    </section>
+</main>
diff --git a/client/scripts.js b/client/scripts.js
@@ -0,0 +1,32 @@
+document.getElementById("searchBox").addEventListener("input", function() {
+    let filter = this.value.toLowerCase();
+    let persons = document.querySelectorAll("#missingPersonsList li");
+
+    persons.forEach(function(person) {
+        let name = person.getAttribute("data-name").toLowerCase();
+        if (name.includes(filter)) {
+            person.style.display = "";
+        } else {
+            person.style.display = "none";
+        }
+    });
+});
+
+document.getElementById("submitForm").addEventListener("submit", function(e) {
+    e.preventDefault();
+
+    let fullName = document.getElementById("fullName").value;
+    let missingSince = document.getElementById("missingSince").value;
+    let details = document.getElementById("details").value;
+
+    if (!fullName || !missingSince || !details) {
+        document.getElementById("errorMsg").innerText = "Please fill in all the required fields.";
+        return;
+    }
+
+    // If everything is valid, you can proceed to send the data to your server or handle it accordingly.
+    // For now, we'll just alert a success message.
+    alert("Information submitted successfully!");
+    this.reset();
+});
+
diff --git a/client/styles.css b/client/styles.css
@@ -0,0 +1,64 @@
+* {
+    box-sizing: border-box;
+    font-family: Arial, sans-serif;
+  }
+  body {
+    background-color: #f4f4f4;
+    color: #333;
+  }
+  a {
+    transition: color 0.3s;
+  }
+  a:hover {
+    color: #0056b3;
+  }
+  header {
+    background: url("newfoundland_cover.jpg") no-repeat center center/cover;
+    color: #fff;
+    text-align: center;
+    padding: 5rem 0;
+  }
+  .custom-container {
+    background-color: #fff;
+    padding: 2rem;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  }
+  .custom-input {
+    padding: 10px;
+    margin-bottom: 1rem;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .custom-submit {
+    background-color: #007bff;
+    color: #fff;
+    padding: 10px 15px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+  }
+  .custom-submit:hover {
+    background-color: #0056b3;
+  }
+  #contact-section {
+    max-width: 600px;
+    margin: 0 auto;
+  }
+  #contactErrorMsg {
+    margin-top: 1rem;
+  }
+  header.header-overlay {
+    background:
+      linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+      url("newfoundland_cover.jpg") no-repeat center center/cover;
+    color: #fff;
+    text-align: center;
+    padding: 5rem 0;
+  }
+  header.header-overlay h1 {
+    font-size: 2.5rem;
+    font-weight: bold;
+    margin-bottom: 1rem;
+  }
+
diff --git a/client/submit.html b/client/submit.html
@@ -0,0 +1,15 @@
+<main>
+    <section id="submission-section">
+        <h2>Submit Information</h2>
+        <p>
+            If you have details about a missing person, please submit them below. Your information could be vital in the search.
+        </p>
+        <form id="submitForm">
+            <input type="text" id="fullName" placeholder="Full Name" required>
+            <input type="date" id="missingSince" required>
+            <textarea id="details" placeholder="Details" required></textarea>
+            <input type="submit" value="Submit">
+            <p id="errorMsg" style="color: red;"></p>
+        </form>
+    </section>
+</main>
diff --git a/server/.DS_Store b/server/.DS_Store