public/index.php

@@ -49,7 +49,7 @@
             $nameDom = "<h3 class='project-name'>$displayName</h3>";
             $versionDom = "<h4 class='project-version'>$version</h4>";
             $infoDom = "<div class='project-info'>$info</div>";
-            $startDom = "<button class='project-start' onclick='window.location = \"$name/\"'>Start</button>";
+            $startDom = "<button class='project-start' onclick='window.location = \"$name\"'>Start</button>";
 
             $imgDom = "<img class='project-image' src='$imgAddress' alt='Alternative image text'/>";
             $descriptionDom = "<div class='project-description'>$nameDom$versionDom$infoDom$startDom</div>";

public/index_data/projects.json

@@ -0,0 +1,253 @@
+{
+	"languages": [
+		{
+			"displayName": "JavaScript",
+			"name": "javascript",
+			"id": 0
+		},
+		{
+			"displayName": "TypeScript",
+			"name": "typescript",
+			"id": 1
+		},
+		{
+			"displayName": "C#",
+			"name": "c_sharp",
+			"id": 2
+		}
+	],
+	"projects": [
+		{
+			"displayName": "Pendulum",
+			"version": "1.0",
+			"info": "Watch 500 Double-Pendulums diverge into chaos.",
+			"languageId": 1,
+			"name": "pendulum",
+			"visible": true
+		},
+		{
+			"displayName": "Christmas Tree",
+			"version": "1.0",
+			"info": "With this little nice tool you can have fun decorating your own Christmas Trees.",
+			"languageId": 1,
+			"name": "christmas_tree",
+			"visible": true
+		},
+		{
+			"displayName": "Toornament Teams",
+			"version": "1.0",
+			"info": "Small tool for creating multi op.gg links for teams in Toornament.",
+			"languageId": 1,
+			"name": "toornament_teams",
+			"visible": true
+		},
+		{
+			"displayName": "Circuits",
+			"version": "1.0",
+			"info": "Be smart and capture every circuit.",
+			"languageId": 2,
+			"name": "circuits",
+			"visible": false
+		},
+		{
+			"displayName": "Cube Run",
+			"version": "1.0",
+			"info": "The game that everyone knows with a few little changes.",
+			"languageId": 2,
+			"name": "cube_run",
+			"visible": true
+		},
+		{
+			"displayName": "Overwatch Statistics",
+			"version": "1.5.1",
+			"info": "Site to track Overwatch Competitive progress, because Blizzard API does not include Overwatch.",
+			"languageId": 0,
+			"name": "overwatch_stats",
+			"visible": true
+		},
+		{
+			"displayName": "Pathfinder",
+			"version": "1.0",
+			"info": "A graphical demonstration of some pathfinder algorithms.",
+			"languageId": 0,
+			"name": "pathfinder",
+			"visible": true
+		},
+		{
+			"displayName": "Bed Side-Chooser",
+			"version": "1.0",
+			"info": "Small program written by Sel♥ to know on which side of the bed she should sleep.",
+			"languageId": 0,
+			"name": "bed_random",
+			"visible": false
+		},
+		{
+			"displayName": "Doppler Effect",
+			"version": "1.0",
+			"info": "Graphical demonstration of the Doppler effect.",
+			"languageId": 0,
+			"name": "doppler_effect",
+			"visible": false
+		},
+		{
+			"displayName": "Chainreact",
+			"version": "1.2.3",
+			"info": "Capture fields by being smart!",
+			"languageId": 0,
+			"name": "chainreact",
+			"visible": true
+		},
+		{
+			"displayName": "Global Draw Sheet",
+			"version": "1.2.13",
+			"info": "A draw sheet for everyone. Have fun :)",
+			"languageId": 0,
+			"name": "global_draw",
+			"visible": true
+		},
+		{
+			"displayName": "Pong Remastered Online",
+			"version": "1.0",
+			"info": "My new version of the game Pong, also playable against friends.",
+			"languageId": 1,
+			"name": "pong",
+			"visible": true
+		},
+		{
+			"displayName": "Valentine Present ♥",
+			"version": "1.0",
+			"info": "For Sel♥",
+			"languageId": 0,
+			"name": "valentine",
+			"visible": true
+		},
+		{
+			"displayName": "Lissajous Curve",
+			"version": "1.0",
+			"info": "Live rendering of a graph of a system of parametric equations.",
+			"languageId": 0,
+			"name": "lissajous_curve",
+			"visible": true
+		},
+        {
+			"displayName": "Memory",
+			"version": "1.0",
+			"info": "A memory game, also works online with your friends.",
+			"languageId": 0,
+			"name": "memory",
+			"visible": true
+		},
+        {
+			"displayName": "Rubiks Cube",
+			"version": "1.0",
+			"info": "The 3x3 Rubiks Cube in 3D (wasn't easy!!).",
+			"languageId": 0,
+			"name": "rubiks_cube",
+			"visible": true
+		},
+        {
+			"displayName": "Jump And Run",
+			"version": "1.0",
+			"info": "Birthday present for Sel♥.",
+			"languageId": 0,
+			"name": "jump_and_run",
+			"visible": true
+		},
+        {
+			"displayName": "Bricks v3.1",
+			"version": "1.0",
+			"info": "My own version of the classical \"Break Bricks\".",
+			"languageId": 0,
+			"name": "bricks",
+			"visible": true
+		},
+        {
+			"displayName": "Colorpicker",
+			"version": "1.0",
+			"info": "Tool for determining color codes in HSB, RGB and HEX.",
+			"languageId": 0,
+			"name": "colorpicker",
+			"visible": false
+		},
+		{
+			"displayName": "Fibonacci",
+			"version": "1.0",
+			"info": "Standing picture of the Fibonacci sequence. For a moving version created by a friend of mine view <a href=\"http://v.bertlwieser.eu/js/fibonacci/\" target=\"_blank\">here</a>.",
+			"languageId": 0,
+			"name": "fibonacci",
+			"visible": false
+		},
+		{
+			"displayName": "Maths",
+			"version": "1.0",
+			"info": "My try of copying GeoGebra.",
+			"languageId": 0,
+			"name": "maths",
+			"visible": false
+		},
+		{
+			"displayName": "2D Openworld",
+			"version": "1.0",
+			"info": "My first 2D Openworld project. You can explore by moving your cursor to the frame borders.",
+			"languageId": 0,
+			"name": "openworld",
+			"visible": false
+		},
+		{
+			"displayName": "Physics",
+			"version": "1.0",
+			"info": "A small physical interface for creating objects with interacting physical properties.",
+			"languageId": 0,
+			"name": "physics",
+			"visible": false
+		},
+		{
+			"displayName": "Palms",
+			"version": "1.0",
+			"info": "Very small moving picture of palms upon Sel's request.",
+			"languageId": 0,
+			"name": "palms",
+			"visible": false
+		},
+		{
+			"displayName": "Calculator",
+			"version": "1.0",
+			"info": "Working, but no perfect mathematical calculator.",
+			"languageId": 0,
+			"name": "calculator",
+			"visible": false
+		},
+		{
+			"displayName": "Sierpinski",
+			"version": "1.0",
+			"info": "Some sequences by the mathematician Sierpinski.",
+			"languageId": 0,
+			"name": "sierpinski",
+			"visible": true
+		},
+		{
+			"displayName": "Exior Web",
+			"version": "1.0",
+			"info": "A small website for an imaginary company, led by me and my class mates.",
+			"languageId": 0,
+			"name": "exior_web",
+			"visible": false
+		},
+		{
+			"displayName": "Cross Product",
+			"version": "1.0",
+			"info": "A 3D coordinates system which supported my presentation about the cross product in math class. Switch through states with arrow keys.",
+			"languageId": 0,
+			"name": "cross_product",
+			"visible": false
+		},
+        {
+			"displayName": "Circles",
+			"version": "1.0",
+			"info": "Inspired by the CodingTrain (senseless).",
+			"languageId": 0,
+			"name": "circles",
+			"visible": false
+		}
+	]
+}