aboutsummaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
Diffstat (limited to 'views')
-rw-r--r--views/404.ejs31
-rw-r--r--views/about.ejs105
-rw-r--r--views/blog.ejs22
-rw-r--r--views/community/rules.ejs152
-rw-r--r--views/includes/footer.ejs9
-rw-r--r--views/includes/header.ejs31
-rw-r--r--views/includes/navbar.ejs40
-rw-r--r--views/includes/scripts.ejs11
-rw-r--r--views/index.ejs93
-rw-r--r--views/projects.ejs84
-rw-r--r--views/projects/quantumnet.ejs21
-rw-r--r--views/projects/unicity.ejs21
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
generated by cgit v1.2.3 (git 2.46.0) at 2026-06-04 09:09:58 +0000