Switching to NextJS

This commit is contained in:
Andrew Lee 2019-11-30 12:40:35 -05:00
parent b993561051
commit e706e65318
No known key found for this signature in database
GPG key ID: E41E907C966173C3
58 changed files with 7688 additions and 549 deletions

177
.gitignore vendored
View file

@ -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
### Windows ###
Thumbs.db
ehthumbs.db
ehthumbs_vista.db
Desktop.ini
$RECYCLE.BIN/
*.cab
*.msi
*.msm
*.msp
*.lnk
# Local Netlify folder
.netlify
# 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
.netlify
build/

View file

@ -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.

View file

@ -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"

View file

@ -1,6 +1,8 @@
# Alee Production Website
The official website for Alee Productions.
Written in Express.JS, EJS and Material Design Bootstrap.
[![Netlify Status](https://api.netlify.com/api/v1/badges/6b322c90-415e-47a8-b9a9-a52a209a9053/deploy-status)](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.

View file

@ -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

View file

@ -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">&times;</span>
</button>
</div>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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
View 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">&copy; 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">&times;</span>
</button>
</div>
</div>
)
export default Footer;

57
components/Header.js Normal file
View 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
View 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
View 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"/>
&nbsp;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
View 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;

View file

@ -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
View 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

File diff suppressed because it is too large Load diff

36
package.json Normal file
View 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
View 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
View 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
View 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
View 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;

View file

@ -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 theres nothing to worry about.</li>
<li><a class="white-text" href="#excessive-tier">Excessive Tier</a> - It means that if a rule is broken thats 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 theres nothing to worry about.</li>
<li><a className="white-text" href="#excessive-tier">Excessive Tier</a> - It means that if a rule is broken thats 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 dont 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 dont 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 Discords <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 Discords <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">&times;</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>
</div>
<a href="#top" className="green-text">Back to top</a>
</div>
</div>
</div>
</Layout>
)
export default TOS;

View file

@ -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
View 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>

View file

@ -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;

View file

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

View file

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View file

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

View file

Before

Width:  |  Height:  |  Size: 1,015 B

After

Width:  |  Height:  |  Size: 1,015 B

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View file

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

View file

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View file

Before

Width:  |  Height:  |  Size: 183 KiB

After

Width:  |  Height:  |  Size: 183 KiB

View file

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View file

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB