diff options
Diffstat (limited to 'components/Navbar.js')
| -rw-r--r-- | components/Navbar.js | 139 |
1 files changed, 68 insertions, 71 deletions
diff --git a/components/Navbar.js b/components/Navbar.js index 4ce4e3e..b48e294 100644 --- a/components/Navbar.js +++ b/components/Navbar.js @@ -17,77 +17,74 @@ */ -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faGithub } from '@fortawesome/free-brands-svg-icons' - const Navbar = () => ( -<nav className="navbar navbar-expand-lg navbar-dark bg-dark"> - <a className="navbar-brand" href="/"> - <img src="/assets/img/ALP.png" height="30" className="d-inline-block align-top" alt="ALP Logo"/> - Alee Productions</a> - <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" - aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> - <span className="navbar-toggler-icon"></span> - </button> - <div className="collapse navbar-collapse" id="navbarNav"> - <ul className="navbar-nav mr-auto"> - <li className="nav-item"> - <a className="nav-link" href="/">Home</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="/projects">Projects</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="/tos">ToS</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://forums.alee-productions.xyz">Forums</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://git.alee-productions.xyz">Gitea</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="/blog">Blog</a> - </li> - <li className="nav-item"> - <a className="nav-link" href="/about">About</a> - </li> - </ul> - {/* Task: Fix here */} - <ul className="navbar-nav"> - <li className="nav-item"> - <a className="nav-link" href="https://github.com/aleeproductions"> - <i className="fab fa-github"/> GitHub - </a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://discord.gg/EFhRDqG"> - <i className="fab fa-discord"></i> Discord - </a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://www.reddit.com/r/aleeproductions/"> - <i className="fab fa-reddit"></i> Reddit - </a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://twitter.com/aleeproductions"> - <i className="fab fa-twitter"></i> Twitter - </a> - </li> - <li className="nav-item"> - <a className="nav-link" href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA"> - <i className="fab fa-youtube"></i> YouTube - </a> - </li> - </ul> - <ul className="navbar-nav"> - <li className="nav-item"> - <span className="navbar-text white-text">BETA</span> - </li> - </ul> - </div> -</nav> -) + <nav className="navbar navbar-expand-lg navbar-dark bg-dark"> + <a className="navbar-brand" href="/"> + <img src="/assets/img/ALP.png" height="30" className="d-inline-block align-top" alt="ALP Logo"/> + Alee Productions</a> + <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" + aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> + <span className="navbar-toggler-icon"/> + </button> + <div className="collapse navbar-collapse" id="navbarNav"> + <ul className="navbar-nav mr-auto"> + <li className="nav-item"> + <a className="nav-link" href="/">Home</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="/projects">Projects</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="/tos">ToS</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://forums.alee-productions.xyz">Forums</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://git.alee-productions.xyz">Gitea</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="/blog">Blog</a> + </li> + <li className="nav-item"> + <a className="nav-link" href="/about">About</a> + </li> + </ul> + {/* Task: Fix here */} + <ul className="navbar-nav"> + <li className="nav-item"> + <a className="nav-link" href="https://github.com/aleeproductions"> + <i className="fab fa-github"/> GitHub + </a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://discord.gg/EFhRDqG"> + <i className="fab fa-discord"/> Discord + </a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://www.reddit.com/r/aleeproductions/"> + <i className="fab fa-reddit"/> Reddit + </a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://twitter.com/aleeproductions"> + <i className="fab fa-twitter"/> Twitter + </a> + </li> + <li className="nav-item"> + <a className="nav-link" href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA"> + <i className="fab fa-youtube"/> YouTube + </a> + </li> + </ul> + <ul className="navbar-nav"> + <li className="nav-item"> + <span className="navbar-text white-text">BETA</span> + </li> + </ul> + </div> + </nav> +); export default Navbar;
\ No newline at end of file |