mirror of
https://github.com/alee14-projects/website.git
synced 2025-01-22 07:53:13 -05:00
Switching to NextJS
This commit is contained in:
parent
b993561051
commit
e706e65318
58 changed files with 7688 additions and 549 deletions
175
.gitignore
vendored
175
.gitignore
vendored
|
|
@ -1,83 +1,108 @@
|
|||
### Jekyll ###
|
||||
_site
|
||||
.sass-cache
|
||||
.jekyll-metadata
|
||||
Gemfile.lock
|
||||
|
||||
|
||||
### Gulp ###
|
||||
package.json
|
||||
/node_modules/
|
||||
|
||||
|
||||
### Atom ###
|
||||
.ftpconfig
|
||||
.sftpconfig
|
||||
|
||||
|
||||
### Compiled Source ###
|
||||
*.com
|
||||
*.class
|
||||
*.dll
|
||||
*.exe
|
||||
*.o
|
||||
*.so
|
||||
|
||||
|
||||
### Compressed Packages ###
|
||||
*.7z
|
||||
*.dmg
|
||||
*.gz
|
||||
*.iso
|
||||
*.jar
|
||||
*.rar
|
||||
*.tar
|
||||
*.zip
|
||||
|
||||
|
||||
### Logs and Databases ###
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
*.sql
|
||||
*.sqlite
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
lerna-debug.log*
|
||||
|
||||
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||
|
||||
### Linux ###
|
||||
*~
|
||||
.fuse_hidden*
|
||||
.Trash-*
|
||||
.nfs*
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
### MacOS ###
|
||||
*.DS_Store
|
||||
.AppleDouble
|
||||
.LSOverride
|
||||
Icon
|
||||
._*
|
||||
.DocumentRevisions-V100
|
||||
.fseventsd
|
||||
.Spotlight-V100
|
||||
.TemporaryItems
|
||||
.Trashes
|
||||
.VolumeIcon.icns
|
||||
.com.apple.timemachine.donotpresent
|
||||
.AppleDB
|
||||
.AppleDesktop
|
||||
Network Trash Folder
|
||||
Temporary Items
|
||||
.apdisk
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
*.lcov
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# TypeScript v1 declaration files
|
||||
typings/
|
||||
|
||||
# TypeScript cache
|
||||
*.tsbuildinfo
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Microbundle cache
|
||||
.rpt2_cache/
|
||||
.rts2_cache_cjs/
|
||||
.rts2_cache_es/
|
||||
.rts2_cache_umd/
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
.env.test
|
||||
|
||||
# parcel-bundler cache (https://parceljs.org/)
|
||||
.cache
|
||||
|
||||
# Next.js build output
|
||||
.next
|
||||
|
||||
# Nuxt.js build / generate output
|
||||
.nuxt
|
||||
dist
|
||||
|
||||
# Gatsby files
|
||||
.cache/
|
||||
# Comment in the public line in if your project uses Gatsby and *not* Next.js
|
||||
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||
# public
|
||||
|
||||
# vuepress build output
|
||||
.vuepress/dist
|
||||
|
||||
# Serverless directories
|
||||
.serverless/
|
||||
|
||||
# FuseBox cache
|
||||
.fusebox/
|
||||
|
||||
# DynamoDB Local files
|
||||
.dynamodb/
|
||||
|
||||
# TernJS port file
|
||||
.tern-port
|
||||
|
||||
### Windows ###
|
||||
Thumbs.db
|
||||
ehthumbs.db
|
||||
ehthumbs_vista.db
|
||||
Desktop.ini
|
||||
$RECYCLE.BIN/
|
||||
*.cab
|
||||
*.msi
|
||||
*.msm
|
||||
*.msp
|
||||
*.lnk
|
||||
# Local Netlify folder
|
||||
.netlify
|
||||
|
||||
build/
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
# Editing CSS
|
||||
If you want to edit the CSS do **not** edit the style.css file, please edit the style.scss file instead.
|
||||
9
Gemfile
9
Gemfile
|
|
@ -1,9 +0,0 @@
|
|||
# frozen_string_literal: true
|
||||
|
||||
source "https://rubygems.org"
|
||||
|
||||
git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
|
||||
|
||||
# gem "rails"
|
||||
gem "jekyll"
|
||||
gem "jekyll-feed", "~> 0.12.1"
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
# Alee Production Website
|
||||
The official website for Alee Productions.
|
||||
|
||||
Written in Express.JS, EJS and Material Design Bootstrap.
|
||||
[](https://app.netlify.com/sites/alee-productions/deploys)
|
||||
|
||||
Licensed with GPL-3.0
|
||||
Written in NextJS and Material Design Bootstrap.
|
||||
|
||||
Licensed with GPL-3.0.
|
||||
32
_config.yml
32
_config.yml
|
|
@ -1,32 +0,0 @@
|
|||
# Welcome to Jekyll!
|
||||
#
|
||||
# This config file is meant for settings that affect your whole blog, values
|
||||
# which you are expected to set up once and rarely edit after that. If you find
|
||||
# yourself editing this file very often, consider using Jekyll's data files
|
||||
# feature for the data you need to update frequently.
|
||||
#
|
||||
# For technical reasons, this file is *NOT* reloaded automatically when you use
|
||||
# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
|
||||
|
||||
# Site settings
|
||||
# These are used to personalize your new site. If you look in the HTML files,
|
||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||
# You can create any custom variable you would like, and they will be accessible
|
||||
# in the templates via {{ site.myvariable }}.
|
||||
title: Alee Productions
|
||||
email: noreply@example.com
|
||||
description: >- # this means to ignore newlines until "baseurl:"
|
||||
# baseurl: "" # the subpath of your site, e.g. /blog
|
||||
url: "http://alee-productions.xyz" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
|
||||
# Build settings
|
||||
markdown: kramdown
|
||||
plugins:
|
||||
- jekyll-feed
|
||||
|
||||
# Exclude from processing.
|
||||
# The following items will not be processed, by default. Create a custom list
|
||||
# to override the default setting.
|
||||
# exclude:
|
||||
# - Gemfile
|
||||
# - Gemfile.lock
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<footer class="page-footer mt-5 font-small green">
|
||||
<div class="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 class="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" class="close" data-dismiss="alert" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
<!-- Meta -->
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="description" content="We make games, videos and software.">
|
||||
|
||||
<!-- Favicons -->
|
||||
<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">
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<script src="https://kit.fontawesome.com/4c90505fb4.js"></script>
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="/assets/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="/assets/css/mdb.min.css" rel="stylesheet">
|
||||
<!-- Play -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Play:400,700&display=swap" rel="stylesheet">
|
||||
<!-- animsition.css -->
|
||||
<link rel="stylesheet" href="/assets/css/animsition.min.css">
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/style.css">
|
||||
|
||||
<title>{{page.title}} | {{site.title}}</title>
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<a class="navbar-brand animsition-link" href="/">
|
||||
<img src="/assets/img/ALP.png" height="30" class="d-inline-block align-top" alt="Alee Prod Logo">
|
||||
Alee Productions</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="/">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="/projects">Projects</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="/tos">ToS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://forums.alee-productions.xyz">Forums</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://git.alee-productions.xyz">Gitea</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="/blog">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="/about">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://github.com/aleeproductions">
|
||||
<i class="fab fa-github"></i> GitHub
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://discord.gg/EFhRDqG">
|
||||
<i class="fab fa-discord"></i> Discord
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://www.reddit.com/r/aleeproductions/">
|
||||
<i class="fab fa-reddit"></i> Reddit
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://twitter.com/aleeproductions">
|
||||
<i class="fab fa-twitter"></i> Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link animsition-link" href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA">
|
||||
<i class="fab fa-youtube"></i> YouTube
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<span class="navbar-text white-text">BETA</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
<!-- JQuery -->
|
||||
<script type="text/javascript" src="/assets/js/jquery.min.js"></script>
|
||||
<!-- Bootstrap tooltips -->
|
||||
<script type="text/javascript" src="/assets/js/popper.min.js"></script>
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>
|
||||
<!-- MDB core JavaScript -->
|
||||
<script type="text/javascript" src="/assets/js/mdb.min.js"></script>
|
||||
<!-- animsition.js -->
|
||||
<script type="text/javascript" src="/assets/js/animsition.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/transition.js"></script>
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
|
||||
<html>
|
||||
|
||||
<head>
|
||||
{% include header.html %}
|
||||
</head>
|
||||
|
||||
<body class="dark">
|
||||
{% include navbar.html %}
|
||||
<div class="animsition">
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include scripts.html %}
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
---
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
|
||||
<html>
|
||||
|
||||
<head>
|
||||
{% include header.html %}
|
||||
</head>
|
||||
|
||||
<body class="dark" onload="displayRepos();">
|
||||
{% include navbar.html %}
|
||||
<div class="animsition">
|
||||
<div class="jumbotron special-color">
|
||||
<h2 class="display-4">{{page.title}}</h2>
|
||||
<p class="lead">{{page.description}}</p>
|
||||
</div>
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include scripts.html %}
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
46
about.html
46
about.html
|
|
@ -1,46 +0,0 @@
|
|||
---
|
||||
title: About
|
||||
description: Alee Productions is a productions company by Andrew Lee that focuses on making videos and software.
|
||||
layout: default
|
||||
permalink: /about
|
||||
---
|
||||
<h1>History</h1>
|
||||
<p>Alee Productions started in 2016. It used to be called "AleeCorp" and used to make just software but over
|
||||
time it started branching to other things like making games and videos.
|
||||
In late 2018, AleeCorp merged with Universe and some project merged but due to a community conflict during
|
||||
October in that year, Universe and AleeCorp splited. In 2019 however, AleeCorp got renamed to Alee
|
||||
Productions
|
||||
just to make the company more professional.</p>
|
||||
<h1>FAQ</h1>
|
||||
<ul class="none">
|
||||
<h4>
|
||||
<li>Q: Why did you create Alee Productions?</li>
|
||||
<li>A: Reason why I want to create this is because I want to make my own things as a passion also
|
||||
sharing
|
||||
it to the public and to make it as a career.</li>
|
||||
<br>
|
||||
<li>Q: Why did you call this productions company Alee Productions?</li>
|
||||
<li>A: As you know my name is Andrew Lee and my name starts with an "A" and combine it with "Lee" you get "Alee". :)</li>
|
||||
</h4>
|
||||
</ul>
|
||||
<h1>Team</h1>
|
||||
<div class="card text-white success-color-dark mb-3" style="max-width: 20rem;">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Community Team (Discord)</h5>
|
||||
<p class="card-text text-white">
|
||||
<ul>
|
||||
<li>Travis#1777 (Admin)</li>
|
||||
<li>Inkydink#9098 (Admin)</li>
|
||||
<li>The Pixel Polygon#2069 (Admin)</li>
|
||||
<li>Sylv#7596 (Moderator)</li>
|
||||
<li>jtsshieh#6424 (Moderator)</li>
|
||||
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="credits">
|
||||
<h1>Credits</h1>
|
||||
<p>Website is powered by Jekyll, Netlify and Material Design Bootstrap.</p>
|
||||
<p>This project is open source meaning that you can help <a href="https://github.com/aleeproductions/website">contribute</a> to this website.</p>
|
||||
</div>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
---
|
||||
title: Blog
|
||||
description: Where we post updates on products, this website and etc.
|
||||
layout: default
|
||||
permalink: /blog
|
||||
---
|
||||
<h1 class="text-center mt-5">Notice: We are currently working on this page</h1>
|
||||
34
components/Footer.js
Normal file
34
components/Footer.js
Normal file
|
|
@ -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;
|
||||
57
components/Header.js
Normal file
57
components/Header.js
Normal file
|
|
@ -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;
|
||||
35
components/Layout.js
Normal file
35
components/Layout.js
Normal file
|
|
@ -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;
|
||||
93
components/Navbar.js
Normal file
93
components/Navbar.js
Normal file
|
|
@ -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;
|
||||
32
components/Scripts.js
Normal file
32
components/Scripts.js
Normal file
|
|
@ -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;
|
||||
97
index.html
97
index.html
|
|
@ -1,97 +0,0 @@
|
|||
---
|
||||
title: Home
|
||||
permalink: /index
|
||||
---
|
||||
<!DOCTYPE html>
|
||||
<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
|
||||
<html>
|
||||
|
||||
<head>
|
||||
{% include header.html %}
|
||||
</head>
|
||||
|
||||
<body class="dark">
|
||||
{% include navbar.html %}
|
||||
<div class="animsition">
|
||||
<div class="jumbotron special-color bounceIn white-text">
|
||||
<h2 class="display-4">Hello! Welcome to Alee Productions.</h2>
|
||||
<p class="lead">We are a very small productions company.</p>
|
||||
<hr class="my-4">
|
||||
<p>If you want to know more about us click the button down below.</p>
|
||||
<a class="btn btn-green btn-lg animsition-link" href="/about" role="button">Learn more</a>
|
||||
</div>
|
||||
<!--Jumbotron-->
|
||||
<div class="container">
|
||||
<!--Carousel Wrapper-->
|
||||
<div id="carousel-product" class="carousel slide carousel-slide" data-ride="carousel">
|
||||
<!--Indicators-->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-product" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-product" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-product" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<!--/.Indicators-->
|
||||
<!--Slides-->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="carousel-item active">
|
||||
<div class="view">
|
||||
<img class="d-block w-100" src="/assets/img/carousel/unicity.png"
|
||||
alt="First slide">
|
||||
<div class="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div class="carousel-caption">
|
||||
<h3 class="h3-responsive">Unicity</h3>
|
||||
<p>A Sims clone written in Unity3D.</p>
|
||||
<a class="btn btn-green btn-lg" href="https://github.com/aleeproductions/Unicity/blob/master/README.md" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<!--Mask color-->
|
||||
<div class="view">
|
||||
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg"
|
||||
alt="Second slide">
|
||||
<div class="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div class="carousel-caption">
|
||||
<h3 class="h3-responsive">QuantumNet</h3>
|
||||
<p>A computer "hacking" game made in C#.</p>
|
||||
<a class="btn btn-green btn-lg" href="https://github.com/aleeproductions/QuantumNet/blob/master/README.md" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<!--Mask color-->
|
||||
<div class="view">
|
||||
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg"
|
||||
alt="Third slide">
|
||||
<div class="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div class="carousel-caption">
|
||||
<h3 class="h3-responsive">Slight mask</h3>
|
||||
<p>Third text</p>
|
||||
<a class="btn btn-green btn-lg" href="#" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.Slides-->
|
||||
<!--Controls-->
|
||||
<a class="carousel-control-prev" href="#carousel-product" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carousel-product" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
<!--/.Controls-->
|
||||
</div>
|
||||
<!--/.Carousel Wrapper-->
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
console.log("Welcome to Alee Productions :)");
|
||||
</script>
|
||||
{% include scripts.html %}
|
||||
{% include footer.html %}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
32
next.config.js
Normal file
32
next.config.js
Normal file
|
|
@ -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/>.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
*/
|
||||
|
||||
module.exports = {
|
||||
webpack: (cfg) => {
|
||||
cfg.module.rules.push(
|
||||
{
|
||||
test: /\.md$/,
|
||||
use: 'frontmatter-markdown-loader',
|
||||
options: { mode: ['react-component'] }
|
||||
}
|
||||
)
|
||||
return cfg;
|
||||
}
|
||||
}
|
||||
6865
package-lock.json
generated
Normal file
6865
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
36
package.json
Normal file
36
package.json
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
{
|
||||
"name": "alee-productions-website",
|
||||
"version": "1.0.0",
|
||||
"description": "The official website for Alee Productions.",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"dev": "next",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"export": "npm run build && next export"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/aleeproductions/website.git"
|
||||
},
|
||||
"author": "Alee",
|
||||
"license": "GPL-3.0",
|
||||
"bugs": {
|
||||
"url": "https://github.com/aleeproductions/website/issues"
|
||||
},
|
||||
"homepage": "https://github.com/aleeproductions/website#readme",
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-svg-core": "^1.2.25",
|
||||
"@fortawesome/free-brands-svg-icons": "^5.11.2",
|
||||
"@fortawesome/free-regular-svg-icons": "^5.11.2",
|
||||
"@fortawesome/free-solid-svg-icons": "^5.11.2",
|
||||
"@fortawesome/react-fontawesome": "^0.1.7",
|
||||
"isomorphic-unfetch": "^3.0.0",
|
||||
"next": "^9.1.4",
|
||||
"react": "^16.12.0",
|
||||
"react-dom": "^16.12.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"frontmatter-markdown-loader": "^3.1.0"
|
||||
}
|
||||
}
|
||||
74
pages/about.js
Normal file
74
pages/about.js
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
/*
|
||||
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 Layout from '../components/Layout';
|
||||
|
||||
const About = () => (
|
||||
<Layout>
|
||||
<div>
|
||||
<div className="jumbotron special-color bounceIn white-text">
|
||||
<h2 className="display-4">About</h2>
|
||||
<p className="lead">Alee Productions is a productions company by Andrew Lee that focuses on making videos and software.</p>
|
||||
</div>
|
||||
<div className="container">
|
||||
<h1>History</h1>
|
||||
<p>Alee Productions started in 2016. It used to be called "AleeCorp" and used to make just software but over
|
||||
time it started branching to other things like making games and videos.
|
||||
In late 2018, AleeCorp merged with Universe and some project merged but due to a community conflict during
|
||||
October in that year, Universe and AleeCorp splited. In 2019 however, AleeCorp got renamed to Alee
|
||||
Productions
|
||||
just to make the company more professional.</p>
|
||||
<h1>FAQ</h1>
|
||||
<ul className="none">
|
||||
<h4>
|
||||
<li>Q: Why did you create Alee Productions?</li>
|
||||
<li>A: Reason why I want to create this is because I want to make my own things as a passion also
|
||||
sharing
|
||||
it to the public and to make it as a career.</li>
|
||||
<br/>
|
||||
<li>Q: Why did you call this productions company Alee Productions?</li>
|
||||
<li>A: As you know my name is Andrew Lee and my name starts with an "A" and combine it with "Lee" you get "Alee". :)</li>
|
||||
</h4>
|
||||
</ul>
|
||||
<h1>Team</h1>
|
||||
<div className="card text-white success-color-dark mb-3" style={{maxWidth: '20rem'}}>
|
||||
<div className="card-body">
|
||||
<h5 className="card-title">Community Team (Discord)</h5>
|
||||
<p className="card-text text-white">
|
||||
<ul>
|
||||
<li>Travis#1777 (Admin)</li>
|
||||
<li>jtsshieh#6424 (Admin)</li>
|
||||
<li>The Pixel Polygon#2069 (Admin)</li>
|
||||
<li>Inkydink#9098 (Moderator)</li>
|
||||
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="credits">
|
||||
<h1>Credits</h1>
|
||||
<p>Website is powered by NextJS, Netlify and Material Design Bootstrap.</p>
|
||||
<p>This project is open source meaning that you can help <a href="https://github.com/aleeproductions/website">contribute</a> to this website.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
|
||||
export default About;
|
||||
36
pages/blog.js
Normal file
36
pages/blog.js
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
/*
|
||||
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 Layout from '../components/Layout';
|
||||
|
||||
const Blog = () => (
|
||||
<div>
|
||||
<Layout>
|
||||
<div className="jumbotron special-color bounceIn white-text">
|
||||
<h2 className="display-4">Blog</h2>
|
||||
<p className="lead">Where we post updates on products, this website and etc.</p>
|
||||
</div>
|
||||
<div className="container">
|
||||
<h1 className="text-center mt-5">Notice: We are currently working on this page</h1>
|
||||
</div>
|
||||
</Layout>
|
||||
</div>
|
||||
)
|
||||
|
||||
export default Blog;
|
||||
105
pages/index.js
Normal file
105
pages/index.js
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
/*
|
||||
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 Layout from '../components/Layout';
|
||||
|
||||
const Index = () => (
|
||||
<Layout>
|
||||
<div>
|
||||
<div className="jumbotron special-color bounceIn white-text">
|
||||
<h2 className="display-4">Hello! Welcome to Alee Productions.</h2>
|
||||
<p className="lead">We are a very small productions company.</p>
|
||||
<div className="my-4">
|
||||
<p>If you want to know more about us click the button down below.</p>
|
||||
</div>
|
||||
<a className="btn btn-green btn-lg animsition-link" href="/about" role="button">Learn more</a>
|
||||
</div>
|
||||
<div className="container">
|
||||
{/* Jumbotron */}
|
||||
<div className="container">
|
||||
{/* Carousel Wrapper*/}
|
||||
<div id="carousel-product" className="carousel slide carousel-slide" data-ride="carousel">
|
||||
{/* Indicators*/}
|
||||
<ol className="carousel-indicators">
|
||||
<li data-target="#carousel-product" data-slide-to="0" className="active"></li>
|
||||
<li data-target="#carousel-product" data-slide-to="1"></li>
|
||||
<li data-target="#carousel-product" data-slide-to="2"></li>
|
||||
</ol>
|
||||
{/* Indicators */}
|
||||
{/* Slides */}
|
||||
<div className="carousel-inner" role="listbox">
|
||||
<div className="carousel-item active">
|
||||
<div className="view">
|
||||
<img className="d-block w-100" src="/assets/img/carousel/unicity.png"
|
||||
alt="First slide"/>
|
||||
<div className="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div className="carousel-caption">
|
||||
<h3 className="h3-responsive">Unicity</h3>
|
||||
<p>A Sims clone written in Unity3D.</p>
|
||||
<a className="btn btn-green btn-lg" href="https://github.com/aleeproductions/Unicity/blob/master/README.md" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item">
|
||||
{/* Mask color */}
|
||||
<div className="view">
|
||||
<img className="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg"
|
||||
alt="Second slide"/>
|
||||
<div className="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div className="carousel-caption">
|
||||
<h3 className="h3-responsive">QuantumNet</h3>
|
||||
<p>A computer "hacking" game made in C#.</p>
|
||||
<a className="btn btn-green btn-lg" href="https://github.com/aleeproductions/QuantumNet/blob/master/README.md" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="carousel-item">
|
||||
{/* Mask color */}
|
||||
<div className="view">
|
||||
<img className="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg"
|
||||
alt="Third slide"/>
|
||||
<div className="mask rgba-black-light"></div>
|
||||
</div>
|
||||
<div className="carousel-caption">
|
||||
<h3 className="h3-responsive">Slight mask</h3>
|
||||
<p>Third text</p>
|
||||
<a className="btn btn-green btn-lg" href="#" role="button">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* /.Slides */}
|
||||
{/* Controls */}
|
||||
<a className="carousel-control-prev" href="#carousel-product" role="button" data-slide="prev">
|
||||
<span className="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span className="sr-only">Previous</span>
|
||||
</a>
|
||||
<a className="carousel-control-next" href="#carousel-product" role="button" data-slide="next">
|
||||
<span className="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span className="sr-only">Next</span>
|
||||
</a>
|
||||
{/* /.Controls */}
|
||||
</div>
|
||||
{/* /.Carousel Wrapper */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
|
||||
export default Index;
|
||||
116
pages/projects.js
Normal file
116
pages/projects.js
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
/*
|
||||
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 Layout from '../components/Layout';
|
||||
|
||||
const Projects = () => (
|
||||
<Layout>
|
||||
<div>
|
||||
<div className="jumbotron special-color bounceIn white-text">
|
||||
<h2 className="display-4">Projects</h2>
|
||||
<p className="lead">This is the projects that we are currently working on.</p>
|
||||
</div>
|
||||
<div className="container">
|
||||
<h1 className="mb-5 text-center">Software/Games</h1>
|
||||
{/* Software Cards */}
|
||||
<h2 className="m-3 text-center">Current big active projects</h2>
|
||||
<div className="row d-flex justify-content-center">
|
||||
<div className="col-md-5">
|
||||
<div className="card elegant-color">
|
||||
<div className="card-body">
|
||||
<h5 className="card-title">Unicity</h5>
|
||||
<p className="card-text white-text">A Sims clone written in Unity3D.</p>
|
||||
<a className="card-link green-text" href="/projects/unicity">Learn more</a> <a className="card-link green-text" href="https://github.com/aleeproductions/Unicity"><i className="fab fa-github"></i> GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-5">
|
||||
<div className="card elegant-color">
|
||||
<div className="card-body">
|
||||
<h5 className="card-title">QuantumNet</h5>
|
||||
<p className="card-text white-text">A computer "hacking" game made in C#.</p>
|
||||
<a className="card-link green-text" href="https://github.com/aleeproductions/QuantumNet"><i className="fab fa-github"></i> GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*
|
||||
<h2 className="m-3">Other software/games we made...</h2>
|
||||
<button className="btn green" action="button" onclick="displayRepos();">Reload Repos</button>
|
||||
<table className="table table-borderless table-dark elegant-color mt-3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Description</th>
|
||||
<th scope="col">Language</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="repos-table-body">
|
||||
</tbody>
|
||||
</table>
|
||||
</div> */}
|
||||
{/* /.Software Cards */}
|
||||
{/* Disabled for now....
|
||||
<h1 className="mt-3 mb-2 text-center">Videos</h1>
|
||||
<ul id="yt-results" className="yt none"></ul>
|
||||
*/}
|
||||
{/*
|
||||
<script type="text/javascript" data-main="/js/yt-list-videos.js" src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
|
||||
<script>
|
||||
// Code by cylex
|
||||
|
||||
let count = 0;
|
||||
let xhttp = new XMLHttpRequest();
|
||||
function displayRepos() {
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
let data = JSON.parse(this.responseText);
|
||||
data.forEach(() => {
|
||||
$("#repos-table-body").append("<tr>" + [`<td><a href="${data[count].html_url}" className="green-text">${data[count].name}</a></td>`, `<td>${data[ // Code by cylex
|
||||
|
||||
let count = 0;
|
||||
let xhttp = new XMLHttpRequest();
|
||||
function displayRepos() {
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
let data = JSON.parse(this.responseText);
|
||||
data.forEach(() => {
|
||||
$("#repos-table-body").append("<tr>" + [`<td><a href="${data[count].html_url}" className="green-text">${data[count].name}</a></td>`, `<td>${data[count].description}</td>`, `<td>${data[count].language}</td>`] + "</tr>");
|
||||
count++;
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
xhttp.open("GET", "https://git.alee-productions.xyz/api/v1/users/aleeproductions/repos", true);
|
||||
xhttp.send();count].description}</td>`, `<td>${data[count].language}</td>`] + "</tr>");
|
||||
count++;
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
xhttp.open("GET", "https://git.alee-productions.xyz/api/v1/users/aleeproductions/repos", true);
|
||||
xhttp.send();
|
||||
</script> */}
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
|
||||
export default Projects;
|
||||
|
|
@ -1,25 +1,37 @@
|
|||
---
|
||||
title: Terms of Service
|
||||
layout: default-none
|
||||
permalink: /tos
|
||||
---
|
||||
/*
|
||||
Alee Productions Website: Website for Alee Productions
|
||||
Copyright (C) 2019 Alee
|
||||
|
||||
<style>
|
||||
.tos {
|
||||
font-size: 15pt;
|
||||
}
|
||||
</style>
|
||||
<!-- TODO: Add legal stuff -->
|
||||
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 Layout from '../components/Layout';
|
||||
|
||||
const TOS = () => (
|
||||
<Layout>
|
||||
<div>
|
||||
<div className="container">
|
||||
{/* TODO: Add legal stuff */}
|
||||
<div id="top"></div>
|
||||
<div class="animsition">
|
||||
<h1 class="text-center display-5 mt-3">Alee Productions Terms of Service</h1>
|
||||
<p class="text-center lead">These terms and service have been set in place so we make sure that you can have a great time using our services.</p>
|
||||
<div class="container tos">
|
||||
<h1 className="text-center display-5 mt-3">Alee Productions Terms of Service</h1>
|
||||
<p className="text-center lead">These terms and service have been set in place so we make sure that you can have a great time using our services.</p>
|
||||
<div className="container">
|
||||
<div id="tiers">
|
||||
<h1>Tiers</h1>
|
||||
<ul class="none">
|
||||
<li><a class="white-text" href="#normal-tier">Normal Tier</a> - It means it is not too severe and it there’s nothing to worry about.</li>
|
||||
<li><a class="white-text" href="#excessive-tier">Excessive Tier</a> - It means that if a rule is broken that’s severe it will be taken action immediately and will be stored in the punishment log.</li>
|
||||
<ul className="none">
|
||||
<li><a className="white-text" href="#normal-tier">Normal Tier</a> - It means it is not too severe and it there’s nothing to worry about.</li>
|
||||
<li><a className="white-text" href="#excessive-tier">Excessive Tier</a> - It means that if a rule is broken that’s severe it will be taken action immediately and will be stored in the punishment log.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="normal-tier">
|
||||
|
|
@ -53,7 +65,7 @@ permalink: /tos
|
|||
<h1>Alee Productions Policies</h1>
|
||||
<div id="coppa-policy">
|
||||
<h1>COPPA Policy</h1>
|
||||
<p>You must be at least 13 years old to be in this server due to the <a class="green-text" href="https://en.wikipedia.org/wiki/Children's_Online_Privacy_Protection_Act">COPPA</a> regulations…</p>
|
||||
<p>You must be at least 13 years old to be in this server due to the <a className="green-text" href="https://en.wikipedia.org/wiki/Children's_Online_Privacy_Protection_Act">COPPA</a> regulations…</p>
|
||||
<p>If you don’t accept this, you have to leave our services.</p>
|
||||
<p>An investigation or/and ban may happen if found guilty.</p>
|
||||
</div>
|
||||
|
|
@ -61,7 +73,7 @@ permalink: /tos
|
|||
<div id="discord-nickname">
|
||||
<h1>Nickname Policy</h1>
|
||||
<p>We enforce this nickname policy to keep a clean, friendly community.</p>
|
||||
<p>Our nickname system is different, using the command <code class="green-text">am:nick [your nickname]</code> so our staff team can approve it first. This system is set in place so that the community is a nice place to be for everyone.
|
||||
<p>Our nickname system is different, using the command <code className="green-text">am:nick [your nickname]</code> so our staff team can approve it first. This system is set in place so that the community is a nice place to be for everyone.
|
||||
To have your nickname accepted, it must comply with the following:</p>
|
||||
<ul>
|
||||
<li>No offensive words</li>
|
||||
|
|
@ -86,20 +98,20 @@ permalink: /tos
|
|||
<p>If you don’t agree with the policies and wanting to opt out, you may not use our services.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>We also highly recommend you to read Discord’s <a class="text-green" href="https://discordapp.com/terms">ToS</a> and <a class="text-green" href="https://discordapp.com/guidelines">Community Guidelines</a>.</p>
|
||||
<p>We also highly recommend you to read Discord’s <a className="text-green" href="https://discordapp.com/terms">ToS</a> and <a className="text-green" href="https://discordapp.com/guidelines">Community Guidelines</a>.</p>
|
||||
<div id="modal">
|
||||
<!-- Modal -->
|
||||
<div class="modal fade down" id="instructionsModal" tabindex="-1" role="dialog" aria-labelledby="instructions-label" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content dark">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="instructions-label">Instructions</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
{/* Modal */}
|
||||
<div className="modal fade down" id="instructionsModal" tabIndex="-1" role="dialog" aria-labelledby="instructions-label" aria-hidden="true">
|
||||
<div className="modal-dialog" role="document">
|
||||
<div className="modal-content dark">
|
||||
<div className="modal-header">
|
||||
<h5 className="modal-title" id="instructions-label">Instructions</h5>
|
||||
<button type="button" className="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<ul class="none" style="font-size: 18px;">
|
||||
<div className="modal-body">
|
||||
<ul className="none">
|
||||
<li>1. Never ask for staff</li>
|
||||
<li>2. Be active in the Alee Productions</li>
|
||||
<li>3. Follow all rules without breaking them</li>
|
||||
|
|
@ -107,20 +119,20 @@ permalink: /tos
|
|||
<li>5. The staff has to vote if they can be accepted to be part of the staff team</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn green" data-dismiss="modal">Close</button>
|
||||
<div className="modal-footer">
|
||||
<button type="button" className="btn green" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
{/* Modal */}
|
||||
</div>
|
||||
<div id="FAQ">
|
||||
<h1>Frequent Asked Questions</h1>
|
||||
<p>These are the frequently asked questions that you might ask the staffs.</p>
|
||||
<ul class="none">
|
||||
<ul className="none">
|
||||
<li>Q: Can I be staff?</li>
|
||||
<li>A: No, you can't ask for staff but you want to know how to get it, then here are the <a class="green-text" id="modalActivate" data-toggle="modal" data-target="#instructionsModal">instructions</a>.</li>
|
||||
<li>A: No, you can't ask for staff but you want to know how to get it, then here are the <a className="green-text" id="modalActivate" data-toggle="modal" data-target="#instructionsModal">instructions</a>.</li>
|
||||
<li>Q: I was banned for no reason! I hate the staff…</li>
|
||||
<li>A: Well… if you were banned for no reason you can ask our staff team and they will tell you why you were banned.</li>
|
||||
</ul>
|
||||
|
|
@ -132,5 +144,11 @@ permalink: /tos
|
|||
<p>- Alee Productions Community Team</p>
|
||||
<p>Last updated on November 26th 2019</p>
|
||||
</div>
|
||||
<a href="#top" class="green-text">Back to top</a>
|
||||
<a href="#top" className="green-text">Back to top</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Layout>
|
||||
)
|
||||
|
||||
export default TOS;
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
---
|
||||
title: Projects
|
||||
description: This is the projects that we are currently working on.
|
||||
layout: default
|
||||
permalink: /projects
|
||||
---
|
||||
<h1 class="mb-5 text-center">Software/Games</h1>
|
||||
<!-- Software Cards -->
|
||||
<h2 class="m-3 text-center">Current big active projects</h2>
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-md-5">
|
||||
<div class="card elegant-color">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Unicity</h5>
|
||||
<p class="card-text white-text">A Sims clone written in Unity3D.</p>
|
||||
<a class="card-link green-text" href="/projects/unicity">Learn more</a> <a class="card-link green-text" href="https://github.com/aleeproductions/Unicity"><i class="fab fa-github"></i> GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<div class="card elegant-color">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">QuantumNet</h5>
|
||||
<p class="card-text white-text">A computer "hacking" game made in C#.</p>
|
||||
<a class="card-link green-text" href="https://github.com/aleeproductions/QuantumNet"><i class="fab fa-github"></i> GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="m-3">Other software/games we made...</h2>
|
||||
<button class="btn green" action="button" onclick="displayRepos();">Reload Repos</button>
|
||||
<table class="table table-borderless table-dark elegant-color mt-3">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Name</th>
|
||||
<th scope="col">Description</th>
|
||||
<th scope="col">Language</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="repos-table-body">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!--/.Software Cards -->
|
||||
<!-- Disabled for now....
|
||||
<h1 class="mt-3 mb-2 text-center">Videos</h1>
|
||||
<ul id="yt-results" class="yt none"></ul>
|
||||
-->
|
||||
</div>
|
||||
<script>
|
||||
// Code by cylexVEVO
|
||||
|
||||
let count = 0;
|
||||
let xhttp = new XMLHttpRequest();
|
||||
function displayRepos() {
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
let data = JSON.parse(this.responseText);
|
||||
data.forEach(() => {
|
||||
$("#repos-table-body").append("<tr>" + [`<td><a href="${data[count].html_url}" class="green-text">${data[count].name}</a></td>`, `<td>${data[count].description}</td>`, `<td>${data[count].language}</td>`] + "</tr>");
|
||||
count++;
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
xhttp.open("GET", "https://git.alee-productions.xyz/api/v1/users/aleeproductions/repos", true);
|
||||
xhttp.send();
|
||||
</script>
|
||||
<script type="text/javascript" data-main="/js/yt-list-videos.js" src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
|
||||
13
public/admin/index.html
Normal file
13
public/admin/index.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Content Manager</title>
|
||||
<script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Include the script that builds the page and powers Netlify CMS -->
|
||||
<script src="https://unpkg.com/netlify-cms@2.9.7/dist/netlify-cms.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,16 +1,9 @@
|
|||
body {
|
||||
font-family: Play, sans-serif;
|
||||
}
|
||||
|
||||
.dark {
|
||||
background-color: #212121;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.light {
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
ul.yt {
|
||||
margin: 0 auto;
|
||||
|
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 1,015 B After Width: | Height: | Size: 1,015 B |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 48 KiB |
|
Before Width: | Height: | Size: 183 KiB After Width: | Height: | Size: 183 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Loading…
Reference in a new issue