Switching to NextJS

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