code-differently · cdbluejr · Feb 11, 2025 · Feb 13, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/Delaware/NewCastleCounty/Dept.csv b/Delaware/NewCastleCounty/Dept.csv
@@ -0,0 +1,3 @@
+13,13,NCT13,NC135,NC132,NC13A,NC13B
+11,11,NCL11,NC113,NC115,NCR11,NC11A,NC11B
+25,25,NCL25,NC256,NC252,NCR25,NC25A,NC25B
diff --git a/Delaware/NewCastleCounty/Dis911.png b/Delaware/NewCastleCounty/Dis911.png
diff --git a/Delaware/NewCastleCounty/index.html b/Delaware/NewCastleCounty/index.html
@@ -0,0 +1,68 @@
+<html>
+<head>
+    <title>Homepage</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" id="redux-google-fonts-salient_redux-css" href="https://fonts.googleapis.com/css?family=Poppins%3A600%2C400%7CMontserrat%3A800%2C900%2C700&amp;ver=1597678827" type="text/css" media="all">
+    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins%3A600%2C400%7CMontserrat%3A800%2C900%2C700&#038;ver=1597678827' type='text/css' media='all' />
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <header class="header">
+        <div class="header-logo">
+            <a href="index.html">
+                <img src="Dis911.png" alt="Dispatch Logo" />
+            </a>
+        </div>
+        <ul class="header-top-menu">
+            <li><a href="#">Medical</a></li>
+            <li><a href="#">Fire</a></li>
+            <li><a href="#">Police</a></li>
+        </ul>
+        <div class="header-cta">
+            <a class="sign-up-button" href="#">Sign Up</a>
+        </div>
+    </header>
+     <div class="customerInfo">
+         <h2>Submit Your Information</h2>
+
+
+
+
+  <form action="http://127.0.0.1:5501/submit" method="POST"> 
+    <label for="fullName">Full Name:</label>
+    <input type="text" id="fullName" name="fullName" required>
+
+    <label for="locationIncident">Location of Incident:</label>
+    <input type="text" id="locationIncident" name="locationIncident">
+
+    <label for="phoneNumber">Phone Number:</label>
+    <input type="tel" id="phone" name="phone" placeholder="Enter phone number" maxlength="14" oninput="formatPhoneNumber(this)">
+<script>
+    function formatPhoneNumber(input) {
+        // Get the value and remove all non-numeric characters
+        let phoneNumber = input.value.replace(/\D/g, '');
+
+        // Format phone number as (xxx) xxx-xxxx
+        if (phoneNumber.length <= 3) {
+            input.value = '(' + phoneNumber;
+        } else if (phoneNumber.length <= 6) {
+            input.value = '(' + phoneNumber.substring(0, 3) + ') ' + phoneNumber.substring(3);
+        } else {
+            input.value = '(' + phoneNumber.substring(0, 3) + ') ' + phoneNumber.substring(3, 6) + '-' + phoneNumber.substring(6, 10);
+        }
+    }
+</script>
+
+
+    <label for="information">Additional Information:</label>
+    <textarea id="information" name="information"></textarea><br><br>
+
+    <button type="submit">Send</button>
+  </form>
+    </div>
+
+    <footer class="footer">
+        &copy; 2025 cdbluejr
+    </footer>
+</body>
+</html>
diff --git a/Delaware/NewCastleCounty/style.css b/Delaware/NewCastleCounty/style.css
@@ -0,0 +1,200 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Montserrat', 'Poppins';
+    scroll-behavior: smooth;
+}
+
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: left;
+    position: fixed;
+    padding: 16px 52px;
+    background-color: white;
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
+    width: 100%;
+    z-index: 10;
+}
+.header-top-menu a {
+    color: #345;
+    text-decoration: none;
+    font-family: 'Poppins';
+    font-weight: bold;
+}
+.header-logo {
+    position: absolute; /* Fixes the logo in place when scrolling */
+    top: 15px;
+    left: 5px;
+    background-color: lightblue;
+
+
+}
+.header-cta .sign-up-button {
+    background-color: rgb(128, 255, 0);
+    color: white;
+    padding: 8px 16px;
+    border-radius: 4px;
+    text-decoration: none;
+    font-weight: 500;
+    font-family: 'Poppins';
+}
+img {
+    width: 50px;
+    height: auto;
+}
+.header-top-menu {
+    list-style: none;
+    height: 75px;
+    background-color: lightblue;
+    padding: 0;
+    margin: 0 auto; /* Centers the menu horizontally */
+    width: 100% auto; /* Makes the width based on the content */
+    display: flex; /* Align items horizontally */
+    margin-left: 25px;
+
+
+}
+.header-top-menu li {
+            margin-top: 5px;
+            margin-left: 10px;
+            width: 100%;
+            padding-left: 10px;
+            text-align: left;
+            font-size: 50;
+            font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+
+        }
+li:nth-child(2) {
+        padding-left: 150px;
+}
+li:nth-child(3) {
+        padding-left: 150px;
+}
+.header-cta {
+    margin-left: 100px;
+    font-size: 22;
+    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+
+}
+
+sign-up-botton {
+}
+.body {
+
+}
+.content {
+
+
+}
+.customerInfo {
+padding:100px 20px;
+padding-top: 8%;
+background-image: url('hero.jpg'); /* Path to the image */
+background-size: cover; /* Makes sure the image covers the full width and height */
+background-attachment: fixed;
+background-position: center; /* Left the image */
+background-repeat: no-repeat; /* Prevents the image from repeating */
+z-index: 0;
+}
+.hero-overlay {
+
+}
+.hero-content {
+margin-top: 50px;
+height: 100%; /* Ensure the body takes the full height */
+width:100%;
+
+}
+.hero-title {
+margin-top: 50px;
+background-color: (100,100,255,0.5);
+font-family: 'Arial', sans-serif;
+font-size: 52px;
+color: white;
+width: 60%;
+position:absolute;
+
+}
+.hero-content div {
+    background: #243e90;
+}
+
+.hero-text {
+left:0.5%;
+top:50%;
+list-style: none;
+padding-top: 25;
+padding-left: 200;
+padding-bottom: 25;
+margin: 0 0; /* Centers the menu horizontally */
+max-width: 925px;
+font:18px;
+position:absolute;
+font-size: 19px;
+color: white;
+}
+.hero-text span {
+    color: #f47d26;
+}
+
+/* Programs section */
+.programs {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    /* Two columns */
+    gap: 20px;
+    max-width: fit-content;
+}
+
+.programs-section {
+background-color: #fff;
+z-index: 2;
+}
+.programs-section li {
+    width: 600px;
+    display: inline-block;
+    margin-right: 30px;
+    padding: 10px;
+    border-radius: 5px;
+}
+
+.programs-section h2 {
+    font-weight: 900;
+    margin-bottom: 70px;
+}
+
+.programs li h3 {
+    margin-bottom: 40px;
+    font-size: 22px;
+}
+
+.programs li p {
+    font-weight: lighter;
+    font-family: 'Poppins';
+    color: #676767;
+    font-size: small;
+    font-weight: 400;
+}
+
+.hero-title .highlight {
+    text-decoration: underline;
+    text-decoration-color: #f47d26;
+    text-decoration-thickness: 4px;
+}
+
+.program {
+
+font-family:'Poppins', sans-serif !important;
+font-size:14px !important;
+
+}
+.footer {
+    color: #444;
+    font-family: 'Poppins';
+    text-align: center;
+    font-size: 13px;
+    padding: 50px;
+    margin-bottom: 10px;
+}
diff --git a/NCC911.js b/NCC911.js
@@ -0,0 +1,31 @@
+const express = require('express');
+const app = express();
+const port = 5500;
+const cors = require('cors');
+
+app.use(express.urlencoded({ extended: true }));
+app.use(express.json());
+app.use(cors());
+
+app.get('/', (req, res) => {
+    res.send('Holy Crap, Batman!!');
+});
+
+app.listen(5501, () => {
+    app.post("/submit", (req, res) => {
+    const { "FullName": fullName, "locationIncident": locationIncident, "phone-number": phoneNumber,"Addition Information": Information } = req.body;
+
+    console.log("Form submitted:", { fullName, locationIncident, phoneNumber, Information });
+
+    res.send(`
+      <h1>Form Submitted Successfully!</h1>
+      <p><strong>Full Name:</strong> ${fullName}</p>
+      <p><strong>Location of Incident:</strong> ${locationIncident}</p>
+      <p><strong>Phone Number:</strong> ${phoneNumber}</p>
+      <p><strong>Additional Information:</strong> ${Information}</p>
+    `);
+  });
+});
+app.listen(5500, () => {
+    console.log(`Server is running on port ${port}`);
+});