Inital commit

author: Andrew Lee <alee14498@gmail.com> 2019-11-24 09:00:34 -0500
committer: Andrew Lee <alee14498@gmail.com> 2019-11-24 09:00:34 -0500
commit: 4a86c4d98691c1e1469d25a47944444475551567 (patch)
tree: c2b0a56aaf69fddb3d40611018b59f0645a3ac62 /views
download: Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.tar.gz
Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.tar.bz2
Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.zip
12 files changed, 620 insertions, 0 deletions
diff --git a/views/404.ejs b/views/404.ejs
new file mode 100644
index 0000000..0e50577
--- /dev/null
+++ b/views/404.ejs
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+<head>
+    <% include ./includes/header %>
+</head>
+<body class="dark">
+    <% include ./includes/navbar %>
+    <div class="animsition">
+   <div class="text-center mt-3">
+       <h1>404 - Not Found</h1>
+       <h2 id="404message"></h2>
+       <h3>Return to <a href="/" class="green-text">homepage</a>?</h3>
+    </div>
+    <script>
+        function randomtext() {
+            let randomtxt = [
+                'Oops, seems like that page isn\'t found!',
+                'You seem to be lost!',
+                'Uh oh, that page isn\'t found in our servers!',
+                'Seems like you landed on this page...'
+            ];
+            return randomtxt[Math.floor((Math.random() * 4.00))];
+        }
+
+        document.getElementById("404message").innerHTML = randomtext();
+    </script>
+    </div>
+    <% include ./includes/scripts %>
+</body>
+</html>
+\ No newline at end of file
diff --git a/views/about.ejs b/views/about.ejs
new file mode 100644
index 0000000..8fbb2c8
--- /dev/null
+++ b/views/about.ejs
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body class="dark">
+    <% include ./includes/navbar %>
+    <div class="animsition">
+    <div class="jumbotron special-color">
+        <h2 class="display-4">About Alee Productions</h2>
+        <p class="lead">Alee Productions is a productions company by Andrew Lee that focuses on making videos and software.
+        </p>
+    </div>
+    <div class="container">
+        <!--Community, Video and Software-->
+        <!-- If anyone knows how to fix this please tell me thanks -Alee :)-->
+        <div class="row d-flex justify-content-center">
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://discord.gg/EFhRDqG">
+                        <img class="text-center" src="/img/users-solid.svg" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Community</p>
+                        </div>
+                    </a>
+                </div>
+                <br>
+                <p class="text-center">Community</p>
+            </div>
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA">
+                        <img src="/img/video-solid.svg" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Video</p>
+                        </div>
+                    </a>
+                </div>
+                <br>
+                <p class="text-center">Video</p>
+            </div>
+            <div class="col-sm">
+                <div class="view overlay">
+                    <a href="https://github.com/aleeproductions">
+                        <img src="/img/file-code-solid.svg" height=220px>
+                        <div class="mask flex-center rgba-green-strong">
+                            <p class="white-text">Software</p>
+                        </div>
+                    </a>
+                </div>
+                <br>
+                <p class="text-center">Software</p>
+            </div>
+        </div>
+
+        <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 Express.JS, EJS 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>
+        <% include ./includes/scripts %>
+        <% include ./includes/footer %>
+    </div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/views/blog.ejs b/views/blog.ejs
new file mode 100644
index 0000000..872c006
--- /dev/null
+++ b/views/blog.ejs
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body class="dark">
+    <% include ./includes/navbar %>
+    <div class="animsition">
+    <div class="jumbotron special-color">
+        <h2 class="display-4">Blog</h2>
+        <p class="lead">Where we post updates on products, this website and etc.</p>
+    </div>
+    <h1 class="text-center mt-5">Notice: We are currently working on this page</h1>
+    <% include ./includes/scripts %>
+    <% include ./includes/footer %>
+    </div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/views/community/rules.ejs b/views/community/rules.ejs
new file mode 100644
index 0000000..562fdae
--- /dev/null
+++ b/views/community/rules.ejs
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ../includes/header %>
+    <style>
+        .rules {
+            font-size: 15pt;
+        }
+        .discord-txt-background {
+            background-color: #3c414e;
+        }
+        .discord-txt-colour {
+            color: #6d83ce;
+        }
+    </style>
+</head>
+
+<body class="dark">
+<div id="top"></div>
+<% include ../includes/navbar %>
+<div class="animsition">
+    <h1 class="text-center display-5 mt-3">Alee Productions Community Rules</h1>
+    <p class="text-center lead">Rules have been set in stone so we make sure that you can have a great time here.</p>
+    <p class="text-center lead">If you think that reading rules are hard it’s actually not just take some time.</p>
+<div class="container rules">
+<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>
+</div>
+<div id="normal-tier">
+<h1>Normal Tier</h1>
+<p>If these are broken, then an unofficial warning will occur. If these actions continue, an official warning will occur then excessive punishment will happen if continued once more.</p>
+    <ul>
+        <li>Use common sense. (This isn’t an against rule but you must use your common knowledge.)</li>
+        <li>No spamming (Mention and @everyone spams in discord will result in an official warning.)</li>
+        <li>No any advertisements/giveaways at any channels. Unless for a specific purpose.</li>
+        <li>Respect others.</li>
+        <li>No backseat moderating (enforcing the rules to other users)</li>
+        <li>Refrain asking for staff, because this just lowers your chance to 0.</li>
+    </ul>
+</div>
+    <div id="excessive-tier">
+        <h1>Excessive Tier</h1>
+        <p>This can result in an official warning, jail/mute or possible ban/kick it depends on how severe it is.</p>
+        <ul>
+            <li>No excessive swearing (Swearing is allowed but cursing that contains racial slur and etc will result in immediate severe punishment.)</li>
+            <li>Any accusations will never be tolerated here there will be an investigation from the staff team if it occurs and false accusation may lead a 24 hour jail time or possibly getting banned.</li>
+            <li>Do not argue or threaten the staff.</li>
+            <li>Blackmailing members is also not tolerated here.</li>
+            <li>No NSFW content.</li>
+            <li>Raids will not be tolerated in this community. (Doing this wastes our time and yours too)</li>
+            <li>No alts are to be on this community.</li>
+            <li>Threatening anyone will also not be tolerated. (i.e. DDoS, trying to find you and etc)</li>
+            <li>Any malicious content will not be tolerated. (i.e. Viruses, Malware, Adware and etc)</li>
+            <li>Selfbots is not allowed. (Discord prohibits selfbots in their ToS)</li>
+        </ul>
+    </div>
+    <div id="discord-policy">
+        <h1>Alee Productions Discord Policies</h1>
+        <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.
+                To have your nickname accepted, it must comply with the following:</p>
+            <ul>
+                <li>No offensive words</li>
+                <li>No symbols</li>
+                <li>Not attention-grabbing (i.e. getting to the top of the list by using a symbol)</li>
+            </ul>
+            <p>Any display name that does not follow the guidelines above will have the following done to it:</p>
+            <ul>
+                <li>Censoring your nickname/username</li>
+                <li>Ignoring the nickname change from AstralMod</li>
+            </ul>
+        </div>
+        <div id="discord-ageing">
+            <h1>Ageing Policy</h1>
+            <p>You must be at least 13 years old to be in this server due to the COPPA regulations…</p>
+            <p>If you don’t accept this, you may leave the server and discord.</p>
+            <p>An investigation or/and ban may happen if found guilty.</p>
+        </div>
+        <div id="logging-policy">
+            <h1>Logging/Privacy/Tracking Policy</h1>
+            <p>Our bots (AstralMod, Auttaja, and Manager) log the following things, and store them in their databases:</p>
+            <ul>
+                <li>Deleted Messages</li>
+                <li>Edited Messages</li>
+                <li>Your ID</li>
+                <li>You joining and leaving</li>
+                <li>You sending messages (Manager Bot Only)</li>
+            </ul>
+            <p>If you don’t agree with the policies and wanting to opt out, you may leave the server.</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>
+    <div id="modal">
+        <!-- Modal -->
+        <div class="modal fade down" id="exampleModalPreview" tabindex="-1" role="dialog" aria-labelledby="exampleModalPreviewLabel" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content dark">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalPreviewLabel">Instructions</h5>
+                        <button type="button" class="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;">
+                            <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>
+                            <li>4. Finally, the staff will pick people that they trust</li>
+                            <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>
+                </div>
+            </div>
+        </div>
+        <!-- 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">
+            <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" type="button" data-toggle="modal" data-target="#exampleModalPreview">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>
+    </div>
+    <div id="conclusion">
+        <p>If a rule is broken, no need to panic, it's just a heads up on what’s coming if you were to break another rule and if you got mistakenly warned please contact one of the staff immediately.</p>
+        <p>If there's staff abusing their powers please report them to Alee immediately.</p>
+        <p>Thanks for reading the rules!</p>
+        <p>From the Alee Productions Community Team :)</p>
+    </div>
+    <a href="#top" class="green-text">Back to top</a>
+</div>
+<% include ../includes/scripts %>
+<% include ../includes/footer %>
+</div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/views/includes/footer.ejs b/views/includes/footer.ejs
new file mode 100644
index 0000000..a26d20f
--- /dev/null
+++ b/views/includes/footer.ejs
@@ -0,0 +1,9 @@
+<footer class="page-footer mt-5 font-small green">
+        <div class="footer-copyright text-center py-3">© Copyright 2016-2019, Alee Productions Inc. 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>
+\ No newline at end of file
diff --git a/views/includes/header.ejs b/views/includes/header.ejs
new file mode 100644
index 0000000..9511128
--- /dev/null
+++ b/views/includes/header.ejs
@@ -0,0 +1,31 @@
+<!-- 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="/ico/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/ico/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/ico/favicon-16x16.png">
+<link rel="manifest" href="/ico/site.webmanifest">
+<link rel="mask-icon" href="/ico/safari-pinned-tab.svg" color="#5bbad5">
+<link rel="shortcut icon" href="/ico/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="/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="/css/bootstrap.min.css" rel="stylesheet">
+<!-- Material Design Bootstrap -->
+<link href="/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="/css/animsition.min.css">
+
+<link rel="stylesheet" href="/css/style.css">
+
+<title><%= title %></title>
diff --git a/views/includes/navbar.ejs b/views/includes/navbar.ejs
new file mode 100644
index 0000000..90405c8
--- /dev/null
+++ b/views/includes/navbar.ejs
@@ -0,0 +1,40 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+    <a class="navbar-brand animsition-link" href="/">
+        <img src="/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 dropdown">
+                <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
+                   aria-haspopup="true" aria-expanded="false">Community</a>
+                <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
+                    <a class="dropdown-item animsition-link" href="/community/rules">Rules</a>
+                </div>
+            </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" onclick="toggle-theme">Dark</a>
+            </li>-->
+            <li class="nav-item">
+                <span class="navbar-text white-text">BETA</span>
+            </li>
+        </ul>
+    </div>
+</nav>
+\ No newline at end of file
diff --git a/views/includes/scripts.ejs b/views/includes/scripts.ejs
new file mode 100644
index 0000000..d5ccc40
--- /dev/null
+++ b/views/includes/scripts.ejs
@@ -0,0 +1,11 @@
+<!-- JQuery -->
+<script type="text/javascript" src="/js/jquery.min.js"></script>
+<!-- Bootstrap tooltips -->
+<script type="text/javascript" src="/js/popper.min.js"></script>
+<!-- Bootstrap core JavaScript -->
+<script type="text/javascript" src="/js/bootstrap.min.js"></script>
+<!-- MDB core JavaScript -->
+<script type="text/javascript" src="/js/mdb.min.js"></script>
+<!-- animsition.js -->
+<script type="text/javascript" src="/js/animsition.min.js"></script>
+<script type="text/javascript" src="/js/transition.js"></script>
+\ No newline at end of file
diff --git a/views/index.ejs b/views/index.ejs
new file mode 100644
index 0000000..ba39946
--- /dev/null
+++ b/views/index.ejs
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body class="dark">
+    <% include ./includes/navbar %>
+    <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="/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 ./includes/scripts %>
+    <% include ./includes/footer %>
+    </div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/views/projects.ejs b/views/projects.ejs
new file mode 100644
index 0000000..9ca65bb
--- /dev/null
+++ b/views/projects.ejs
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body class="dark" onload="displayRepos();">
+    <% include ./includes/navbar %>
+    <div class="animsition">
+    <div class="jumbotron special-color">
+        <h2 class="display-4">Projects</h2>
+        <p class="lead">This is the projects that we are currently working on.</p>
+    </div>
+    <div class="container">
+        <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>
+    <% include ./includes/scripts %>
+    <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://api.github.com/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>
+    <% include ./includes/footer %>
+    </div>
+</body>
+</html>
+\ No newline at end of file
diff --git a/views/projects/quantumnet.ejs b/views/projects/quantumnet.ejs
new file mode 100644
index 0000000..5e26fc1
--- /dev/null
+++ b/views/projects/quantumnet.ejs
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body>
+<% include ./includes/navbar %>
+<div class="animsition">
+<div class="jumbotron special-color">
+    <h2 class="display-4">QuantumNet</h2>
+    <p class="lead">Description.</p>
+</div>
+<% include ./includes/scripts %>
+<% include ./includes/footer %>
+</div>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/views/projects/unicity.ejs b/views/projects/unicity.ejs
new file mode 100644
index 0000000..779e783
--- /dev/null
+++ b/views/projects/unicity.ejs
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<!-- Alee Productions Website: Made by Alee and licensed with GPL-3.0 -->
+<html>
+
+<head>
+    <% include ./includes/header %>
+</head>
+
+<body>
+<% include ./includes/navbar %>
+<div class="animsition">
+<div class="jumbotron special-color">
+    <h2 class="display-4">Unicity</h2>
+    <p class="lead">Description.</p>
+</div>
+<% include ./includes/scripts %>
+<% include ./includes/footer %>
+</div>
+</body>
+
+</html>
+\ No newline at end of file
author	Andrew Lee <alee14498@gmail.com>	2019-11-24 09:00:34 -0500
committer	Andrew Lee <alee14498@gmail.com>	2019-11-24 09:00:34 -0500
commit	4a86c4d98691c1e1469d25a47944444475551567 (patch)
tree	c2b0a56aaf69fddb3d40611018b59f0645a3ac62 /views
download	Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.tar.gz Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.tar.bz2 Project-NewTube-4a86c4d98691c1e1469d25a47944444475551567.zip