From 8bdacf6a3baa37513df46b6f83e02cbc9641f9f9 Mon Sep 17 00:00:00 2001 From: Maryam Lim-Baig Date: Tue, 3 Mar 2026 09:23:59 -0500 Subject: [PATCH] Added footer --- src/components/footer.js | 313 ++------------------------------------- src/css/footer.css | 63 -------- src/css/layout.css | 1 - 3 files changed, 16 insertions(+), 361 deletions(-) delete mode 100644 src/css/footer.css diff --git a/src/components/footer.js b/src/components/footer.js index ac151b2c..75b79eb6 100644 --- a/src/components/footer.js +++ b/src/components/footer.js @@ -1,299 +1,18 @@ -import React from "react" -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" -import { - faDev, - faGithub, - faLinkedin, - faSquareXTwitter, - faYoutube, -} from "@fortawesome/free-brands-svg-icons" -import { Container, Row, Col } from "react-bootstrap" -import solaceLogo from "../images/solace-logo-white.svg" +import React, { useEffect } from "react" -const Footer = () => ( - -) +const Footer = () => { + useEffect(() => { + if (document.getElementById("solace-footer-script")) return -export default Footer + const script = document.createElement("script") + script.id = "solace-footer-script" + script.src = "https://devrelassets.z9.web.core.windows.net/footer.js" + script.async = true + + document.body.appendChild(script) + }, []) + + return null +} + +export default Footer \ No newline at end of file diff --git a/src/css/footer.css b/src/css/footer.css deleted file mode 100644 index 3bab856b..00000000 --- a/src/css/footer.css +++ /dev/null @@ -1,63 +0,0 @@ -footer { - background: #000; - box-shadow: 0 -10px 20px -5px rgba(0,0,0,.4); - color: #fff; - width: 100%; - margin-top: auto; -} - -footer ul { - list-style: none; - padding: 0; -} - -footer .menu a{ - color: rgba(255,255,255,1); - font-size: 14px; - text-transform: uppercase; - font-weight: 400; - padding-bottom: 20px !important; -} - -footer .menu a:hover{ - color: #00c895; -} - -footer .sub-menu a { - color: rgba(255,255,255,.6); - font-size: 12px; - font-weight: 100; - text-transform: none; - border-bottom: none; - -} - -footer .sub-menu a:hover { - color: #fff; -} - -footer img { - max-width: 100%; - text-align: center; -} - -.footer-bottom { - border-top: 1px solid rgba(255,255,255,.3); - font-size: 12px; - color: #3c4652; -} - -.footer-bottom a { - color: rgba(255,255,255,.6); -} -.footer-bottom a:hover { - color: #ffffff; -} - -a:hover .svg-inline--fa{ - color: rgba(255,255,255,.8); -} - -.copyright { - -} \ No newline at end of file diff --git a/src/css/layout.css b/src/css/layout.css index 4328edc3..66c79c4f 100644 --- a/src/css/layout.css +++ b/src/css/layout.css @@ -5,7 +5,6 @@ @import "relatedTopics.css"; @import "otp.css"; @import "resources.css"; -@import "footer.css"; @import "404.css"; /* EDA Summit Banner */