diff options
Diffstat (limited to 'pages/projects.js')
| -rw-r--r-- | pages/projects.js | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/pages/projects.js b/pages/projects.js new file mode 100644 index 0000000..d2a6156 --- /dev/null +++ b/pages/projects.js @@ -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;
\ No newline at end of file |