Hot fix

Jedidiah-Solomon · May 30, 2024 · 985ab80 · 985ab80
1 parent a05aeb0
commit 985ab80
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 32 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@fortawesome/fontawesome-free": "^6.5.2",
     "dotenv": "^16.4.5",
     "express": "^4.19.2",
+    "open": "^10.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.23.1",

diff --git a/server.js b/server.js
@@ -12,6 +12,9 @@ app.get("*", (req, res) => {
 
 // Start the server
 const PORT = process.env.PORT || 3000;
-app.listen(PORT, () => {
-  console.log(`Server is running on port ${PORT}`);
+app.listen(PORT, async () => {
+  console.log(`Server is running on http://localhost:${PORT}`);
+  // Dynamically import 'open' and open the browser
+  const { default: open } = await import("open");
+  open(`http://localhost:${PORT}`);
 });
diff --git a/src/components/About/About.css b/src/components/About/About.css
@@ -63,6 +63,7 @@
   }
   .about p {
     padding: 0 11px;
+    max-width: 340px;
   }
   .stat p {
     padding: 0;

diff --git a/src/components/Newsletter/Newsletter.css b/src/components/Newsletter/Newsletter.css
@@ -39,22 +39,16 @@
   color: #854eeb;
 }
 
-.footer-links {
-  display: flex;
-  gap: 20px;
-  margin-bottom: 20px;
-}
-
-.footer-links a {
+#footer-links {
   color: #333;
+  cursor: pointer;
   text-decoration: none;
   transition: color 0.3s;
 }
 
-.footer-links a:hover {
-  color: #854eeb;
+#footer-links:hover {
+  color: #726666;
 }
-
 .newsletter-form-container {
   flex: 1;
   text-align: left;

diff --git a/src/components/Newsletter/Newsletter.jsx b/src/components/Newsletter/Newsletter.jsx
@@ -64,10 +64,6 @@ const Newsletter = () => {
               <i className="fab fa-telegram"></i>
             </a>
           </div>
-          <div className="footer-links">
-            <a href="/terms">Terms of Use</a>
-            <a href="/privacy">Privacy Policy</a>
-          </div>
         </div>
         <div className="newsletter-form-container">
           <h2>W3GC NEWSLETTER</h2>
@@ -98,7 +94,14 @@ const Newsletter = () => {
       <div className="footer-copyright">
         <p>
           © {currentYear} W3GC by Web Global Conference LLC. All rights
-          reserved.
+          reserved.{" "}
+          <a id="footer-links" href="/privacy">
+            Privacy Policy
+          </a>{" "}
+          &{" "}
+          <a id="footer-links" href="/terms">
+            Terms of Use
+          </a>
         </p>
       </div>
     </div>

diff --git a/src/components/Speakers/Speakers.jsx b/src/components/Speakers/Speakers.jsx
@@ -23,11 +23,6 @@ const speakersData = [
     image: "/img/Morten_Rongaard.jpg",
   },
 
-  {
-    name: "Jerop Joan",
-    position: "MEMOI, Founder",
-    image: "/img/Jerop_Joan.jpeg",
-  },
   {
     name: "Jerop Joan",
     position: "MEMOI, Founder",