diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/Footer.js | 28 | ||||
| -rw-r--r-- | components/Layout.js | 22 | ||||
| -rw-r--r-- | components/Navbar.js | 139 | ||||
| -rw-r--r-- | components/Scripts.js | 12 |
4 files changed, 101 insertions, 100 deletions
diff --git a/components/Footer.js b/components/Footer.js index 3e925f2..e8fc7fd 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -18,17 +18,21 @@ */ const Footer = () => ( - <div> - <footer className="page-footer mt-5 font-small green"> - <div className="footer-copyright text-center py-3">© Copyright 2016-2019, Alee Productions. Licensed with <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPL-3.0</a> and view <a href="/about#credits">credits</a> to see how this website is built.</div> - </footer> - <div className="alert alert-warning fixed-bottom m-0 alert-dismissible fade show" role="alert"> - Please note that this website is under active development and bugs may occur.<br/>If there's any, report it to the <a href="https://github.com/aleeproductions/website">GitHub</a> repo. - <button type="button" className="close" data-dismiss="alert" aria-label="Close"> - <span aria-hidden="true">×</span> - </button> - </div> - </div> -) + <div> + <footer className="page-footer mt-5 font-small green"> + <div className="footer-copyright text-center py-3"> + © Copyright 2016-2019, Alee Productions. Licensed with <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPL-3.0</a>. + View the <a href="/about#credits">credits</a> to see our stack. + </div> + </footer> + <div className="alert alert-warning fixed-bottom m-0 alert-dismissible fade show" role="alert"> + Please note that this website is under active development and bugs may occur.<br/>If there are any, report it + <a href="https://github.com/aleeproductions/website/issues"> here.</a> + <button type="button" className="close" data-dismiss="alert" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + </div> +); export default Footer;
\ No newline at end of file diff --git a/components/Layout.js b/components/Layout.js index eea95a3..dfbc11c 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -17,19 +17,19 @@ */ -import Navbar from './Navbar'; -import Header from './Header'; -import Scripts from './Scripts'; -import Footer from './Footer'; +import Navbar from "./Navbar"; +import Header from "./Header"; +import Scripts from "./Scripts"; +import Footer from "./Footer"; const Layout = (props) => ( - <div> - <Header/> - <Navbar/> - {props.children} - <Scripts/> - <Footer/> - </div> + <div> + <Header/> + <Navbar/> + {props.children} + <Scripts/> + <Footer/> + </div> ); export default Layout;
\ No newline at end of file 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 diff --git a/components/Scripts.js b/components/Scripts.js index 99b26b8..036ebf4 100644 --- a/components/Scripts.js +++ b/components/Scripts.js @@ -18,15 +18,15 @@ */ const Scripts = () => ( - <div> -<script type="text/javascript" src="/assets/js/jquery.min.js"></script> + <div> + <script type="text/javascript" src="/assets/js/jquery.min.js"/> -<script type="text/javascript" src="/assets/js/popper.min.js"></script> + <script type="text/javascript" src="/assets/js/popper.min.js"/> -<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script> + <script type="text/javascript" src="/assets/js/bootstrap.min.js"/> -<script type="text/javascript" src="/assets/js/mdb.min.js"></script> -</div> + <script type="text/javascript" src="/assets/js/mdb.min.js"/> + </div> ); export default Scripts;
\ No newline at end of file |