Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

63 fix website warnings and errors #74

Draft
wants to merge 2 commits into
base: next
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 44 additions & 10 deletions components/footer.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { FaDiscord, FaFacebook, FaInstagram, } from "react-icons/fa";
import { FaDiscord, FaFacebook, FaInstagram } from "react-icons/fa";

// TODO: Tooltip for Social Media Links
export default function Footer() {
Expand All @@ -7,23 +7,57 @@ export default function Footer() {
<div className="container">
<div className="row">
<div className="col-md-8 text-center text-md-left mb-3 mb-md-0">
<small className="text-white">&copy; 2023 ICSSC. All Rights Reserved.</small>
<small className="text-white">
&copy; 2023 ICSSC. All Rights Reserved.
</small>
</div>

<div className="col-md-4 align-self-center">
<ul className="list-inline text-center text-md-right mb-0">
<li className="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Facebook">
<a className="text-white" target="_blank" title="Facebook" href="https://www.facebook.com/ICSStudentCouncil/">
<li
className="list-inline-item mx-2"
data-toggle="tooltip"
data-placement="top"
title="Facebook"
>
<a
className="text-white"
target="_blank"
rel="noreferrer"
title="Facebook"
href="https://www.facebook.com/ICSStudentCouncil/"
>
<FaFacebook />
</a>
</li>
<li className="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Instagram">
<a className="text-white" target="_blank" title="Instagram" href="https://www.instagram.com/icssc.uci/">
<li
className="list-inline-item mx-2"
data-toggle="tooltip"
data-placement="top"
title="Instagram"
>
<a
className="text-white"
target="_blank"
rel="noreferrer"
title="Instagram"
href="https://www.instagram.com/icssc.uci/"
>
<FaInstagram />
</a>
</li>
<li className="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Discord">
<a className="text-white" target="_blank" title="Discord" href="/discord.html">
<li
className="list-inline-item mx-2"
data-toggle="tooltip"
data-placement="top"
title="Discord"
>
<a
className="text-white"
target="_blank"
title="Discord"
href="/discord.html"
>
<FaDiscord />
</a>
</li>
Expand All @@ -32,5 +66,5 @@ export default function Footer() {
</div>
</div>
</footer>
)
}
);
}
97 changes: 54 additions & 43 deletions components/navbar.js
Original file line number Diff line number Diff line change
@@ -1,50 +1,61 @@
import Image from "next/image";
import { Nav, Navbar, NavDropdown, NavItem } from "react-bootstrap";

export default function NavBar() {
return (
<Navbar variant="light" fixed="top" expand="lg" style={{ backgroundColor: "#ffffff2e", backdropFilter: "blur(8px)",WebkitBackdropFilter:"blur(11.5px)",
msFilter:"blur(11.5px)"}}>
<Navbar.Brand href="/">
<img
src="/assets/img/logo.svg"
alt="ICSSC Logo"
height="45px"
/>
</Navbar.Brand>
return (
<Navbar
variant="light"
fixed="top"
expand="lg"
style={{
backgroundColor: "#ffffff2e",
backdropFilter: "blur(8px)",
WebkitBackdropFilter: "blur(11.5px)",
msFilter: "blur(11.5px)",
}}
>
<Navbar.Brand href="/">
<Image
src="/assets/img/logo.svg"
alt="ICSSC Logo"
height={45}
width={45}
/>
</Navbar.Brand>

<Navbar.Toggle aria-controls="collapsable-navbar" />
<Navbar.Collapse id="collapsable-navbar">
<Nav className="ml-auto mt2 mt-lg-0">
<Nav.Item title="Join" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/get-involved">Join Us</Nav.Link>
</Nav.Item>
<Nav.Item title="Election" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/election">Election</Nav.Link>
</Nav.Item>
<Nav.Item title="About" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/about">About</Nav.Link>
</Nav.Item>
<Nav.Item title="Committees" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/committees">Committees</Nav.Link>
</Nav.Item>
<Nav.Item title="Events" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/events">Events</Nav.Link>
</Nav.Item>
<Nav.Item title="Projects" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/projects">Projects</Nav.Link>
</Nav.Item>
<Nav.Item title="Sponsors" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/sponsors">Sponsors</Nav.Link>
</Nav.Item>
{/* <NavDropdown title='Election' id='election-dropdown' className="mr-4 mb-2 mb-lg-0">
<Navbar.Toggle aria-controls="collapsable-navbar" />
<Navbar.Collapse id="collapsable-navbar">
<Nav className="ml-auto mt2 mt-lg-0">
<Nav.Item title="Join" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/get-involved">Join Us</Nav.Link>
</Nav.Item>
<Nav.Item title="Election" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/election">Election</Nav.Link>
</Nav.Item>
<Nav.Item title="About" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/about">About</Nav.Link>
</Nav.Item>
<Nav.Item title="Committees" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/committees">Committees</Nav.Link>
</Nav.Item>
<Nav.Item title="Events" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/events">Events</Nav.Link>
</Nav.Item>
<Nav.Item title="Projects" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/projects">Projects</Nav.Link>
</Nav.Item>
<Nav.Item title="Sponsors" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/sponsors">Sponsors</Nav.Link>
</Nav.Item>
{/* <NavDropdown title='Election' id='election-dropdown' className="mr-4 mb-2 mb-lg-0">
<NavDropdown.Item href="/candidates">Candidates</NavDropdown.Item>
<NavDropdown.Item href="">Vote!</NavDropdown.Item>
</NavDropdown> */}
<Nav.Item title="Contact Us" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/contacts">Contact</Nav.Link>
</Nav.Item>
</Nav>
</Navbar.Collapse>
</Navbar>
)
}
<Nav.Item title="Contact Us" className="mr-4 mb-2 mb-lg-0">
<Nav.Link href="/contacts">Contact</Nav.Link>
</Nav.Item>
</Nav>
</Navbar.Collapse>
</Navbar>
);
}
24 changes: 4 additions & 20 deletions next.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,23 +2,7 @@
* @type {import('next').NextConfig}
*/
const nextConfig = {
output: 'export',
reactStrictMode: 'true',
// !! WARN !!
// Dangerously allow production builds to successfully complete even if
// your project has type errors.
// !! WARN !!
typescript: {
// !! WARN !!
// Dangerously allow production builds to successfully complete even if
// your project has type errors.
// !! WARN !!
ignoreBuildErrors: true,
},
eslint: {
// Warning: This allows production builds to successfully complete even if
// your project has ESLint errors.
ignoreDuringBuilds: true,
}
}
module.exports = nextConfig
output: "export",
reactStrictMode: "true",
};
module.exports = nextConfig;
16 changes: 10 additions & 6 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

27 changes: 20 additions & 7 deletions pages/_document.js
Original file line number Diff line number Diff line change
@@ -1,17 +1,30 @@
import { Html, Head, Main, NextScript } from 'next/document'
import { Html, Head, Main, NextScript } from "next/document";

export default function Document() {
return (
<Html lang='en'>
<Html lang="en">
<Head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossOrigin="anonymous" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=DM+Sans" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Bungee" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
crossOrigin="anonymous"
/>
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/css?family=DM+San&display=swap"
/>
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/css?family=Bungee&display=swap"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
);
}
Loading