diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/Footer.js | 34 | ||||
| -rw-r--r-- | components/Header.js | 57 | ||||
| -rw-r--r-- | components/Layout.js | 35 | ||||
| -rw-r--r-- | components/Navbar.js | 93 | ||||
| -rw-r--r-- | components/Scripts.js | 32 |
5 files changed, 251 insertions, 0 deletions
diff --git a/components/Footer.js b/components/Footer.js new file mode 100644 index 0000000..3e925f2 --- /dev/null +++ b/components/Footer.js @@ -0,0 +1,34 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2019 Alee + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +*/ + +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> +) + +export default Footer;
\ No newline at end of file diff --git a/components/Header.js b/components/Header.js new file mode 100644 index 0000000..3135bba --- /dev/null +++ b/components/Header.js @@ -0,0 +1,57 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2019 Alee + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. +*/ + +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."/> + +<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> + +<link href="/assets/css/bootstrap.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 rel="stylesheet" href="/assets/css/animsition.min.css"/> + +<link rel="stylesheet" href="/assets/css/style.css"/> + +<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script> + +<title>Alee Productions</title> + +</Head> +) + +export default Header;
\ No newline at end of file diff --git a/components/Layout.js b/components/Layout.js new file mode 100644 index 0000000..eea95a3 --- /dev/null +++ b/components/Layout.js @@ -0,0 +1,35 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2019 Alee + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +*/ + +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> +); + +export default Layout;
\ No newline at end of file diff --git a/components/Navbar.js b/components/Navbar.js new file mode 100644 index 0000000..4ce4e3e --- /dev/null +++ b/components/Navbar.js @@ -0,0 +1,93 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2019 Alee + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +*/ + +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> +) + +export default Navbar;
\ No newline at end of file diff --git a/components/Scripts.js b/components/Scripts.js new file mode 100644 index 0000000..99b26b8 --- /dev/null +++ b/components/Scripts.js @@ -0,0 +1,32 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2019 Alee + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +*/ + +const Scripts = () => ( + <div> +<script type="text/javascript" src="/assets/js/jquery.min.js"></script> + +<script type="text/javascript" src="/assets/js/popper.min.js"></script> + +<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script> + +<script type="text/javascript" src="/assets/js/mdb.min.js"></script> +</div> +); + +export default Scripts;
\ No newline at end of file |