aboutsummaryrefslogtreecommitdiff
path: root/views/projects.ejs
blob: bb3e4f2063f90f537b0ba628e2c80983c4d00b15 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!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="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 -->
        <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>