diff options
| author | cylexVEVO <28271391+cylexVEVO@users.noreply.github.com> | 2019-11-30 13:43:48 -0500 |
|---|---|---|
| committer | cylexVEVO <28271391+cylexVEVO@users.noreply.github.com> | 2019-11-30 13:43:48 -0500 |
| commit | 4ef46f417a2fad9871787eaeb1e4778e8c617212 (patch) | |
| tree | 9d09e38edf40027a6c668d9de8a2eaac5d9b9c8b /components | |
| parent | 3b47e9af235faa76242c7d4e78ab189901b0517b (diff) | |
| download | alp-website-4ef46f417a2fad9871787eaeb1e4778e8c617212.tar.gz alp-website-4ef46f417a2fad9871787eaeb1e4778e8c617212.tar.bz2 alp-website-4ef46f417a2fad9871787eaeb1e4778e8c617212.zip | |
Cleaned up code and fixed some grammar
Diffstat (limited to 'components')
| -rw-r--r-- | components/Footer.js | 28 | ||||
| -rw-r--r-- | components/Header.js | 50 | ||||
| -rw-r--r-- | components/Layout.js | 22 | ||||
| -rw-r--r-- | components/Navbar.js | 139 | ||||
| -rw-r--r-- | components/Scripts.js | 12 |
5 files changed, 126 insertions, 125 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/Header.js b/components/Header.js index 3135bba..3903761 100644 --- a/components/Header.js +++ b/components/Header.js @@ -16,42 +16,42 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. */ -import Head from 'next/head'; +import Head from "next/head"; const Header = () => ( -<Head> -<meta charSet="UTF-8"/> -<meta name="viewport" content="width=device-width, initial-scale=1.0"/> -<meta httpEquiv="X-UA-Compatible" content="ie=edge"/> -<meta name="description" content="We make games, videos and software."/> + <Head> + <meta charSet="UTF-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <meta httpEquiv="X-UA-Compatible" content="ie=edge"/> + <meta name="description" content="We make games, videos and software."/> -<link rel="apple-touch-icon" sizes="180x180" href="/assets/ico/apple-touch-icon.png"/> -<link rel="icon" type="image/png" sizes="32x32" href="/assets/ico/favicon-32x32.png"/> -<link rel="icon" type="image/png" sizes="16x16" href="/assets/ico/favicon-16x16.png"/> -<link rel="manifest" href="/assets/ico/site.webmanifest"/> -<link rel="mask-icon" href="/assets/ico/safari-pinned-tab.svg" color="#5bbad5"/> -<link rel="shortcut icon" href="/assets/ico/favicon.ico"/> -<meta name="msapplication-TileColor" content="#da532c"/> -<meta name="msapplication-config" content="/assets/ico/browserconfig.xml"/> -<meta name="theme-color" content="#ffffff"/> + <link rel="apple-touch-icon" sizes="180x180" href="/assets/ico/apple-touch-icon.png"/> + <link rel="icon" type="image/png" sizes="32x32" href="/assets/ico/favicon-32x32.png"/> + <link rel="icon" type="image/png" sizes="16x16" href="/assets/ico/favicon-16x16.png"/> + <link rel="manifest" href="/assets/ico/site.webmanifest"/> + <link rel="mask-icon" href="/assets/ico/safari-pinned-tab.svg" color="#5bbad5"/> + <link rel="shortcut icon" href="/assets/ico/favicon.ico"/> + <meta name="msapplication-TileColor" content="#da532c"/> + <meta name="msapplication-config" content="/assets/ico/browserconfig.xml"/> + <meta name="theme-color" content="#ffffff"/> -<script src="https://kit.fontawesome.com/4c90505fb4.js"></script> + <script src="https://kit.fontawesome.com/4c90505fb4.js"/> -<link href="/assets/css/bootstrap.min.css" rel="stylesheet"/> + <link href="/assets/css/bootstrap.min.css" rel="stylesheet"/> -<link href="/assets/css/mdb.min.css" rel="stylesheet"/> + <link href="/assets/css/mdb.min.css" rel="stylesheet"/> -<link href="https://fonts.googleapis.com/css?family=Play:400,700&display=swap" rel="stylesheet"/> + <link href="https://fonts.googleapis.com/css?family=Play:400,700&display=swap" rel="stylesheet"/> -<link rel="stylesheet" href="/assets/css/animsition.min.css"/> + <link rel="stylesheet" href="/assets/css/animsition.min.css"/> -<link rel="stylesheet" href="/assets/css/style.css"/> + <link rel="stylesheet" href="/assets/css/style.css"/> -<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> + <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"/> -<title>Alee Productions</title> + <title>Alee Productions</title> -</Head> -) + </Head> +); export default Header;
\ 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 |