diff options
Diffstat (limited to 'pages/projects')
| -rw-r--r-- | pages/projects/alee-audio-player.js | 37 | ||||
| -rw-r--r-- | pages/projects/index.js | 126 | ||||
| -rw-r--r-- | pages/projects/unicity.ejs | 21 |
3 files changed, 163 insertions, 21 deletions
diff --git a/pages/projects/alee-audio-player.js b/pages/projects/alee-audio-player.js new file mode 100644 index 0000000..5b658f7 --- /dev/null +++ b/pages/projects/alee-audio-player.js @@ -0,0 +1,37 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2020 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 AAP = () => ( + <Layout> + <div className="jumbotron special-color bounceIn white-text"> + <h2 className="display-4">Alee Audio Player</h2> + <p className="lead">An audio player created in Qt and C++.</p> + </div> + <div className="container"> + <h1>The new audio player that enhances your experience.</h1> + <h2>Alee Audio Player is an audio player that's written from C++ and Qt. <br/> It can play, pause and stop audio.</h2><br/> + + <a className="green-text" href="https://github.com/aleeproductions/AleePlayer/releases/tag/v0.1"><h1>Download here!</h1></a> + </div> + </Layout> + +); + +export default AAP
\ No newline at end of file diff --git a/pages/projects/index.js b/pages/projects/index.js new file mode 100644 index 0000000..49f63f1 --- /dev/null +++ b/pages/projects/index.js @@ -0,0 +1,126 @@ +/* + Alee Productions Website: Website for Alee Productions + Copyright (C) 2020 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 className="jumbotron special-color bounceIn white-text"> + <h2 className="display-4">Projects</h2> + <p className="lead">These are our current projects.</p> + </div> + <div className="container"> + {/* Software Cards */} + + <h2 className="m-3 text-center">Games</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">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"/> GitHub</a> + </div> + </div> + </div> + </div> + + <div className="container"> + <h2 className="m-3 text-center">Software</h2> + <div className="row d-flex justify-content-center"> + {/* Software Cards */} + + <div className="col-md-5"> + <div className="card elegant-color"> + <div className="card-body"> + <h5 className="card-title">Alee Music Player</h5> + <p className="card-text white-text">A music player created in Qt and C++.</p> + <a className="card-link green-text" href="/projects/alee-music-player">Learn more</a> + <a className="card-link green-text" + href="https://github.com/aleeproductions/AleePlayer"><i + className="fab fa-github"/> GitHub</a> + </div> + </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> + </Layout> +); + +export default Projects;
\ No newline at end of file diff --git a/pages/projects/unicity.ejs b/pages/projects/unicity.ejs deleted file mode 100644 index 779e783..0000000 --- a/pages/projects/unicity.ejs +++ /dev/null @@ -1,21 +0,0 @@ -<!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 |