diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/404.ejs | 25 | ||||
| -rw-r--r-- | views/about.ejs | 7 | ||||
| -rw-r--r-- | views/blog.ejs | 6 | ||||
| -rw-r--r-- | views/community-rules.ejs | 152 | ||||
| -rw-r--r-- | views/includes/footer.ejs | 8 | ||||
| -rw-r--r-- | views/includes/header.ejs | 14 | ||||
| -rw-r--r-- | views/includes/navbar.ejs | 25 | ||||
| -rw-r--r-- | views/includes/scripts.ejs | 12 | ||||
| -rw-r--r-- | views/index.ejs | 7 | ||||
| -rw-r--r-- | views/projects.ejs | 47 | ||||
| -rw-r--r-- | views/projects/quantumnet.ejs | 21 | ||||
| -rw-r--r-- | views/projects/unicity.ejs | 21 |
12 files changed, 310 insertions, 35 deletions
diff --git a/views/404.ejs b/views/404.ejs index 43c308d..0e50577 100644 --- a/views/404.ejs +++ b/views/404.ejs @@ -4,13 +4,28 @@ <head> <% include ./includes/header %> </head> -<body> +<body class="dark"> <% include ./includes/navbar %> - <center> + <div class="animsition"> + <div class="text-center mt-3"> <h1>404 - Not Found</h1> - <h2>Oops, seems like that page isn't found!</h2> - <h3>Return to <a href="/">homepage</a>?</h3> - </center> + <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 index d5ed41f..b1f863e 100644 --- a/views/about.ejs +++ b/views/about.ejs @@ -6,8 +6,9 @@ <% include ./includes/header %> </head> -<body> +<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. @@ -22,7 +23,7 @@ Productions just to make the company more professional.</p> <h1>FAQ</h1> - <ul style="list-style-type:none;"> + <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 @@ -50,10 +51,12 @@ </div> </div> <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> <% 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 index 4572c3e..872c006 100644 --- a/views/blog.ejs +++ b/views/blog.ejs @@ -6,15 +6,17 @@ <% include ./includes/header %> </head> -<body> +<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> - <center><h1>Notice: We are currently working on this page</h1></center> + <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..0907b9f --- /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>Normal Tier - It means it is not too severe and it there’s nothing to worry about.</li> + <li>Excessive Tier - 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">×</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 index 1e2ad39..4cc1d7d 100644 --- a/views/includes/footer.ejs +++ b/views/includes/footer.ejs @@ -1,3 +1,9 @@ <footer class="page-footer mt-5 font-small green"> <div class="footer-copyright text-center py-3">© Copyright 2016-2019, Alee Productions. Licensed with GPL-3.0</div> -</footer>
\ No newline at end of file +</footer> +<div class="alert alert-warning fixed-bottom m-0 alert-dismissible fade show" role="alert"> + Please note that this website is under active development and bugs may occur.<br>If there's any, report it to the <a href="https://github.com/aleeproductions/website">GitHub</a> repo. + <button type="button" class="close" data-dismiss="alert" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> +</div>
\ No newline at end of file diff --git a/views/includes/header.ejs b/views/includes/header.ejs index f9ab843..9511128 100644 --- a/views/includes/header.ejs +++ b/views/includes/header.ejs @@ -2,7 +2,7 @@ <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, video and software."> +<meta name="description" content="We make games, videos and software."> <!-- Favicons --> <link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon.png"> @@ -16,12 +16,16 @@ <meta name="theme-color" content="#ffffff"> <!-- Font Awesome --> -<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> +<script src="https://kit.fontawesome.com/4c90505fb4.js"></script> <!-- Bootstrap core CSS --> -<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"> +<link href="/css/bootstrap.min.css" rel="stylesheet"> <!-- Material Design Bootstrap --> -<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/css/mdb.min.css" rel="stylesheet"> -<link href="https://fonts.googleapis.com/css?family=Play:400,700&display=swap" rel="stylesheet"> +<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 index b8d3ed5..90405c8 100644 --- a/views/includes/navbar.ejs +++ b/views/includes/navbar.ejs @@ -1,5 +1,5 @@ <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> - <a class="navbar-brand" href="/"> + <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" @@ -9,16 +9,31 @@ <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> - <a class="nav-link" href="/">Home</a> + <a class="nav-link animsition-link" href="/">Home</a> </li> <li class="nav-item"> - <a class="nav-link" href="/projects">Projects</a> + <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" href="/blog">Blog</a> + <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"> - <a class="nav-link" href="/about">About</a> + <span class="navbar-text white-text">BETA</span> </li> </ul> </div> diff --git a/views/includes/scripts.ejs b/views/includes/scripts.ejs index 30fe254..d5ccc40 100644 --- a/views/includes/scripts.ejs +++ b/views/includes/scripts.ejs @@ -1,9 +1,11 @@ <!-- JQuery --> -<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> +<script type="text/javascript" src="/js/jquery.min.js"></script> <!-- Bootstrap tooltips --> -<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script> +<script type="text/javascript" src="/js/popper.min.js"></script> <!-- Bootstrap core JavaScript --> -<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"> -</script> +<script type="text/javascript" src="/js/bootstrap.min.js"></script> <!-- MDB core JavaScript --> -<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/js/mdb.min.js"></script>
\ No newline at end of file +<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 index 2264fa5..5106f0d 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -6,10 +6,11 @@ <% include ./includes/header %> </head> -<body> +<body class="dark"> <% include ./includes/navbar %> + <div class="animsition"> <!--Jumbotron--> - <div class="jumbotron special-color bounceIn"> + <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"> @@ -126,10 +127,10 @@ </div> <script> console.log("Welcome to Alee Productions :)"); - alert("Please note that this website is under active development and bugs may occur.\nIf there's any report it to the GitHub repo."); </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 index 78975ec..bb3e4f2 100644 --- a/views/projects.ejs +++ b/views/projects.ejs @@ -6,8 +6,9 @@ <% include ./includes/header %> </head> -<body> +<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> @@ -15,14 +16,14 @@ <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="https://github.com/aleeproductions/Unicity">GitHub</a> + <a class="card-link green-text" href="https://github.com/aleeproductions/Unicity"><i class="fab fa-github"></i> GitHub</a> </div> </div> </div> @@ -32,18 +33,50 @@ <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">Card link</a> + <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 --> - <h1 class="mt-5 mb-5 text-center">Videos</h1> - <h2>Google API disabled for now....</h2> - <!--<ul id="yt-results" class="yt" style="list-style-type:none;"></ul>--> + <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 |