.gitignore

@@ -116,4 +116,3 @@ composer.phar
 *.sqlite
 
 Backend/test.php
-config/database.json

Backend/Controllers/Admin/Admin.php

@@ -19,5 +19,4 @@ function makeAdminLogin(string $userName)
         'path' => '/'
     ]);
 }
-//test
 

Backend/Controllers/Admin/AdminLogin.php

@@ -18,7 +18,7 @@ if (isset($_POST['aLogin'])) {
         if (password_verify($password, $hashedPassword)) {
             $_SESSION['userName'] = $userName;
             $_SESSION['admin'] = true;
-            //$_SESSION['success'] = "You are now logged in";
+            $_SESSION['success'] = "You are now logged in";
             http_response_code(200);
             makeAdminLogin($userName);
         } else {

Backend/Controllers/Admin/AdminSignup.php

@@ -8,8 +8,7 @@ if (isAdmin()) {
     if (isset($_POST["newAdmin"])) {
         $admin = new AdminUser();
         $admin->user_name = $_POST["newUsername"];
-        $admin->password = password_hash($_POST["newPassword"],PASSWORD_DEFAULT);
-
+        $admin->password = $_POST["newPassword"];
         if ($admin->save()) {
             http_response_code(201);
         } else {

Backend/Controllers/FileHandler/GetGameData.php

@@ -13,12 +13,9 @@ if (isset($_GET['gameDataId'])) {
     $registrationIds = Registration::where("group_id", $_GET['groupId'])->pluck("game_data_id")->toArray();
     $openGameDataStream = GameData::whereIn("id", $registrationIds)->get();
 } elseif (isset($_GET['gameJamId'])) {
-    $gameDataIds = Registration::where("game_jam_id", $_GET['gameJamId'])->pluck("game_data_id")->toArray();
+    $gameDataIds = Group::where("game_jam_id", $_GET['gameJamId'])->pluck("game_data_id")->toArray();
     $openGameDataStream = GameData::whereIn("id", $gameDataIds)->get();
-} elseif (isset($_GET["newest"])){
-    $openGameDataStream = GameData::all()->sortByDesc("updated_at")->take($_GET["newest"]);
-}
-else {
+} else {
     $openGameDataStream = GameData::all();
 }
 

Backend/Controllers/FileHandler/updateFiles.php

@@ -38,30 +38,19 @@ if (isLogin()) {
 
         $gameData->game_name = $title;
         if (isset($gameData) && $gameFileError === 0) {
-            if(unlink("../../Games/" . $gameData->game_link)){
+            unlink("../../Games/" . $gameData->game_link);
             $gameData->game_link = ZipFileHandler($gameFileName, $gameFileTmp);
-            }else{
-                http_response_code(500);
-                exit();
-            }
-
         }
         $gameData->description = $desc;
         if (isset($thumbnail) && $thumbnailFileError === 0) {
-
-            if(unlink("../../../Frontend/images/" . $gameData->img)){
+            unlink("../../../Frontend/images/" . $gameData->img);
             $gameData->img = imagesFileHandler($thumbnailFileName, $thumbnailFileTmp);
-            }else{
-                http_response_code(500);
-                exit();
-            }
-
         }
         $gameData->is_web_Based = $isWebBased;
         if (!$gameData->save()) {
             http_response_code(500);
         } else {
-            http_response_code(200);
+            http_response_code(201);
         }
 
     } else {

Backend/Controllers/FileHandler/upload.php

@@ -23,7 +23,7 @@ if (isLogin()) {
             echo json_encode(["message" => "gameJam not found"]);
             exit();
         }
-        $registration = Registration::where('game_jam_id', $gameJam->id)->where("group_id", $group->id)->first();
+        $registration = Registration::where('game_jam_id', $gameJam->id)->where("group_id", $group->id)->frist();
         if ($registration === null) {
             http_response_code(401);
             echo json_encode(["message" => "group not registered for that game jam"]);

Backend/Controllers/GameJam/GetGameJam.php

@@ -11,20 +11,7 @@ use Backend\Models\GameJam;
 
 if (isset($_GET['gameJamId'])) {
     $dbValue = GameJam::find($_GET['gameJamId']);
-}elseif (isset($_GET['hasEnded'])){
-    $hasEnded = $_GET['hasEnded'];
-    if($hasEnded == 0 OR $hasEnded == 1){
-        if ($hasEnded){
-            $dbValue = GameJam::where("is_finished",1)->get();
 } else {
-            $dbValue = GameJam::where("is_finished",0)->get();
-        }
-    }
-    else{
-        $dbValue = GameJam::all();
-    }
-}
-else {
     $dbValue = GameJam::all();
 }
 

Backend/Controllers/GameJam/UpdateGameJam.php

@@ -23,7 +23,7 @@ if (isAdmin()) {
 
             $gameJam->description = $_POST['description'];
             if ($gameJam->save()) {
-                http_response_code(200);
+                http_response_code(201);
             } else {
                 http_response_code(500);
             }

Backend/Controllers/Group/GetGroup.php

@@ -16,5 +16,3 @@ header("Access-Control-Allow-Methods: GET");
 header("Access-Control-Allow-Headers: X-Requested-With, Content-Type, Accept");
 header('Content-Type: application/json;charset=UTF-8');
 echo json_encode(array('data' => $groups->jsonSerialize()));
-
-

Backend/Controllers/Group/ResetPassword.php

@@ -10,10 +10,11 @@ if (isAdmin()) {
         $password = Password::firstWhere("group_id", $_POST['groupId']);
         if ($password) {
             $password->password = password_hash($_POST['newPassword'], PASSWORD_DEFAULT);
+            echo $password;
             if (!$password->save()) {
                 http_response_code(500);
             } else {
-                http_response_code(200);
+                http_response_code(201);
             }
         } else {
             http_response_code(400);

Backend/Controllers/Group/SigningUp.php

@@ -8,6 +8,9 @@ use Backend\Models\Password;
 use Backend\Models\GameJam;
 use Illuminate\Support\Str;
 
+$groupName = "";
+$errors = array();
+
 if (isset($_POST['regGroup'])) {
 
 

Backend/Controllers/Group/UpdateGruop.php

@@ -11,7 +11,7 @@ if (isLogin()) {
             if (!$group->save()) {
                 http_response_code(500);
             } else {
-                http_response_code(200);
+                http_response_code(201);
             }
         } else {
             http_response_code(400);

Backend/Controllers/Group/UpdatePassword.php

@@ -12,7 +12,7 @@ if (isLogin()) {
             if (!$password->save()) {
                 http_response_code(500);
             } else {
-                http_response_code(200);
+                http_response_code(201);
             }
         } else {
             http_response_code(400);

Backend/Controllers/Polls/GetVote.php

@@ -1,29 +1,13 @@
 <?php
 
-use Backend\Models\GameData;
 use Backend\Models\Vote;
-use \Backend\Models\Registration;
 
 require_once "../../../bootstrap.php";
 require_once "../Group/Group.php";
 
 if (isLogin()) {
-
-    $gameDate = GameData::find($_GET[]);
-    if(!$gameDate){
-        http_response_code(400);
-        echo json_encode(["message" => "game data not found"]);
-        exit();
-    }
-    $reg = Registration::where("game_data_id", $gameDate->id)->first();
-    $group = groupViaToken($_SESSION['token']);
-    if($reg->group_id !== $group->id){
-        http_response_code(401);
-        echo json_encode(["message" => "group not own game data"]);
-    }
-
     header('Content-Type: application/json;charset=UTF-8');
-    echo json_encode(array('data' => Vote::where('game_data_id',$gameDate->id)->get()->jsonSerialize()));
+    echo json_encode(array('data' => Vote::where('group_id', groupViaToken($_SESSION['token'])->id)->get()->jsonSerialize()));
 
 } else {
     http_response_code(401);

Backend/Controllers/Registration/GetRegistration.php

@@ -1,20 +1 @@
 <?php
-require_once "../../../bootstrap.php";
-
-use Backend\Models\Registration;
-
-if(isset($_GET["registrationId"])){
-   $regs = Registration::find($_GET["registrationId"]);
-} elseif (isset($_GET["groupId"])){
-    $regs = Registration::where("group_id", $_GET["groupId"])->get();
-} elseif (isset($_GET["gameJamId"])){
-    $regs = Registration::where("game_jam_id", $_GET["gameJamId"])->get();
-}elseif (isset($_GET["gameDataId"])){
-    $regs = Registration::where("game_data_id", $_GET["gameDataId"])->get();
-}else{
-    $regs = Registration::all();
-}
-header("Access-Control-Allow-Methods: GET");
-header("Access-Control-Allow-Headers: X-Requested-With, Content-Type, Accept");
-header('Content-Type: application/json;charset=UTF-8');
-echo json_encode(array('data' => $regs->jsonSerialize()));

Backend/Controllers/Registration/NewRegistration.php

@@ -1,32 +1 @@
 <?php
-require_once "../../../bootstrap.php";
-require_once "../Group/Group.php";
-
-use Backend\Models\Registration;
-
-if(isLogin()){
-    if(isset($_POST['newReg'])){
-        $group = groupViaToken($_SESSION['token']);
-        $gameJam = \Backend\Models\GameJam::find($_POST["gameJamId"]);
-        if(Registration::where("group_id", $group->id)->where("game_jam_id", $gameJam->id)->count() === 0){
-            $reg = new Registration();
-            $reg->group_amount = $_POST["groupAmount"];
-            $reg->group()->associate($group);
-            $reg->gameJam()->associate($gameJam);
-            if($reg->save()){
-                http_response_code(201);
-            }else{
-                http_response_code(500);
-            }
-        }else {
-            http_response_code(400);
-            echo json_encode(["message" => "already registered"]);
-        }
-    }else {
-        http_response_code(400);
-    }
-}else{
-    http_response_code(401);
-    echo json_encode(["message" => "is not login"]);
-}
-

Backend/Controllers/Registration/UpdateRegistration.php

@@ -1,27 +1 @@
 <?php
-require_once "../../../bootstrap.php";
-require_once "../Group/Group.php";
-
-use Backend\Models\Registration;
-
-if(isLogin()){
-    if(isset($_POST['updateReg'])){
-        if($reg = Registration::find($_POST["registrationId"])->where("group_id", groupViaToken($_SESSION['token'])->id)->first()){
-            $reg->group_amount = $_POST["groupAmount"];
-            if($reg->save()){
-                http_response_code(200);
-            }else{
-                http_response_code(500);
-            }
-        }else{
-            http_response_code(400);
-            echo json_encode(["message" => "registration does not exits"]);
-        }
-
-    }else{
-        http_response_code(400);
-    }
-}else{
-    http_response_code(401);
-    echo json_encode(["message" => "is not login"]);
-}

Backend/Controllers/keyWord/GetKeyWinner.php

@@ -6,12 +6,12 @@ use \Backend\Models\KeyWord;
 use \Backend\Models\GameJam;
 use Backend\Models\Registration;
 
-if (isAdmin()) {
-    if (isset($_GET['gameJamId'])) {
+if (!isAdmin()) {
+    if (isset($_GET['genKeyWord'])) {
         $gameJamId = $_GET['gameJamId'];
         $game_jam = GameJam::find($gameJamId);
         $all_registration_in_game_jam_id = Registration::where("game_jam_id", $game_jam->id)->pluck("id")->toArray();
-        $find_all_keywords = KeyWord::whereIn("registration_id", $all_registration_in_game_jam_id)->inRandomOrder()->take(6)->get();
+        $find_all_keywords = KeyWord::whereIn("group_id", $all_registration_in_game_jam_id)->inRandomOrder()->take(6)->get();
         $game_jam->key_word = $find_all_keywords->first()->key_word;
         if (!$game_jam->save()) {
             http_response_code(500);

Backend/Controllers/keyWord/NewKeyWord.php

@@ -7,20 +7,20 @@ use Backend\Models\Registration;
 use Backend\Models\Group;
 use Backend\Models\KeyWord;
 
+session_start();
+
 if (isLogin()) {
     if (isset($_POST['submitKeyWord'])) {
         //Find the group
         $group = groupViaToken($_SESSION['token']);
 
-        if(!$gameJam = GameJam::find($_POST['gameJamId'])){
+        if($gameJam = GameJam::find($_POST["gameJamId"]) === null){
             http_response_code(400);
             echo json_encode(["message" => "gameJam not found"]);
             exit();
         }
-        //var_dump($gameJam);
-
-        $registration = Registration::where('game_jam_id', $gameJam->id)->where("group_id", $group->id)->first();
-        if (!$registration) {
+        $registration = Registration::where('game_jam_id', $gameJam->id)->where("group_id", $group->id)->frist();
+        if ($registration === null) {
             http_response_code(401);
             echo json_encode(["message" => "group not registered for that game jam"]);
             exit();
@@ -33,7 +33,7 @@ if (isLogin()) {
             $keyword = new KeyWord();
 
             //Take the keyWord the user typed and set it equal to the keyword valuable
-            $keyword->key_word = $_POST['keyWord'];
+            $keyword->key_word = $_POST['key_word'];
 
             //Make foreign key from the groups table to the keyWords table
             $keyword->registration()->associate($registration);

Backend/Database/GameJam.php

@@ -13,8 +13,7 @@ Capsule::schema()->create("game_jams", function (Blueprint $table) {
     $table->dateTime("start_time");
     $table->dateTime("end_time");
     $table->string("key_word")->nullable();
-    $table->text("description");
-    $table->boolean("is_finished")->default(false);
+    $table->text("description")->nullable();
     $table->timestamps();
 });
 

Backend/Database/KeyWord.php

@@ -10,7 +10,7 @@ use Illuminate\Support\Facades\Schema;
 Capsule::schema()->create("key_words", function (Blueprint $table) {
     $table->id();
     $table->string('key_word');
-    $table->foreignId("registration_id")->constrained("registrations");
+    $table->foreignId("registrations_id")->constrained("registrations");
     $table->timestamps();
 });
 

Backend/Models/GameJam.php

@@ -12,8 +12,7 @@ class GameJam extends Eloquent
         'start_time',
         'end_time',
         'key_word',
-        'description',
-        'is_finished'
+        'description'
     ];
 
 

Frontend/.vs/VSWorkspaceState.json

@@ -1,11 +1,9 @@
 {
   "ExpandedNodes": [
-    "",
     "\\Html",
     "\\Images",
     "\\Javascript",
     "\\Styles"
   ],
-  "SelectedNode": "\\Index.html",
   "PreviewInSolutionExplorer": false
 }

Frontend/Html/AdminPage.html

@@ -1,70 +1,46 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <!-- Default page settings -->
     <title>Admin Panel</title>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="shortcut icon" href="../Images/UFO.png" />
     <!-- Default page settings end -->
 
     <!-- CSS -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
-      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
-      crossorigin="anonymous"
-    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
     <link rel="stylesheet" href="../Styles/Index.css" />
     <link rel="stylesheet" href="../Styles/AdminPage.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-      integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
-      crossorigin="anonymous"
-    />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
     <!-- CSS end -->
 
     <!-- Header scripts -->
-    <script
-      src="https://code.jquery.com/jquery-3.6.0.min.js"
-      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
-      crossorigin="anonymous"
-    ></script>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.5/dist/jquery.inputmask.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/js/jquery.overlayScrollbars.js"></script>
-    <script
-      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"
-      integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"
-      integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG"
-      crossorigin="anonymous"
-    ></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
     <!-- Header scripts end -->
 </head>
 
 <body>
+
     <div class="HeaderPanel" id="header">
         <div class="HeaderLeft">
-              <a style="display: inline-block" href="../Index.html">
+            <a style="display: inline-block;" href="../Index.html">
                 <i class="fas fa-arrow-left"></i>
             </a>
         </div>
         <div class="HeaderTitle">
-              <h2 style="margin-bottom: 0px">Admin Panel</h2>
+            <h2 style="margin-bottom: 0px">
+                Admin Panel
+            </h2>
         </div>
     </div>
 
@@ -75,210 +51,71 @@
     <h3>Administration</h3>
     <h5>Opret Game Jam</h5>
 
-      <div class="container">
+    <div>
         <form id="createGameJam" method="POST">
-              <div class="row">
+            <!-- <label for="nameOfGameJam">Indtast navn på Game Jam:</label>
+            <input type="text" name="newGameJam" id="nameOfGameJam"> -->
+
             <div class="FormField">
-                      <input type="text"
-                                 class="FormFieldInput"
-                                 placeholder="Gamejam title"
-                                 name="newGameJam"
-                                 id="gamejamTitle"
-                                 required />
-                       <label for="gamejamTitle" class="FormFieldLabel">
+                <input type="text" class="FormFieldInput" placeholder="Gamejam title" name="newGameJam" id="GamejamTitle" required>
+                <label for="GamejamTitle" class="FormFieldLabel">
                     Gamejam title
                 </label>
             </div>
-              </div>
 
-              <div class="row row-cols-2">
-                  <div class="col" id="colDate">
             <div class="FormField">
-                          <input type="date"
-                                 class="FormFieldInput"
-                                 placeholder="mm/dd/yyyy"
-                                 name="startDate"
-                                 id="startDate"
-                                 required />
+                <div id="Dates">
+                    <input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="startDate" id="startDate" required>
                     <label for="startDate" class="FormFieldLabel" id="startDateLabel">
                         Start dato
                     </label>
-                      </div>
-                  </div>
-                  <div class="col" id="colTime">
-                      <div class="FormField">
-                          <input type="time"
-                                 class="FormFieldInput"
-                                 placeholder="hh:mm"
-                                 name="startTime"
-                                 id="startTime"
-                                 required />
-                          <label for="startTime" class="FormFieldLabel" id="startTimeLabel">
-                              Start tid
-                          </label>
-                      </div>
-                  </div>
 
-              </div>
-
-              <div class="row row-cols-2">
-                  <div class="col" id="colDate">
-                      <div class="FormField">
-                          <input type="date"
-                                 class="FormFieldInput"
-                                 placeholder="mm/dd/yyyy"
-                                 name="endDate"
-                                 id="endDate"
-                                 required />
+                    <input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="endDate" id="endDate" required>
                     <label for="endDate" class="FormFieldLabel" id="endDateLabel">
                         Slut dato
                     </label>
                 </div>
-                  </div>
 
-                  <div class="col" id="colTime">
-                      <div class="FormField">
-                          <input type="time"
-                                 class="FormFieldInput"
-                                 placeholder="hh:mm"
-                                 name="endTime"
-                                 id="endTime"
-                                 required />
-                          <label for="endTime" class="FormFieldLabel" id="endTimeLabel">
-                              Slut tid
+                <div class="Times">
+                    <input type="text" class="FormFieldInput" placeholder="hh:mm" name="startTime" id="startTime" required>
+                    <label for="startTime" class="FormFieldLabel" id="startTimeLabel">
+                        Start tidspunkt
                     </label>
-                      </div>
+
+                    <input type="text" class="FormFieldInput" placeholder="hh:mm" name="endTime" id="endTime" required>
+                    
                 </div>
             </div>            
 
             <div class="FormField">
-                  <input type="text"
-                         class="FormFieldInput"
-                         placeholder="Emne / Keywords (Ikke obligatorisk)"
-                         name="keyWord"
-                         id="keyWord" />
+                <input type="text" class="FormFieldInput" placeholder="Emne / Keywords (Ikke obligatorisk)" name="keyWord" id="keyWord" required>
                 <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
-                      Emne (Ikke obligatorisk)
+                    Emne / Keywords (Ikke obligatorisk)
                 </label>
             </div>
 
             <div class="FormField">
-                  <textarea class="FormFieldInput"
-                            placeholder="Beskrivelse"
-                            name="description"
-                            id="Beskrivelse"
-                            required></textarea>
+                <textarea class="FormFieldInput" placeholder="Beskrivelse" name="description" id="Beskrivelse" required></textarea>
                 <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
                     Beskrivelse
                 </label>
             </div>
-              <input type="submit" name="newGameJam" id="indsend" value="Indsend" />
+
+            <!-- <div class="form-floating">
+                <textarea class="form-control" name="description" id="description" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px"></textarea>
+                <label for="floatingTextarea2">Beskrivelse</label>
+            </div> -->
+
+            <input type="submit" name="newGameJam" id="indsend" value="Indsend">
         </form>
     </div>
     <!-- Opret game jam slut -->
 
-      <hr class="GradientDivider">
-
-      <!-- updater game jam start -->
-      <h5>updater Game Jam</h5>
-
-      <div class="container">
-          <form id='UpdateGameJam' method='post'>
-              <section id="game-jame-update-drop-down">
-              </section>
-
-              <section id="game-jame-update">
-
-
-                  <div class="row">
-                      <div class="FormField">
-                          <label for='UGameJamTitle' class="FormFieldLabel" id="UGameJamTitleLabel">Game Jam tittle</label>
-                          <input type='text'
-                                 class="FormFieldInput"
-                                 placeholder="Gamejam title"
-                                 id='UGameJamTitle'
-                                 required value=""
-                                 name="gameJamName" />
-                      </div>
-                  </div>
-
-                  <div class="row row-cols-2">
-                      <div class="col" id="colDate">
-                          <div class="FormField">
-                              <label for="UStartDate" class="FormFieldLabel" id="UStartDateLabel">Start dag</label>
-                              <input type='date'
-                                     class="FormFieldInput"
-                                     placeholder="mm/dd/yyyy"
-                                     id='UStartDate' 
-                                     required name="startDate" />
-                          </div>
-                      </div>
-                      <div class="col" id="colTime">
-                          <div class="FormField">
-                              <label for="UStartTime" class="FormFieldLabel" id="UStartTimeLabel">Start tid</label>
-                              <input type="time"
-                                     class="FormFieldInput"
-                                     placeholder="hh:mm"
-                                     id="UStartTime"
-                                     required name="startTime" />
-                          </div>
-                      </div>
-                  </div>
-
-                  <div class="row row-cols-2">
-                      <div class="col" id="colDate">
-                          <div class="FormField">
-                              <label for="UEndDate" class="FormFieldLabel" id="UEndDateLabel">Slut dag</label>
-                              <input type="date"
-                                     class="FormFieldInput"
-                                     placeholder="mm/dd/yyyy"
-                                     id="UEndDate"
-                                     required name="endDate" />
-                          </div>
-                      </div>
-                      <div class="col" id="colTime">
-                          <div class="FormField">
-                              <label for="UEndTime" class="FormFieldLabel" id="UEndTimeLabel">slut tid</label>
-                              <input type="time"
-                                     Class="FormFieldInput"
-                                     placeholder="hh:mm"
-                                     id="UEndTime" 
-                                     required name="endTime" />
-                          </div>
-                      </div>
-                  </div>
-                  <div class="FormField">
-                      <label for="UKeyWord" class="FormFieldLabel" id="UKeyWordLabel">Emne(Ikke obligatorisk)</label>
-                      <input type="text" 
-                             class="FormFieldInput"
-                             placeholder="Emne / Keywords (Ikke obligatorisk)"
-                             id="UKeyWord"
-                             name="keyWord" />
-                  </div>
-                  <div class="FormField">
-                      <label for="UKeyWord" class="FormFieldLabel" id="UDescriptionLabel">Beskrivelse</label>
-                      <textarea class="FormFieldInput"
-                             
-                             placeholder="Beskrivelse"
-                             id="UDescription"
-                             required name="description"></textarea>
-                  </div>
-                      <input type="submit"
-                             value="set"
-                             name="updateGameJam"
-                             id="updateGameJam" />
-
-
-              </section>
-          </form>
-      </div>
-
-
     <!-- Body scripts -->
     <script src="../Javascript/OverlayScrollbar.js"></script>
-          <!--<script src="../Javascript/AddEvent.js"></script>-->
+    <script src="../Javascript/AddEvent.js"></script>
     <script src="../Javascript/AddGameJam.js"></script>
     <!-- Body scripts end -->
-          <script src="../Javascript/AdminPageScript.js"></script>
 </body>
+
 </html>

Frontend/Html/ShowCase.html

@@ -28,9 +28,7 @@
     <div>
         <div class="row">
             <div class="col-sm" id="description">
-                <b>Beskrivelse</b><br />
-                Yoooooooo my name is gert,
-                I love flowers.... HA what?
+                Beskrivelse
                 <br />
                 <button id="isWebBased">Play game online</button>
                 <button id="gameFil">Download game</button>
@@ -40,18 +38,19 @@
             </div>
         </div>
     </div>
-    <hr class="GradientDivider" />
+    <div id="suggestions">
+        <p>Hej dkjhhnsd hid hgndnf ghnd df</p>
+    </div>
 
-    <p>Måske vil du prøve...</p>
     <div class="jcarousel-wrapper">
         <div class="jcarousel" data-jcarousel="true">
             <ul style="left: 0px; top: 0px;">
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 1"></a></li>
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 2"></a></li>
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 3"></a></li>
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 4"></a></li>
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 5"></a></li>
-                <li style="width: 200px;"><a href="#link"><img src="../Images/spil.jpg" alt="Image 6"></a></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 1"></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 2"></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 3"></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 4"></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 5"></li>
+                <li style="width: 200px;"><img src="../Images/spil.jpg" alt="Image 6"></li>
             </ul>
         </div>
 

Frontend/Html/newPage.html

@@ -1,367 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="../Images/UFO.png" />
-    <title>GameJam</title>
-
-    <link
-      rel="stylesheet"
-      href="../../vendor/twbs/bootstrap/dist/css/bootstrap.min.css"
-    />
-    <style>
-      #navbar {
-        transition: top 0.3s; /* Transition effect when sliding down (and up) */
-      }
-    </style>
-
-    <script src="../../vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script
-      src="https://code.jquery.com/jquery-3.6.0.min.js"
-      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
-      crossorigin="anonymous"
-    ></script>
-    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-  </head>
-
-  <body class="bg-dark text-white">
-    <nav
-      id="game-nav"
-      class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark"
-    >
-      <div class="container-fluid">
-        <a class="navbar-brand" href="#"
-          ><img src="../Images/UFO.png" alt="" width="32" height="32" />
-        </a>
-        <button
-          class="navbar-toggler"
-          type="button"
-          data-bs-toggle="collapse"
-          data-bs-target="#navbarNav"
-          aria-controls="navbarNav"
-          aria-expanded="false"
-          aria-label="Toggle navigation"
-        >
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarNav">
-          <ul class="navbar-nav">
-            <li class="nav-item">
-              <a class="nav-link" aria-current="page" href="#game-top">Hjem</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#game-what">Information</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Events</a>
-            </li>
-            <li class="nav-item dropdown">
-              <a
-                class="nav-link dropdown-toggle"
-                href="#"
-                id="navbarDropdownMenuLink"
-                role="button"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-              >
-                Toggle Dropdown
-              </a>
-              <ul
-                class="dropdown-menu dropdown-menu-dark"
-                aria-labelledby="navbarDropdownMenuLink"
-              >
-                <li>
-                  <a class="dropdown-item" href="#">Spil</a>
-                </li>
-                <li>
-                  <a class="dropdown-item" href="#">Upload fil</a>
-                </li>
-                <li>
-                  <a class="dropdown-item" href="#">Stem</a>
-                </li>
-                <li>
-                  <a class="dropdown-item" href="#">Lodtrækning</a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
-    <div>
-      <div class="container mb-5">
-        <h1 id="game-top" class="mt-3 text-center">Velkommen til Game Jam!</h1>
-        <section class="text-center">
-          <p>
-            Denne hjemmeside er lavet til alle som elsker at udvikle spil og
-            konkurerre.
-          </p>
-          <div>
-            <p>
-              Game jam handler om at udvikle et spil i grupper på begrænset tid.
-              Denne tidsbegrænsning er beregnet til at simulere presset fra en
-              deadline og til at fremme kreativitet blandt ideer produceret af
-              Game Jam teams. Selve Game Jammet handler om at udfodre sig selv
-              og andre. Det giver god øvelse i forhold til sine egne evner
-              indenfor programmering og design. Det viser selvfølelig også hvor
-              godt man arbejder i grupper og hvor meget man kan nå på den tid
-              man har fået til at lave sit spil i
-            </p>
-            <p>
-              Vi elsker at se hvordan de forskellige udviklere vælger sin
-              fremgangs måde, og hvad som er vigtigst for de forskellige grupper
-              at få med. Dette giver både nye ideer til alle samt en anden måde
-              at tænke på. Vi ved jo alle sammen godt, at ingen tænker på den
-              samme måde, og det er også det som er spændene. Man ved aldrig
-              hvad temaet er inden man går i gang. Man kan have en ide om hvad
-              for et spil man vil lave, men når man får temaet afvide, kan det
-              være at man får en ny synsvinkel på hvordan man vil løse opgaven.
-              læs mere under
-              <a href="#">Regler</a>.
-            </p>
-          </div>
-        </section>
-        <h5 id="game-what" class="text-center">Hvad er et Game jam?</h5>
-        <section class="text-center">
-          <p>
-            Game Jam er et sted hvor du og dine venner kan samles og konkurrer
-            om at lave det bedste spil på begrænset tid. Her har i chancen for
-            at gøre hvad i er bedst til, nemlig at udvikle jeres eget spil. Det
-            er spændende, hyggeligt og selvfølelig rigtigt sjovt. Under
-            <a href="#">Lodtrækning</a>
-            bliver der trækket lod om et tema spillet skal handle om.
-          </p>
-        </section>
-        <h3 id="game-why" class="text-center">Hvorfor skal du deltage?</h3>
-        <section class="text-center">
-          <div class="mt-3">
-            <a
-              class="btn btn-lg btn-outline-info"
-              href="#game-why-collapse"
-              data-bs-toggle="collapse"
-              role="button"
-              >Her er 7 grunde.</a
-            >
-            <div id="game-why-collapse" class="collapse pt-4">
-              <div class="container text-start">
-                <div class="row">
-                  <div class="col-3">
-                    <h5>1. Tids planlægning</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Når du deltager i flere af Game Jams forbedrer du din evne
-                      til tidsplanlægning. Du begynder bedre at estimere den
-                      tid, det vil tage for en bestemt opgave. Denne færdighed
-                      er også meget vigtigt at forstå, om visse funktioner er
-                      det værd, og hvis du endda skal implementere dem eller ej.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>2. Hastighed</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Deltagelse i Game Jammet vil forbedre din hastighed. For
-                      eksempel, som programmør, vil du se nogle genvej til at
-                      gøre det mindre smukt i koden, men funktionelt det samme,
-                      som er vigtigt for et Game jam. Som et hold vil du lære at
-                      beslutte, hvilken mulighed du skal vælge, hvilket spil du
-                      skal gøre meget hurtigere. Når du laver prototyper, vil du
-                      også støde på en masse værktøjer og tricks, som du kan
-                      bruge på senere prototyper eller spil, fordi du allerede
-                      prøvet dem og nu ved, hvad de er bedst egnet til.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>3. Forbedre prototypeevner</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Game Jams omfavner virkelig tanken om, at du skal gøre
-                      spillet spilbart først. Uden kunst, lyde osv. I mange
-                      tilfælde efter dette får du ideen, hvis mekanikerne giver
-                      mening, eller hvis det har potentiale. Du vil bemærke
-                      nogle ting, som du ikke tænkte så meget på, men som er
-                      meget vigtige for at få spillet spilbart, som du vil blive
-                      nødt til at løse som det næste. Når spillet er spilbart,
-                      vil du fortsætte med at arbejde med ting, som du ikke
-                      ville udgive dit spil uden.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>4. Eksperimenter som du lyster</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Du kommer automatisk til at være mere villig til at prøve
-                      tingene ud og se, om de vil fungere eller ej. Men det
-                      afhænger naturligvis af, hvor lang tid det kommer til at
-                      tage at implementere visse funktioner og prøve dem af. Så
-                      en god tidsplans vil helt sikkert hjælpe. Du ved aldrig om
-                      en af de funktioner vil redde projektet og sikre dig
-                      førstepladsen.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>5. Forbedre dine overordnede spiludviklingsevner</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Jo flere game jams du deltager i, jo flere ting til du
-                      opdage. Du lærer hvad som gør et spil bedre og hvilke
-                      funktioner som kan redde dig i sidste ende. Du kan prøve
-                      en masse forskellige genre, som du måske ikke ville have
-                      overvejet at prøve af før. Det vil også vise dig, hvilke
-                      genre som er lettere eller sværere at udvikle.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>6. Mød nye mennesker og skab et netværk</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Game jams er fantastisk til at møde nye mennesker som du
-                      deler interesse med, samt styrke dine nuværende relationer
-                      hvis du deltager i et game jam med dem som et team. Når du
-                      skaber nye relationer der deler den samme interesse som
-                      dig, er det nemt at få inputs fra hinanden. Det kan
-                      muligvis være at du havde et problem som du aldrig helt
-                      fandt ud af, hvor din nye relation kan forklare hvordan
-                      han/hun ville have gjort, eller omvendt.
-                    </p>
-                  </div>
-                </div>
-                <div class="row">
-                  <div class="col-3">
-                    <h5>7. Hav det sjovt!</h5>
-                  </div>
-                  <div class="col">
-                    <p>
-                      Game Jams er super sjovt! Man udfordre sig selv, får nye
-                      ideer og man får lov til at se hvordan andre tænker ved at
-                      løse den samme opgave. Er du et konkurrance menneske gør
-                      det kun det hele meget bedre. En undersøgelse af
-                      <a
-                        href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/"
-                        >McFunkyPants</a
-                      >
-                      viser at over 95% af deltagere har haft det sjovt under
-                      deltagelse og vil gerne deltage i endnu en.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-        <section>
-          <form>
-            <div class="row">
-              <div class="col">
-                <div class="mb-3">
-                  <label for="List1" class="form-label">GameJam</label>
-                  <input
-                    class="form-control"
-                    list="datalistOptions"
-                    id="List1"
-                    placeholder="Type to search..."
-                  />
-                  <datalist id="datalistOptions">
-                    <option value="text"></option>
-                  </datalist>
-                </div>
-              </div>
-              <div class="col">
-                <div class="mb-3">
-                  <label for="Text1" class="form-label">Title</label>
-                  <input type="text" class="form-control" id="Text1" required />
-                </div>
-              </div>
-            </div>
-
-            <div class="form-check form-switch">
-              <input class="form-check-input" type="checkbox" id="Switch1" />
-              <label class="form-check-label" for="Switch1"
-                >Er det et web spille?</label
-              >
-            </div>
-            <div class="row">
-              <div class="col">
-                <div class="mb-3">
-                  <div>
-                    <label for="formFile1" class="form-label">Game file</label>
-                    <input
-                      class="form-control form-control-sm"
-                      type="file"
-                      id="formFile1"
-                      accept=".zip"
-                      required
-                    />
-                  </div>
-                  <div class="mb-3 pt-2">
-                    <label for="formFile2" class="form-label"
-                      >Thumbnail file</label
-                    >
-                    <input
-                      class="form-control form-control-sm"
-                      type="file"
-                      id="formFile2"
-                      aria-describedby="fileHelp"
-                      accept="image/*"
-                    />
-                    <div id="fileHelp" class="form-text">
-                      Thumbnail is optional.
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="col">
-                <div class="mb-3">
-                  <label for="Text2" class="form-label">Description</label>
-                  <textarea
-                    class="form-control"
-                    id="Text2"
-                    rows="3"
-                    required
-                  ></textarea>
-                </div>
-              </div>
-            </div>
-            <div class="col-12 d-flex justify-content-end">
-              <button type="submit" class="btn btn-primary btn-lg">
-                Submit
-              </button>
-            </div>
-          </form>
-        </section>
-      </div>
-    </div>
-  </body>
-  <script>
-    $(document).ready(function () {
-      var prevScrollpos = window.pageYOffset;
-      window.onscroll = function () {
-        var currentScrollPos = window.pageYOffset;
-        if (prevScrollpos > currentScrollPos) {
-          document.getElementById("game-nav").style.top = "0";
-        } else {
-          document.getElementById("game-nav").style.top = "-50px";
-        }
-        prevScrollpos = currentScrollPos;
-      };
-    });
-  </script>
-</html>

Frontend/Html/test.html

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-    <meta charset="utf-8" />
-    <title></title>
-</head>
-<body>
-    <div class="col-sm">
-        <!--Game Jam-->
-        <button type="button" class="collapsed" data-bs-toggle="collapse" data-bs-target="#gamejam-1" id="activeGameJam" aria-expanded="false">Game Jam</button>
-        <div class="collapse" id="gamejam-1" style="">
-            <!--Game-->
-            <button type="button" class="collapsed" data-bs-toggle="collapse" data-bs-target="#gamejam-1-game-0" id="gameDataId" aria-expanded="false">Spil</button>
-            <div class="collapse" id="gamejam-1-game-0" style="">
-                <!--Vote-->
-                <button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>
-            </div>
-            <!--Game-->
-            <button type="button" class="collapsed" data-bs-toggle="collapse" data-bs-target="#gamejam-1-game-1" id="gameDataId" aria-expanded="false">Spil</button>
-            <div class="collapse" id="gamejam-1-game-1" style="">
-                <!--Vote-->
-                <button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>
-            </div>
-            <!--Game-->
-            <button type="button" class="" data-bs-toggle="collapse" data-bs-target="#gamejam-1-game-2" id="gameDataId">Spil</button>
-            <div class="collapse" id="gamejam-1-game-2">
-                <!--Vote-->
-                <button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>
-            </div>
-            <!--Game-->
-            <button type="button" class="" data-bs-toggle="collapse" data-bs-target="#gamejam-1-game-3" id="gameDataId">Spil</button>
-            <div class="collapse" id="gamejam-1-game-3">
-                <!--Vote-->
-                <button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>
-            </div>
-            <!--Game-->
-            <button type="button" class="" data-bs-toggle="collapse" data-bs-target="#gamejam-1-game-4" id="gameDataId">Spil</button>
-            <div class="collapse" id="gamejam-1-game-4">
-                <!--Vote-->
-                <button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>
-            </div>
-        </div>
-    </div>
-
-</body>
-</html>

Frontend/Javascript/AddGameJam.js

@@ -1,27 +1,32 @@
 $(document).ready(function() {
-  axios.defaults.baseURL = "http://localhost/Game-Jaming";
 
-  $("#createGameJam").submit(function (e) {
-    let URL = "/Backend/Controllers/GameJam/NewGameJam.php";
+    $('#createGameJam').submit(function(e) {
+        let URL = 'https://ptsv2.com/t/tzztn-1616799712/post';
 
-    const params = new URLSearchParams();
-    params.append("newGameJam", document.getElementById("indsend").value);
-    params.append("gameJamName", document.getElementById("gamejamTitle").value);
-    params.append("startDate", document.getElementById("startDate").value);
-    params.append("endDate", document.getElementById("endDate").value);
-    params.append("startTime", document.getElementById("startTime").value);
-    params.append("endTime", document.getElementById("endTime").value);
-    params.append("keyWord", document.getElementById("keyWord").value);
-    params.append("description", document.getElementById("Beskrivelse").value);
+        let form = $('#createGameJam')[0];
+        let formData = new FormData(form);
 
-    axios
-      .post(URL, params)
-      .then(function (response) {
-        console.log(response);
-      })
-      .catch(function (error) {
-        console.log(error);
+        let id = $('#indsend').attr('name');
+        let value = $('#indsend').val();
+
+        let startTime = $("#startTime").text();
+        let endTime = $("#endTime").text();
+
+        formData.append(id, value);
+        formData.set('startTime', startTime);
+        formData.append('endTime', endTime);
+
+        axios.post(URL, formData, {
+            header: 'multipart/form-data'
+        }).then(res => {
+            if (res.status === 200)
+            {
+                console.log('New Game Jam Created!');
+            }            
+        }).catch(error => {
+            console.log(error.response);
         });
+
         e.preventDefault();
     });
 });

Frontend/Javascript/AdminPageScript.js

@@ -1,46 +0,0 @@
-async function getGamejames(id = 0) {
-    if(id !== 0){
-        var url = "http://localhost/Game-Jaming/Backend/Controllers/GameJam/GetGameJam.php?gameJamId="+id;
-    }else {
-        var url = "http://localhost/Game-Jaming/Backend/Controllers/GameJam/GetGameJam.php";
-    }
-    let response = await  axios.get(url);
-    return response.data.data
-}
-async function updateGameDropdown() {
-    var UGJDropDown = document.getElementById("game-jame-update-drop-down");
-    var jsondata;
-    var UGJDropDownHtml =   "<label for='gameJamesDropdown'>vælge et game Jam:</label>"+
-        "<select onchange='changeGameJamUpdate()' id='gameJamesDropdown' name='gameJamId'>";
-
-    await getGamejames().then((data) =>
-        data.forEach(val =>
-            UGJDropDownHtml += " <option value='"+val.id+"'>"+val.name+"</option>"
-        ));
-
-    UGJDropDownHtml +=  "</select>";
-    //console.log(UGJDropDownHtml);
-    UGJDropDown.innerHTML = UGJDropDownHtml;
-    changeGameJamUpdate()
-
-}
-
-
-async function changeGameJamUpdate() {
-    var val = document.getElementById("gameJamesDropdown").value;
-    await getGamejames(parseInt(val)).then(function (data) {
-        document.getElementById("UGameJamTitle").value = data.name;
-        var startDateTime = data.start_time.split(" ");
-        document.getElementById("UStartDate").value = startDateTime[0];
-        document.getElementById("UStartTime").value = startDateTime[1];
-        var endDateTime = data.end_time.split(" ");
-        document.getElementById("UEndDate").value = endDateTime[0];
-        document.getElementById("UEndTime").value = endDateTime[1];
-        document.getElementById("UKeyWord").value = data.key_word;
-        document.getElementById("UDescription").value = data.description;
-        }
-    );
-}
-updateGameDropdown();
-
-

Frontend/Javascript/Games.js

@@ -1,25 +0,0 @@
-// JavaScript source code
-
-var numberOfGameJam = 6
-var oldGameJam = document.getElementById("oldGameJam");
-var html = '<div class="row">'
-var numberOfGame = 5
-//game jams
-for (let i = 1; i <= numberOfGameJam; i++) {
-    html += '<div class="col-sm">' +
-        '<button type="button" class="Collapsible" data-bs-toggle="collapse"  data-bs-target="#oldGame-' + i + '">Kategori</button>' +
-        '<div class="collapse" id="oldGame-' + i + '">'
-    //spil
-    for (let j = 0; j < numberOfGame; j++) {
-        html += '<button type="button" class="" data-bs-toggle="collapse"  data-bs-target="#oldGame-' + i + '-game-' + j + '" id="gameDataId">Spil</button>';
-    }
-    html += '</div>'
-    html += '</div>'
-    if ((i % 3 == 0) && (i != numberOfGameJam)) {
-        html += '</div><div class="row">'
-    }
-
-}
-html += '</div>'
-oldGameJam.innerHTML += html;
-

Frontend/Javascript/Kalender.js

@@ -42,7 +42,7 @@ const renderCalendar = () => {
         "December",
     ];
 
-    document.querySelector(".date h1").innerHTML = months[date.getMonth()] + " " + date.getFullYear();
+    document.querySelector(".date h1").innerHTML = months[date.getMonth()];
 
     document.querySelector(".date p").innerHTML = new Date().toLocaleDateString('da-DK', {
         weekday: 'long',
@@ -58,7 +58,10 @@ const renderCalendar = () => {
     }
 
     for (let i = 1; i <= lastDay; i++) {
-        if (i === new Date().getDate() && date.getMonth() === new Date().getMonth() && date.getFullYear() === new Date().getFullYear()) {
+        if (
+            i === new Date().getDate() &&
+            date.getMonth() === new Date().getMonth()
+        ) {
 
             days += `<div class="today" onClick="clickdate()">${i}</div>`;
 

Frontend/Javascript/LoginFunctionality.js

@@ -1,46 +1,44 @@
 $(document).ready(function () {
     // Register Start
-  axios.defaults.baseURL = "http://localhost/Game-Jaming";
-
     let selectedGameJam;
     let isAdminLoggedIn = false;
     let displayValue = 0;
-  let arr = [{ id: "-1", Gamejam: "Vælg aktivt GameJam" }];
+    let arr = [
+        {"id": "-1", "Gamejam": "Vælg aktivt GameJam"}
+    ];
 
-  if (getCookie("userName") != null) {
+    if (getCookie('userName') != null)
+    {
         isAdminLoggedIn = true;
         SwitchNavInfo(true, true);
-  } else if (getCookie("groupName") != null) {
+    }
+    else if (getCookie('groupName') != null)
+    {
         isAdminLoggedIn = false;
         SwitchNavInfo(true);
     }
 
     // Populate select with options from the database
-  axios
-    .get("/Backend/Controllers/GameJam/GetGameJam.php")
+    axios.get('/Backend/Controllers/GameJam/GetGameJam.php')
     .then(function(res) {
         let resArr = res.data.data;
 
-      for (let i = 0; i < res.data.data.length; i++) {
+        for(let i = 0; i < res.data.data.length; i++)
+        {
             arr.push({
                 id: resArr[i].id, 
-          Gamejam: resArr[i].name,
+                Gamejam: resArr[i].name
             });
         }
 
         $.each(arr, function(i, data) {
-        if (i === 0) {
-          $("#GameJamSelect").append(
-            '<option disabled selected value="' +
-              data.id +
-              '">' +
-              data.Gamejam +
-              "</option>"
-          );
-        } else {
-          $("#GameJamSelect").append(
-            '<option value="' + data.id + '">' + data.Gamejam + "</option>"
-          );
+            if (i === 0)
+            {
+                $('#GameJamSelect').append('<option disabled selected value="' + data.id + '">' + data.Gamejam + '</option>');
+            }
+            else
+            {
+                $('#GameJamSelect').append('<option value="' + data.id + '">' + data.Gamejam + '</option>');
             }
         });
     })
@@ -49,111 +47,127 @@ $(document).ready(function () {
     });
 
     // Remove invalidInput if selected option has been changed
-  $("#GameJamSelect").change(function () {
-    selectedGameJam = $("#GameJamSelect").children("option:selected").val();
+    $('#GameJamSelect').change(function() {
+        selectedGameJam = $('#GameJamSelect').children("option:selected").val();
         
-    if (selectedGameJam >= 1) {
-      $("#GameJamSelect").removeClass("invalidInput");
+        if (selectedGameJam >= 1)
+        {
+            $('#GameJamSelect').removeClass('invalidInput');
         }
     });
 
     // Remove invalidInput if change in group name has been detected
-  $("#username").on("input", function () {
-    if ($(this).hasClass("invalidInput")) {
-      $(this).removeClass("invalidInput");
+    $('#username').on('input', function() {
+        if ($(this).hasClass('invalidInput'))
+        {
+            $(this).removeClass('invalidInput');
         }
-  });
+    })
 
     GetGroupNames().then(function(res) {
         let resArr = res.data;
         let groupNameTaken = false;
 
-    $("#RegisterBtn").click(function () {
-      let groupName = $("#username").val();
+        $('#RegisterBtn').click(function() {
+            let groupName = $('#username').val();
 
-      for (let i = 0; i < resArr.length; i++) {
-        if (resArr[i].group_name.toUpperCase() === groupName.toUpperCase()) {
+            for(let i = 0; i < resArr.length; i++)
+            {
+                if (resArr[i].group_name.toUpperCase() === groupName.toUpperCase())
+                {
                     groupNameTaken = true;
                     break;
-        } else {
+                }
+                else 
+                {
                     groupNameTaken = false;
                 }
             }
         });
 
         // Check data before submitting
-    $("#RegisterForm").submit(function (e) {
-      /*
-      if (!selectedGameJam >= 1) {
-        $("#GameJamSelect").addClass("invalidInput");
+        $('#RegisterForm').submit(function(e) {
+
+            if(!selectedGameJam >= 1) 
+            {
+                $('#GameJamSelect').addClass('invalidInput');
                 e.preventDefault();
                 return false;
-      } else {
-        $("#gameJamId").val($("#GameJamSelect option:selected").val());
-      }*/
+            }
+            else
+            {
+                $('#gameJamId').val($('#GameJamSelect option:selected').val());
+            }
 
-      if ($("#pass1").val().length === 0) {
-        $("#pass1").addClass("invalidInput");
+            if($('#pass1').val().length === 0)
+            {
+                $('#pass1').addClass('invalidInput');
                 e.preventDefault();
                 return;
             }
 
-      if ($("#pass2").val().length === 0) {
-        $("#pass2").addClass("invalidInput");
+            if($('#pass2').val().length === 0)
+            {
+                $('#pass2').addClass('invalidInput');
                 e.preventDefault();
                 return;
             }
 
-      if ($("#username").val().length === 0) {
-        $("#username").addClass("invalidInput");
+            if($('#username').val().length === 0)
+            {
+                $('#username').addClass('invalidInput');
                 e.preventDefault();
                 return;
             }
 
-      if ($("#pass1").hasClass("invalidInput")) {
+            if($('#pass1').hasClass('invalidInput'))
+            {
                 e.preventDefault();
                 return;
             }
 
-      if ($("#pass2").hasClass("invalidInput")) {
+            if($('#pass2').hasClass('invalidInput'))
+            {
                 e.preventDefault();
                 return;
             }
 
-      if (!$.isNumeric($("#NUDDisplay").text())) {
-        $("#NUDDisplay").text("Ugyldigt antal!");
-        $("#NUDDisplay").css({ color: "red" });
+            if(!$.isNumeric($('#NUDDisplay').text()))
+            {
+                $('#NUDDisplay').text('Ugyldigt antal!');
+                $('#NUDDisplay').css({"color": "red"});
                 e.preventDefault();
-      } else {
-        $("#groupAmount").val($("#NUDDisplay").text());
+            }
+            else
+            {
+                $('#groupAmount').val($('#NUDDisplay').text());
             }
 
-      if (groupNameTaken) {
-        $("#username").addClass("invalidInput");
+            if (groupNameTaken)
+            {
+                $('#username').addClass('invalidInput');
                 e.preventDefault();
                 return;
             }
 
             let URL = "/Backend/Controllers/Group/SigningUp.php";
 
-      let form = $("#RegisterForm")[0];
+            let form = $('#RegisterForm')[0];
             let formData = new FormData(form);
 
-      let id = $("#RegisterBtn").attr("name");
-      let value = $("#RegisterBtn").val();
+            let id = $('#RegisterBtn').attr('name');
+            let value = $('#RegisterBtn').val();
 
             formData.append(id, value);
 
-      axios
-        .post(URL, formData, {
-          header: "multipart/form-data",
-        })
-        .then((res) => {
-          if (res.status === 201) {
+            axios.post(URL, formData, {
+                header: 'multipart/form-data'
+            }).then(res => {
+                if (res.status === 201)
+                {
                     SwitchNavInfo(true);
                 }
-        })
-        .catch((error) => {
+            }).catch(error => {
                 console.log(error.response);
             });
 
@@ -161,29 +175,36 @@ $(document).ready(function () {
         });
     });
 
-  $("#NUDPlus").click(function () {
-    if ($("#NUDDisplay").css("color") === "rgb(255, 0, 0)") {
-      $("#NUDDisplay").css({ color: "rgba(255, 255, 255, .55)" });
+    $('#NUDPlus').click(function() {
+        if($('#NUDDisplay').css('color') === 'rgb(255, 0, 0)')
+        {
+            $('#NUDDisplay').css({'color': 'rgba(255, 255, 255, .55)'});
         }
 
         displayValue++;
 
-    $("#NUDDisplay").text(displayValue);
+        $('#NUDDisplay').text(displayValue);
     });
 
-  $("#NUDMinus").click(function () {
-    if (displayValue <= 0) {
+    $('#NUDMinus').click(function() {
+        if (displayValue <= 0)
+        {
             return;
-    } else if (displayValue <= 1) {
-      $("#NUDDisplay").text(1);
-    } else {
+        }
+        else if(displayValue <= 1)
+        {
+            $('#NUDDisplay').text(1);
+        }
+        else
+        {
             displayValue--;
-      $("#NUDDisplay").text(displayValue);
+            $('#NUDDisplay').text(displayValue);
         }
     });
 
+
     async function GetGroupNames() {
-    const res = await axios.get("/Backend/Controllers/Group/GetGroup.php");
+        const res = await axios.get('/Backend/Controllers/Group/GetGroup.php');
 
         return res.data;
     }
@@ -191,33 +212,34 @@ $(document).ready(function () {
     // Register end 
 
     // Login start
-  $("#LoginForm").submit(function (e) {
+    $('#LoginForm').submit(function(e) {
         let URL = "/Backend/Controllers/Group/Login.php";
 
-    let form = $("#LoginForm")[0];
+        let form = $('#LoginForm')[0];
         let formData = new FormData(form);
 
-    let id = $("#LoginBtn").attr("name");
-    let value = $("#LoginBtn").val();
+        let id = $('#LoginBtn').attr('name');
+        let value = $('#LoginBtn').val();
 
         formData.append(id, value);
 
-    axios
-      .post(URL, formData, {
-        header: "multipart/form-data",
-      })
-      .then((res) => {
-        if (res.status === 200) {
+        axios.post(URL, formData, {
+            header: 'multipart/form-data'
+        }).then(res => {
+            if (res.status === 200)
+            {
                 isAdminLoggedIn = false;
                 SwitchNavInfo(true);
             }            
-      })
-      .catch((error) => {
-        if (error.response.status === 401) {
-          $("#loginUsername").css({ "border-color": "red" });
-          $("#loginPassword").css({ "border-color": "red" });
-          $("#ErrorText").css({ display: "block" });
-        } else {
+        }).catch(error => {
+            if (error.response.status === 401)
+            {
+                $('#loginUsername').css({'border-color':'red'});
+                $('#loginPassword').css({'border-color':'red'});
+                $('#ErrorText').css({'display':'block'});
+            }
+            else
+            {
                 console.log(error.response);
             }
         });
@@ -225,33 +247,34 @@ $(document).ready(function () {
         e.preventDefault();
     });
 
-  $("#AdminLoginForm").submit(function (e) {
+    $('#AdminLoginForm').submit(function(e) {
         let URL = "/Backend/Controllers/Admin/AdminLogin.php";
 
-    let form = $("#AdminLoginForm")[0];
+        let form = $('#AdminLoginForm')[0];
         let formData = new FormData(form);
 
-    let id = $("#AdminLoginBtn").attr("name");
-    let value = $("#AdminLoginBtn").val();
+        let id = $('#AdminLoginBtn').attr('name');
+        let value = $('#AdminLoginBtn').val();
 
         formData.append(id, value);
 
-    axios
-      .post(URL, formData, {
-        header: "multipart/form-data",
-      })
-      .then((res) => {
-        if (res.status === 200) {
+        axios.post(URL, formData, {
+            header: 'multipart/form-data'
+        }).then(res => {
+            if (res.status === 200)
+            {
                 isAdminLoggedIn = true;
                 SwitchNavInfo(true, true);
             }            
-      })
-      .catch((error) => {
-        if (error.response.status === 401) {
-          $("#adminUsername").css({ "border-color": "red" });
-          $("#adminPassword").css({ "border-color": "red" });
-          $("#AdminErrorText").css({ display: "block" });
-        } else {
+        }).catch(error => {
+            if (error.response.status === 401)
+            {
+                $('#adminUsername').css({'border-color':'red'});
+                $('#adminPassword').css({'border-color':'red'});
+                $('#AdminErrorText').css({'display':'block'});
+            }
+            else
+            {
                 console.log(error.response);
             }
         });
@@ -260,36 +283,44 @@ $(document).ready(function () {
     });
 
     function SwitchNavInfo(isLoggedIn, isAdmin) {
-    if (isLoggedIn) {
-      $("#NavUser").css({ display: "block" });
-      $("#NavUser").text(
-        `Welcome, ${isAdmin ? getCookie("userName") : getCookie("groupName")}!`
-      );
+        if (isLoggedIn)
+        {
+            $('#NavUser').css({'display':'block'});
+            $('#NavUser').text(`Welcome, ${isAdmin ? getCookie('userName') : getCookie('groupName')}!`);
 
-      $("#NavLogin").css({ display: "none" });
-      $("#NavLogout").css({ display: "block" });
+            $('#NavLogin').css({'display':'none'});
+            $('#NavLogout').css({'display':'block'});
 
-      $("#LoginModal").modal("hide");
-    } else {
-      $("#NavUser").css({ display: "none" });
-      $("#NavUser").text(``);
+            $('#LoginModal').modal('hide');
+        }
+        else
+        {
+            $('#NavUser').css({'display':'none'});
+            $('#NavUser').text(``);
 
-      $("#NavLogin").css({ display: "block" });
-      $("#NavLogout").css({ display: "none" });
+            $('#NavLogin').css({'display':'block'});
+            $('#NavLogout').css({'display':'none'});
         }
 
-    if (isAdmin === undefined) {
-      return;
-    } else {
-      if (isAdmin) {
-        if (isLoggedIn) {
-          $("#AdminPanel").css({ display: "block" });
+        if (isAdmin === undefined)
+        {
+            return
+        }
+        else
+        {
+            if (isAdmin)
+            {
+                if (isLoggedIn)
+                {
+                    $('#AdminPanel').css({'display':'block'});
 
-          console.log("Logged In As Admin!");
-        } else {
-          $("#AdminPanel").css({ display: "none" });
+                    console.log('Logged In As Admin!');
+                }
+                else
+                {
+                    $('#AdminPanel').css({'display':'none'});
 
-          console.log("Logged Out As Admin!");
+                    console.log('Logged Out As Admin!');
                 }
             }
         }
@@ -297,16 +328,14 @@ $(document).ready(function () {
     // Login end
 
     // Logout start
-  $("#NavLogout").click(function () {
-    axios
-      .get("/Backend/Controllers/Group/Logout.php")
-      .then((res) => {
-        if (res.status == 200) {
+    $('#NavLogout').click(function() {
+        axios.get('/Backend/Controllers/Group/Logout.php').then(res => {
+            if (res.status == 200)
+            {
                 SwitchNavInfo(false, isAdminLoggedIn);
                 isAdminLoggedIn = false;
             }
-      })
-      .catch((error) => {
+        }).catch(error => {
             console.log(error.response);
         });
     });

Frontend/Javascript/Stem.js

@@ -1,28 +0,0 @@
-// JavaScript source code
-
-
-var numberOfGameJam = 6
-var gameJamVote = document.getElementById("gameJamVote");
-var html = '<div class="row">'
-//game jams
-for (let i = 1; i <= numberOfGameJam; i++) {
-    html += '<div class="col-sm">'+
-            '<button type="button" class="" data-bs-toggle="collapse"  data-bs-target="#gamejam-'+i+'"  id="activeGameJam">Game Jam</button>' +
-            '<div class="collapse" id="gamejam-' + i +'">'
-    //spil
-    for (let j = 0; j < 5; j++) {
-        html += '<button type="button" class="" data-bs-toggle="collapse"  data-bs-target="#gamejam-' + i + '-game-' + j +'" id="gameDataId">Spil</button>' +
-                                    '<div class="collapse" id="gamejam-' + i +'-game-'+j+'">' +
-                                    '<button type="submit" data-bs-toggle="modal" data-bs-target="#voteAndComment" id="oneVote">Vote</button>' +
-                                    '</div>'
-    }
-    html += '</div>'
-    html += '</div>'
-    if ((i % 3 == 0) && (i != numberOfGameJam)) {
-        html += '</div><div class="row">'
-    }
-     
-}
-html += '</div>'
-gameJamVote.innerHTML += html; 
-

Frontend/Javascript/UplodeFiles.js

@@ -1,29 +0,0 @@
-$(document).ready(function () {
-  axios.defaults.baseURL = "http://localhost/Game-Jaming";
-
-  $("#uploadFile").submit(function (e) {
-    let URL = "/Backend/Controllers/FileHandler/upload.php";
-
-    const params = new URLSearchParams();
-    params.append("submitUpload", document.getElementById("indsend1").value);
-    params.append(
-      "gameJamId",
-      document.getElementById("datalistOptions").value
-    );
-    params.append("gameTitle", document.getElementById("Text1").value);
-    params.append("description", document.getElementById("Text2").value);
-    params.append("gameFile", document.getElementById("formFile1").value);
-    params.append("thumbnailFile", document.getElementById("formFile2").value);
-    params.append("isWebBased", document.getElementById("Switch1").checked);
-
-    axios
-      .post(URL, params)
-      .then(function (response) {
-        console.log(response);
-      })
-      .catch(function (error) {
-        console.log(error);
-      });
-    e.preventDefault();
-  });
-});

Frontend/Styles/AdminPage.css

@@ -1,13 +1,11 @@
 body {
     text-align: center;
-    background-color: #121B26;
-    color: #F2E6D8;
 }
 
 .HeaderPanel {
     position: fixed;
     overflow: hidden;
-    background-color: #59142D;
+    background-color: rgb(33, 37, 41);
     padding: 10px 10px;
     top: 0;
     width: 100%;
@@ -15,16 +13,13 @@ body {
 
 .HeaderPanel a {
     text-align: center;
-        color: #F2E6D8;
+    color: rgba(255, 255, 255, .75);
     padding: 6px;
     text-decoration: none;
     font-size: 18px; 
     line-height: 25px;
     border-radius: 4px;
 }
-        .HeaderPanel a:hover {
-            color: #BF7D65;
-        }
 
 .HeaderTitle {
     text-align: center;
@@ -37,19 +32,10 @@ body {
     float: left;
 }
 
-h5{
-    padding-bottom: 30px;
-}
-
 /*Create game jam*/
-
-.container{
-    height: 70vh !important;
-}
 #createGameJam{
-    /*justify-content: center;*/
+   justify-content: center;
    display: grid;
-    width: 90%;
 }
 
 #createGameJam input{
@@ -62,10 +48,10 @@ h5{
 }
 
 #startDate {
-    /*width: 32.5%;*/
+    width: 32.5%;
     display: inline-block !important;
     margin-right: 2.5%;
-    
+    float: left;
 }
 
 #startDateLabel {
@@ -74,50 +60,49 @@ h5{
 }
 
 #endDate {
-    /*width: 32.5%;
-    */ 
+    width: 32.5%;
     display: inline-block !important;
+    margin-left: 2.5%;
     margin-right: 2.5%;
     float: left;
 }
 
 #endDateLabel {
     display: inline-block;
-    left: 0;
-   /* left: 37.5%;
-    */
-}
-#colDate{
-    width: 60%;
-}
-
-#colTime{
-    width: 40%;
+    left: 37.5%;
 }
 
 #startTime {
-    /* width: 12.5%;
-    */
-    /* display: inline-block !important;*/
+    width: 12.5%;
+    display: inline-block !important;
     margin-right: 2.5%;
     float: left;
-    justify-content: center;
-    display: grid;
 }
 
 #startTimeLabel {
     display: inline-block;
-    left: 0;
+    left: 72.5%;
 }
 
 #endTime {
+    width: 12.5%;
     display: inline-block !important;
     float: left;
 }
 
 #endTimeLabel {
     display: inline-block;
-    left: 0;
+    left: 87.5%;
+}
+
+
+#description {
+    background-color: rgb(18, 18, 18);
+    color: rgba(255, 255, 255, .55);
+    border-radius: 15px;
+    border: double;
+    width:400px;
+    height:250px;
 }
 
 #Beskrivelse {
@@ -125,96 +110,14 @@ h5{
 }
 
 #indsend {
-    border: 0;
-    background: none;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid rgb(52, 152, 219);
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 50%;
-}
-    #indsend:hover {
-        color: #BF7D65;
-    }
-
-    #row{
-        width:90%;
+    border-radius: 15px;
+    color: rgba(255, 255, 255, .55);
+    background-color: rgb(18, 18, 18);
+    border: double;
 }
 /*Create Game Jam end*/
 
-/*Update Game Jam start*/
 
-#game-jame-update {
-    display: grid !important;
-    width: 90%;
-}
-#UGameJamTitle {
-    display: grid;
-    width: 90%;
-}
-#UStartDate {
-    display: inline-block !important;
-    margin-right: 2.5%;
-}
-#UStartDateLabel {
-    display: inline-block;
-    left: 0;
-}
-#UStartTime {
-    margin-right: 2.5%;
-    float: left;
-    justify-content: center;
-    display: grid;
-}
-#UStartTimeLabel {
-    display: inline-block;
-    left: 0;
-}
-#UEndDate {
-    display: inline-block !important;
-    margin-right: 2.5%;
-    float: left;
-}
-#UEndDateLabel {
-    display: inline-block;
-    left: 0;
-}
-    #UEndTime {
-    display: inline-block !important;
-    float: left;
-}
-
-#endTimeLabel {
-    display: inline-block;
-    left: 0;
-}
-#UKeyWord {
-    margin-bottom: 10px;
-}
-#updateGameJam{
-    border: 0;
-    background: none;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid rgb(52, 152, 219);
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 50%;
-}
-#updateGameJam:hover {
-    color: #BF7D65;
-}
-
-/*Update Game Jam slut*/
 .FormField {
   position: relative;
   padding: 15px 0 0;
@@ -250,16 +153,14 @@ h5{
   display: block;
   transition: 0.2s;
   font-size: 1rem;
-    color: #F2E6D8;
-   
+  color: #9b9b9b;
 }
 
 .FormFieldInput:focus {
   padding-bottom: 6px;
   font-weight: 700;
   border-width: 3px;
-    border-image: linear-gradient(to right, #59142D, #FF142D);
-    /*linear-gradient(to right, #11998e, #38ef7d);*/
+  border-image: linear-gradient(to right, #11998e, #38ef7d);
   border-image-slice: 1;
 }
 .FormFieldInput:focus ~ .FormFieldLabel {
@@ -268,7 +169,7 @@ h5{
   display: block;
   transition: 0.2s;
   font-size: 1rem;
-        color: #BF7D65;
+  color: #11998e;
   font-weight: 700;
 }
 
@@ -276,14 +177,3 @@ h5{
 .FormFieldInput:invalid {
   box-shadow: none;
 }
-
-
-.GradientDivider {
-    margin: 16px 0 16px 0;
-    display: block;
-    border: none;
-    height: 3px !important;
-    background: #59142D !important;
-    background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
-    opacity: 1;
-}

Frontend/Styles/Index.css

@@ -1,7 +1,6 @@
 body,
 html {
-    /*rgba(255, 255, 255, 0.55);*/
-    color: #F2E6D8;
+    color: rgba(255, 255, 255, .55);
     font-family: Arial, Helvetica, sans-serif;
     margin: 0;
     padding: 0;
@@ -14,8 +13,7 @@ html {
 }
 
 body {
-    /* background-color: rgb(18, 18, 18);*/
-    background-color: #121B26;
+    background-color: rgb(18, 18, 18);
     overflow: hidden;
     transition: padding-top 0.3s ease-in-out;
     padding-top: 53px;
@@ -26,13 +24,11 @@ section {
 }
 
 a {
-   /*rgba(255, 255, 255, 0.75);*/
-    color: #F2E6D8; 
+    color: rgba(255, 255, 255, .75);
 }
 
 a:hover {
-        /*rgba(255, 255, 255, 0.75);*/
-        color: #BF7D65;
+    color: rgba(255, 255, 255, .75);
 }
 
 #content {
@@ -62,13 +58,7 @@ a {
     padding-top: 0px;
 }
 
-.container,
-.container-fluid,
-.container-lg,
-.container-md,
-.container-sm,
-.container-xl,
-.container-xxl {
+.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     padding-right: 0;
     padding-left: 0;
 }
@@ -85,7 +75,7 @@ a {
 }
 
 .mb-container .mb-track .mb-bar { 
-    background-color: #121B26; /* rgba(51, 51, 51, 0.75);*/
+    background-color: rgba(51, 51, 51, 0.75); 
 }
 
 .mb-container .mb-track {
@@ -106,14 +96,13 @@ a {
     width: 100%;
     z-index: 1030;
 }
-/*Nav-bar start*/
 
 .navbar-toggler:focus {
     box-shadow: none;
 }
 
 .navbar-collapse {
-    background-color: #59142D; /*rgb(33, 37, 41);*/
+    background-color: rgb(33, 37, 41);
     text-align: center;
 }
 
@@ -121,51 +110,42 @@ a {
     outline: none;
 }
 
-.navbar-dark .navbar-nav .nav-link {
-    color: #F2E6D8 !important;
-}
-
-.navbar-dark .navbar-nav .nav-link:hover {
-    color: #BF7D65 !important;
-}
-
 .row.content {
-    height: 450px;
+    height: 450px
 }
 
 .CenterDiv {
     margin: 1vw 10vw 0;
 }
-.dropdown-menu {
-    /*rgba(34, 39, 43)*/
-    background-color: #59142D !important;
-}
-
-    .dropdown-menu .dropdown-item {
-        /*rgba(255, 255, 255, 0.5)*/
-        color: #F2E6D8 !important;
-    }
-
-        .dropdown-menu .dropdown-item:hover {
-            /*rgba(255, 255, 255, 0.75)*/
-            color: #BF7D65 !important;
-            background-color: transparent !important;
-        }
-
 
 .LoginButton {
-    /*rgba(255, 255, 255, 0.55);*/
-    color: #F2E6D8;
+    color: rgba(255, 255, 255, .55);
 }
 
 .LoginButton:hover {
-        /*rgba(255, 255, 255, 0.75);*/
-        color: #BF7D65;
+    color: rgba(255, 255, 255, .75);
 }
-    /*Nav-bar slut*/
 
+.dropdown-menu {
+    background-color: rgba(34, 39, 43) !important;
+}
+
+.dropdown-menu .dropdown-item {
+    color: rgba(255, 255, 255, .50) !important;
+}
+
+.dropdown-menu .dropdown-item:hover {
+    color: rgba(255, 255, 255, .75) !important;
+    background-color: transparent !important;
+}
+
+.LoginModal .modal-header {
+    padding: 0;
+    border-bottom: 0;
+    background-color: rgb(18, 18, 18);
+    color: rgba(255, 255, 255, .75);
+}
 
-/*Regler start*/
 #RulesModal .modal-header {
     text-align: center;
     display: unset;
@@ -174,8 +154,7 @@ a {
 
 #RulesModal .modal-header h1 {
     font-weight: bolder;
-    /*rgba(255, 255, 255, 0.75);*/
-        color: #F2E6D8; 
+    color: rgba(255, 255, 255, .75);
 }
 
 #RulesModal .modal-dialog-scrollable .modal-content {
@@ -183,7 +162,7 @@ a {
 }
 
 #ModalRulesTabContent ul {
-    color: #59142D; /*rgb(204, 204, 204)*/
+    color: rgb(204, 204, 204);
     list-style-type: none;
     padding-left: 0;
 }
@@ -196,24 +175,14 @@ a {
 #ModalRulesTabContent li p {
     font: 16px/1.5 Helvetica, sans-serif;
     padding-left: 60px;
-    color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
+    color: rgba(255, 255, 255, .55);
 }
 
 #ModalRulesTabContent span {
     position: absolute;
-    color: #59142D; /*rgba(255, 255, 255, 0.75);*/
+    color: rgba(255, 255, 255, .75);
 }
-.btn-danger {
-    color: #F2E6D8;
-    background-color: #59142D;
-    border-color: #59142D;
-}
-.RulesModal .modal-header {
-    text-align: center;
-}
-/*Regler slut*/
 
-/*Registering start*/
 #pass_info {
     position: absolute;
     top: 300px;
@@ -221,8 +190,8 @@ a {
     right: 22%;
     width: 250px;
     padding: 15px;
-    background: #F2E6D8;
-    font-size: 0.875em;
+    background: rgb(254, 254, 254);
+    font-size: .875em;
     border-radius: 5px;
     box-shadow: 0 1px 3px rgb(204, 204, 204);
     border: 1px solid rgb(221, 221, 221);
@@ -236,13 +205,12 @@ a {
     left: 45%;
     font-size: 14px;
     line-height: 14px;
-        color: rgba(42, 84, 140, 1);
+    color: #ddd;
     text-shadow: none;
     display: block;
 }
 
-#pass_info ul,
-li {
+#pass_info ul, li {
     margin:0;
     padding:0;
     list-style-type:none;
@@ -252,22 +220,21 @@ li {
     margin:0 0 10px 0;
     padding:0;
     font-weight:normal;
-        color: #201f1f !important;
 }
 
 .invalid {
     padding-left:22px;
     line-height:24px;
-    color: #d00f17;
+    color:rgb(236, 63, 65);
 }
 
 .invalidInput {
-    border-color: #2A558C !important;
+    border-color: rgb(219, 52, 52) !important;
 }
 
 .invalid::before {
     font-family: "FontAwesome";
-  content: "\f00d";
+    content: '\f00d';
 }
 
 .valid {
@@ -280,59 +247,55 @@ li {
     border-color: rgb(80, 219, 52) !important;
 }
 
+
 .valid::before {
     font-family: "FontAwesome";
-  content: "\f00c";
+    content: '\f00c';
 }
-/*Registering slut*/
 
-/*Login start*/
-
-.LoginModal .modal-header {
-    padding: 0;
-    border-bottom: 0;
-    /*background-color: rgb(18, 18, 18);*/
-    background-color: #121B26;
-    /*rgba(255, 255, 255, 0.75);*/
-    color: #F2E6D8;
+.RulesModal .modal-header {
+    text-align: center;
 }
 
 .modal-body {
     padding: 0 0;
     margin: 2vh 2vw;
-    background-color: #121B26; /*rgb(18, 18, 18);*/
+    background-color: rgb(18, 18, 18);
 }
 
 .modal-content {
-    background-color: #121B26; /*rgb(18, 18, 18);*/
-    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
+    background-color: rgb(18, 18, 18);
+    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, 
+                rgba(0, 0, 0, 0.07) 0px 2px 4px, 
+                rgba(0, 0, 0, 0.07) 0px 4px 8px, 
+                rgba(0, 0, 0, 0.07) 0px 8px 16px, 
+                rgba(0, 0, 0, 0.07) 0px 16px 32px, 
+                rgba(0, 0, 0, 0.07) 0px 32px 64px;
 }
 
 .modal-backdrop {
-  z-index: -1;
+    z-index: 1;
 }
 
 .nav-tabs {
-    border-bottom: 1px solid rgba(89, 19, 45, 1); /*rgb(80, 80, 80);*/
+    border-bottom: 1px solid rgb(80, 80, 80);
 }
 
 .nav-tabs .nav-item.show .nav-link, 
 .nav-tabs .nav-link.active {
-        color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
-        background-color: #59142D; /* rgb(37, 37, 37);*/
-        border-color: #59142D; /*rgb(80, 80, 80);*/
-
+    color: rgba(255, 255, 255, .75);
+    background-color: rgb(37, 37, 37);
+    border-color: rgb(80, 80, 80);
 }
 
 .nav-tabs .nav-link {
-        color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
+    color: rgba(255, 255, 255, .55);
 }
 
 .nav-tabs .nav-link:focus, 
 .nav-tabs .nav-link:hover {
-            border-color: #59142D; /*{rgb(80, 80, 80);*/
-            color: #BF7D65;
-            /*rgba(255, 255, 255, 0.75);*/
+    border-color: rgb(80, 80, 80);
+    color: rgba(255, 255, 255, .75);
 }
 
 .FullWidthModalTabs {
@@ -355,15 +318,13 @@ li {
     width: 16px;
     height: 16px;
     background-color: transparent; 
-    color: #F2E6D8;
-    /*rgba(255, 255, 255, 0.55);*/
+    color: rgba(255, 255, 255, .55);
 }
 
 .CloseIcon:hover {
-        color: #BF7D65;
-        /*rgba(255, 255, 255, 0.75);*/
+    color: rgba(255, 255, 255, .75);
 }
-    /*Kalender knap*/
+
 .btn-close:hover {
     fill: rgb(255, 0, 0);
 }
@@ -390,9 +351,9 @@ li {
   left: 50%;
   transform: translate(-50%, -50%);
 }
-/*
+
 .box #NUDMinus {
-    color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
+     color: rgba(255, 255, 255, .55);
      background-color: transparent;
      border: none;
      float: left;
@@ -407,7 +368,7 @@ li {
 }
 
  .box #NUDDisplay {
-    color: #F2E6D8 !important; /*rgba(255, 255, 255, 0.55);
+     color: rgba(255, 255, 255, .55);
      background-color: transparent;
      border: none;
      cursor: text;
@@ -423,7 +384,7 @@ li {
 }
 
  .box #NUDPlus {
-    color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
+     color: rgba(255, 255, 255, .55);
      background-color: transparent;
      border: none;
      float: right;
@@ -442,15 +403,16 @@ li {
 }
 
  .box #GameJamSelect:hover {
-    color: #BF7D65; /*rgba(255, 255, 255, 0.75);
+     color: rgba(255, 255, 255, .75);
 }
 
  .box #GameJamSelect ul {
-    background-color: #2A558C; /*red;
+     background-color: red;
 }
-*/
+ 
+
 .box {
-    background-color: #121B26; /*rgb(18, 18, 18);*/
+    background-color: rgb(18, 18, 18);
 }
 
 .box #username,
@@ -466,17 +428,16 @@ li {
     display: block;
     margin: 20px auto;
     text-align: center;
-        border: 2px solid rgba(42, 84, 140, 1); /*rgb(52, 152, 219);*/
+    border: 2px solid rgb(52, 152, 219);
     padding: 10px 10px;
     width: 250px;
     outline: none;
-        color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
+    color: rgba(255, 255, 255, .55);
     border-radius: 24px;
     transition: 0.25s;
 }
 
-.box .btn-group,
-.btn-group-vertical {
+.box .btn-group, .btn-group-vertical {
     position: relative;
     display: block;
     text-align: center;
@@ -484,9 +445,9 @@ li {
     margin: 20px auto;
     padding: 0;
 }
-/*
+
 .box #NUDMinus {
-        color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
+    color: rgba(255, 255, 255, .55);
     background-color: transparent;
     border: none;
     float: left;
@@ -501,13 +462,13 @@ li {
 }
 
 .box #NUDDisplay {
-      color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
+    color: rgba(255, 255, 255, .55);
     background-color: transparent;
     border: none;
     cursor: text;
     width: 65%;
 }
-/*
+
 .box #NUDDisplay:focus {
     box-shadow: none;
 }
@@ -517,7 +478,7 @@ li {
 }
 
 .box #NUDPlus {
-        color: #F2E6D8; rgba(255, 255, 255, 0.55);
+    color: rgba(255, 255, 255, .55);
     background-color: transparent;
     border: none;
     float: right;
@@ -536,21 +497,18 @@ li {
 }
 
 .box #GameJamSelect:hover {
-        color: #BF7D65; /*rgba(255, 255, 255, 0.75);
+    color: rgba(255, 255, 255, .75);
 }
 
 .box #GameJamSelect ul {
-    background-color: #2A558C; /*red;
-}*/
+    background-color: red;
+}
 
 .text-muted {
     margin-bottom: 5vh;
-    color: #F2E6D8 /*rgba(255, 255, 255, 0.55)*/ !important;
-}
-.LoginForm {
-    color: #F2E6D8;
-    background-color: #121B26;
+    color: rgba(255, 255, 255, .55) !important;
 }
+
 .box h1 {
     font-size: 3.2em;
     text-align: center;
@@ -574,7 +532,7 @@ li {
 .box #pass2:hover,
 .box #loginPassword:hover,
 .box #adminPassword:hover {
-    color: #BF7D65; /*rgba(255, 255, 255, 0.75);*/
+    color: rgba(255, 255, 255, .75);
 }
 
 .box input[type="submit"] {
@@ -583,18 +541,18 @@ li {
     display: block;
     margin: 20px auto;
     text-align: center;
-    border: 2px solid #59142D; /*rgb(46, 204, 113);*/
+    border: 2px solid rgb(46, 204, 113);
     padding: 14px 40px;
     outline: none;
-    color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
+    color: rgba(255, 255, 255, .55);
     border-radius: 24px;
     transition: 0.25s;
     cursor: pointer;
 }
 
 .box input[type="submit"]:hover {
-        background: #59142D; /* rgb(46, 204, 113);*/
-        color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
+    background: rgb(46, 204, 113);
+    color: rgba(255, 255, 255, .75);
 }
 
 .carousel-item img {
@@ -603,7 +561,7 @@ li {
 
 @media only screen and (min-width: 1280px) {
     .CustomRow {
-    display: none;
+        display: none
     }
 
     .SmallScreenDouImages {
@@ -639,6 +597,113 @@ li {
 	}
 }
 
+/*slideshow effekt*/
+.image_img {
+    display: block;
+    width:100%;
+}
+
+.image_overlay{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    color: rgb(255, 255, 255);
+    font-family: Arial;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.25s;
+}
+
+
+.image_overlay > *{
+    transform: translateY(20px);
+    transition: transform 0.25s;
+}
+.image_overlay:hover{
+    opacity: 1;
+}
+.image_overlay:hover > * {
+    transform: translateY(0);        
+}
+.image_title {
+    font-size: 2em;
+    font-weight: bold;
+}
+image_gruppenavn{
+    font-size: 1.25em;
+    margin-top: 0.25em;
+}
+/* slide show effekt slut*/
+
+/*Kategori spil*/
+.Collapsible {
+    background-color: rgb(18, 18, 18);
+    color: rgba(255, 255, 255, .55);
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: left;
+    outline: none;
+    font-size: 15px;
+    width: 33.333%;
+}
+
+
+.CollapsibleContent {
+    padding: 0 18px;
+    display: none;
+    overflow: hidden;
+    background-color: rgb(18, 18, 18);
+}
+
+.left_text{
+    float: left;
+}
+
+.center_text{
+    display: inline-block;
+    margin: 0 auto;
+}
+
+.right_text{
+    float: right;
+}
+
+#hjem {
+    padding-top: 0;
+}
+
+#header {
+    position: fixed;
+	height: 52px;
+	top: 0;
+	width: 100%;
+	z-index: 100;
+	transition: all .3s ease;
+	box-shadow: 0 1px 25px rgba(0,0,0, .1);
+}
+
+#header.hide {
+	top: -56px;
+}
+
+.GradientDivider { 
+    margin: 16px 0 16px 0;
+    display: block;
+    border: none;
+    height: 3px !important;
+    background: rgb(0, 113, 185) !important;
+    background: linear-gradient(to right, rgb(18, 18, 18), rgb(0, 113, 185), rgb(38, 171, 255), rgb(0, 113, 185), rgb(18, 18, 18)) !important;
+    opacity: 1;
+}
+
 /*Kalender*/
 .container {
     width: 100%;
@@ -647,6 +712,7 @@ li {
     display: flex;
     justify-content: center;
     align-items: center;
+  
 }
 
 .calendar {
@@ -655,6 +721,7 @@ li {
   background-color: rgb(34, 34, 39);
   box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4);
   border-radius: 20px;
+
 } 
 
 .month {
@@ -669,6 +736,7 @@ li {
   text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
+
 }
 
 .month i {
@@ -746,135 +814,15 @@ li {
 }
 
 .hasEvent {
-    background-color: red;
+    background-color: red;;
 }
 /*Kalender slut*/
 
-
-/*slideshow effekt*/
-.image_img {
-  display: block;
-  width: 100%;
-}
-
-.image_overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.6);
-  color: rgb(255, 255, 255);
-  font-family: Arial;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  opacity: 0;
-  transition: opacity 0.25s;
-}
-
-.image_overlay > * {
-  transform: translateY(20px);
-  transition: transform 0.25s;
-}
-.image_overlay:hover {
-  opacity: 1;
-}
-.image_overlay:hover > * {
-  transform: translateY(0);
-}
-.image_title {
-  font-size: 2em;
-  font-weight: bold;
-}
-image_gruppenavn {
-  font-size: 1.25em;
-  margin-top: 0.25em;
-}
-/* slide show effekt slut*/
-
-/*Kategori spil*/
-.Collapsible {
-    border: 0;
-    background: none;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid #2A558C;
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 90%;
-}
-
-.CollapsibleContent {
-    padding: 0 18px;
-    display: none;
-    overflow: hidden;
-    background-color: transparent;
-    transition: 0.25s;
-    margin: 10px;
-} 
-
-.left_text {
-  float: left;
-        
-}
-
-.center_text {
-  display: inline-block;
-  margin: 0 auto;
-}
-
-.right_text {
-  float: right;
-}
-.Collapsible:hover {
-    color: #BF7D65;
-}
-
-#hjem {
-    padding-top: 0;
-}
-
-#header {
-  position: fixed;
-  height: 52px;
-  top: 0;
-  width: 100%;
-  z-index: 100;
-  transition: all 0.3s ease;
-  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
-}
-
-#header.hide {
-  top: -56px;
-}
-
-.GradientDivider {
-    margin: 16px 0 16px 0;
-    display: block;
-    border: none;
-    height: 3px !important;
-    background: #59142D !important;
-    background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
-    opacity: 1;
-    /*rgb(18, 18, 18),
-    rgb(0, 113, 185),
-    rgb(38, 171, 255),
-    rgb(0, 113, 185),
-    rgb(18, 18, 18)*/
-   
-}
-/*Knap Return to top*/
 #return-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
-  background: rgba(73, 122, 255, 0.8);
+    background: rgba(73, 122, 255, .8);
     width: 50px;
     height: 50px;
     display: block;
@@ -895,7 +843,7 @@ image_gruppenavn {
 }
 
 #return-to-top i {
-  color: rgba(255, 255, 255, 0.75);
+    color: rgba(255, 255, 255, .75);;
     margin: 0;
     position: relative;
     font-size: 30px;
@@ -908,24 +856,23 @@ image_gruppenavn {
 }
 
 #return-to-top:hover i {
-  color: rgba(255, 255, 255, 0.55);
+    color: rgba(255, 255, 255, .55);;
     top: 5px;
 }
-/*
+
 .Collapse-Button {
     width: 30%;
     text-align: center;
     font-weight: bold;
     font-size: 18px;
     border: double;
-    border-color: #59142D;
+    border-color: rgb(0, 113, 185);
     border-radius: 15px;
-    background-color: transparent;
 }
 
 .Collapse-Button:hover {
-  border-color: #721b1a;
-}*/
+    border-color: rgb(52, 152, 219);
+}
 
 ul.Circle-list {
     display: inline-block;
@@ -934,7 +881,7 @@ ul.Circle-list {
 
     ul.Circle-list li:before {
         content: "\2022"; /* Unicode for a bullet */
-        color: #59142D;
+        color: rgb(0, 113, 185);
         font-weight: bold;
         display: inline-block; /* Needed to add space between the bullet and the text */
         width: 1em; /* Also needed for space (tweak if needed) */
@@ -945,55 +892,3 @@ ol.Subject-list {
     list-style-type: decimal;
     color: red;
 }
-
-
-/*Stem*/
-
-#activeGameJam {
-    border: 0;
-    background: none;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid rgb(52, 152, 219);
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 90%;
-}
-#gameDataId {
-    border: 0;
-    background: none;
-    display: block;
-    margin: 10px auto;
-    text-align: center;
-    border: 2px solid rgb(72, 209, 204);
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 90%;
-}
-#oneVote {
-    border: 0;
-    background: none;
-    display: block;
-    margin: 10px auto;
-    text-align: center;
-    border: 2px solid rgb(0, 255, 127);
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    width: 90%;
-}
-    #activeGameJam:hover, 
-    #gameDataId:hover, 
-    #oneVote:hover {
-        color: #BF7D65;
-    }
-/*Stem slut*/

Frontend/Styles/ShowCase.css

@@ -1,7 +1,7 @@
 body,
 html {
-    background-color: #121B26 !important;
-    color: #F2E6D8 !important;
+    background-color: rgb(18, 18, 18) !important;
+    color: rgba(255, 255, 255, .55) !important;
     font-family: Arial, Helvetica, sans-serif !important;
     margin: 40px !important;
     padding: 10px !important;
@@ -16,55 +16,35 @@ html {
     margin-bottom: 10px;
 }
 
+#suggestions {
+    justify-content: center;
+    background-color: blue;
+    margin-top: 20px;
+}
 
 #isWebBased {
-    border: 0;
-    background-color: transparent;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid #2A558C;
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    position: static;
-    bottom: 45vh;
-    display: inline;
-    left: 27vw;
-}
-    #isWebBased:hover,
-    #gameFil:hover {
-        color: #BF7D65;
+    border-radius: 15px;
+    color: rgba(255, 255, 255, .55);
+    background-color: rgb(18, 18, 18);
+    border: double;
+    height: 30px;
+    font-weight: bold;
+    margin: 8px;
 }
 
 #gameFil {
-    border: 0;
-    background-color: transparent;
-    display: block;
-    margin: 20px auto;
-    text-align: center;
-    border: 2px solid #2A558C;
-    padding: 10px 10px;
-    outline: none;
-    color: #F2E6D8;
-    border-radius: 24px;
-    transition: 0.25s;
-    position: static;
-    bottom: 45vh;
-    display: inline;
+    border-radius: 15px;
+    color: rgba(255, 255, 255, .55);
+    background-color: rgb(18, 18, 18);
+    border: double;
+    height: 30px;
+    font-weight: bold;
+    margin: 8px;
 }
 
 #thumbnailFile {
     max-width: 100%;
     max-height: 100%;
-    
-}
-
-#thumbnailFile img{
-    width: 100%;
-    height:100%;
 }
 
 #description {
@@ -80,12 +60,114 @@ html {
     margin: 20px !important;
 }
 
-.GradientDivider {
-    margin: 16px 0 16px 0;
-    display: block;
-    border: none;
-    height: 3px !important;
-    background: #59142D !important;
-    background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
-    opacity: 1;
+.jcarousel-wrapper {
+    margin: 20px auto;
+    position: relative;
+    /*border: 10px solid #fff;*/
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: 0 0 2px #999;
+    -moz-box-shadow: 0 0 2px #999;
+    box-shadow: 0 0 2px #999;
+}
+
+/** Carousel **/
+
+.jcarousel {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+}
+
+.jcarousel ul {
+    width: 10000em;
+    position: relative;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.jcarousel li {
+    width: 100%;
+    float: left;
+    border: 1px solid #fff;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.jcarousel img {
+    display: block;
+    max-width: 100%;
+    height: auto !important;
+}
+
+/** Carousel Controls **/
+
+.jcarousel-control-prev,
+.jcarousel-control-next {
+    position: absolute;
+    top: 50%;
+    margin-top: -15px;
+    width: 30px;
+    height: 30px;
+    text-align: center;
+    background: #4E443C;
+    color: #fff;
+    text-decoration: none;
+    text-shadow: 0 0 1px #000;
+    font: 24px/27px Arial, sans-serif;
+    -webkit-border-radius: 30px;
+    -moz-border-radius: 30px;
+    border-radius: 30px;
+    -webkit-box-shadow: 0 0 4px #F0EFE7;
+    -moz-box-shadow: 0 0 4px #F0EFE7;
+    box-shadow: 0 0 4px #F0EFE7;
+}
+
+.jcarousel-control-prev {
+    left: 15px;
+}
+
+.jcarousel-control-next {
+    right: 15px;
+}
+
+/** Carousel Pagination **/
+
+.jcarousel-pagination {
+    position: absolute;
+    bottom: -40px;
+    left: 50%;
+    -webkit-transform: translate(-50%, 0);
+    -ms-transform: translate(-50%, 0);
+    transform: translate(-50%, 0);
+    margin: 0;
+}
+
+.jcarousel-pagination a {
+    text-decoration: none;
+    display: inline-block;
+    font-size: 11px;
+    height: 10px;
+    width: 10px;
+    line-height: 10px;
+    background: #fff;
+    color: #4E443C;
+    border-radius: 10px;
+    text-indent: -9999px;
+    margin-right: 7px;
+    -webkit-box-shadow: 0 0 2px #4E443C;
+    -moz-box-shadow: 0 0 2px #4E443C;
+    box-shadow: 0 0 2px #4E443C;
+}
+
+.jcarousel-pagination a.active {
+    background: #4E443C;
+    color: #fff;
+    opacity: 1;
+    -webkit-box-shadow: 0 0 2px #F0EFE7;
+    -moz-box-shadow: 0 0 2px #F0EFE7;
+    box-shadow: 0 0 2px #F0EFE7;
 }

Frontend/Styles/jcarousel.responsive.css

@@ -7,7 +7,7 @@
     border-radius: 5px;
     -webkit-box-shadow: 0 0 2px #999;
     -moz-box-shadow: 0 0 2px #999;
-    box-shadow: none !important;
+    box-shadow: 0 0 2px #999;
 }
 
 /** Carousel **/
@@ -29,7 +29,7 @@
 .jcarousel li {
     width: 200px;
     float: left;
-   /* border: 1px solid #fff;*/
+    border: 1px solid #fff;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -51,8 +51,8 @@
     width: 30px;
     height: 30px;
     text-align: center;
-    background: #59142D;
-    color: #F2E6D8;
+    background: #4E443C;
+    color: #fff;
     text-decoration: none;
     text-shadow: 0 0 1px #000;
     font: 24px/27px Arial, sans-serif;
@@ -63,10 +63,6 @@
     -moz-box-shadow: 0 0 4px #F0EFE7;
     box-shadow: 0 0 4px #F0EFE7;
 }
-    .jcarousel-control-prev:hover,
-    .jcarousel-control-next:hover {
-        color: #BF7D65;
-    }
 
 .jcarousel-control-prev {
     left: 15px;
@@ -111,9 +107,10 @@
 }
 
 .jcarousel-pagination a.active {
-        background: #59142D;
-        color: #F2E6D8;
+    background: #4E443C;
+    color: #fff;
     opacity: 1;
+
     -webkit-box-shadow: 0 0 2px #F0EFE7;
     -moz-box-shadow: 0 0 2px #F0EFE7;
     box-shadow: 0 0 2px #F0EFE7;

composer.json

@@ -3,9 +3,7 @@
         "illuminate/database": "^8.30",
         "ext-mysqli": "*",
         "ext-sqlite3": "*",
-        "ext-fileinfo": "*",
-        "ext-json": "*",
-        "twbs/bootstrap": "5.0.0-beta3"
+        "ext-fileinfo": "*"
     },
     "autoload": {
         "classmap": [

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "e0289598393b91834d5fbd72b92a029a",
+    "content-hash": "f7278c3dc731961ed65f3f31bf2b49f0",
     "packages": [
         {
             "name": "doctrine/inflector",
@@ -103,16 +103,16 @@
         },
         {
             "name": "illuminate/collections",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/collections.git",
-                "reference": "deccb956d38710f3f8baf36dd876c3fa1585ec22"
+                "reference": "591e31015a8b0731708c54411cb52d50a00b2bc3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/illuminate/collections/zipball/deccb956d38710f3f8baf36dd876c3fa1585ec22",
-                "reference": "deccb956d38710f3f8baf36dd876c3fa1585ec22",
+                "url": "https://api.github.com/repos/illuminate/collections/zipball/591e31015a8b0731708c54411cb52d50a00b2bc3",
+                "reference": "591e31015a8b0731708c54411cb52d50a00b2bc3",
                 "shasum": ""
             },
             "require": {
@@ -153,11 +153,11 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-04-22T21:08:09+00:00"
+            "time": "2021-04-01T13:26:52+00:00"
         },
         {
             "name": "illuminate/container",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/container.git",
@@ -208,16 +208,16 @@
         },
         {
             "name": "illuminate/contracts",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/contracts.git",
-                "reference": "5152041a5c4ac4dbebb3c8ee72d05666c592ae08"
+                "reference": "5764f703ea8f74ced163125d810951cd5ef2b7e1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/illuminate/contracts/zipball/5152041a5c4ac4dbebb3c8ee72d05666c592ae08",
-                "reference": "5152041a5c4ac4dbebb3c8ee72d05666c592ae08",
+                "url": "https://api.github.com/repos/illuminate/contracts/zipball/5764f703ea8f74ced163125d810951cd5ef2b7e1",
+                "reference": "5764f703ea8f74ced163125d810951cd5ef2b7e1",
                 "shasum": ""
             },
             "require": {
@@ -252,20 +252,20 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-04-23T13:31:10+00:00"
+            "time": "2021-04-01T13:09:31+00:00"
         },
         {
             "name": "illuminate/database",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/database.git",
-                "reference": "742c062a6447278f6b6f8622bd649173ed51fa3a"
+                "reference": "09a2d38e27f930a5d9b7ef3514b650a3dc4cdd55"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/illuminate/database/zipball/742c062a6447278f6b6f8622bd649173ed51fa3a",
-                "reference": "742c062a6447278f6b6f8622bd649173ed51fa3a",
+                "url": "https://api.github.com/repos/illuminate/database/zipball/09a2d38e27f930a5d9b7ef3514b650a3dc4cdd55",
+                "reference": "09a2d38e27f930a5d9b7ef3514b650a3dc4cdd55",
                 "shasum": ""
             },
             "require": {
@@ -320,11 +320,11 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-04-28T14:34:49+00:00"
+            "time": "2021-04-06T13:40:22+00:00"
         },
         {
             "name": "illuminate/macroable",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/macroable.git",
@@ -370,16 +370,16 @@
         },
         {
             "name": "illuminate/support",
-            "version": "v8.40.0",
+            "version": "v8.36.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/illuminate/support.git",
-                "reference": "ce1682ef73ab28a61be01c24ec5b090bdf2c3256"
+                "reference": "26aa01648f348df7b7988ee911cdf98bcaae8ea1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/illuminate/support/zipball/ce1682ef73ab28a61be01c24ec5b090bdf2c3256",
-                "reference": "ce1682ef73ab28a61be01c24ec5b090bdf2c3256",
+                "url": "https://api.github.com/repos/illuminate/support/zipball/26aa01648f348df7b7988ee911cdf98bcaae8ea1",
+                "reference": "26aa01648f348df7b7988ee911cdf98bcaae8ea1",
                 "shasum": ""
             },
             "require": {
@@ -434,20 +434,20 @@
                 "issues": "https://github.com/laravel/framework/issues",
                 "source": "https://github.com/laravel/framework"
             },
-            "time": "2021-04-28T12:56:25+00:00"
+            "time": "2021-04-06T13:05:53+00:00"
         },
         {
             "name": "nesbot/carbon",
-            "version": "2.47.0",
+            "version": "2.46.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/briannesbitt/Carbon.git",
-                "reference": "606262fd8888b75317ba9461825a24fc34001e1e"
+                "reference": "2fd2c4a77d58a4e95234c8a61c5df1f157a91bf4"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/606262fd8888b75317ba9461825a24fc34001e1e",
-                "reference": "606262fd8888b75317ba9461825a24fc34001e1e",
+                "url": "https://api.github.com/repos/briannesbitt/Carbon/zipball/2fd2c4a77d58a4e95234c8a61c5df1f157a91bf4",
+                "reference": "2fd2c4a77d58a4e95234c8a61c5df1f157a91bf4",
                 "shasum": ""
             },
             "require": {
@@ -527,7 +527,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-04-13T21:54:02+00:00"
+            "time": "2021-02-24T17:30:44+00:00"
         },
         {
             "name": "psr/container",
@@ -630,16 +630,16 @@
         },
         {
             "name": "symfony/console",
-            "version": "v5.2.7",
+            "version": "v5.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/console.git",
-                "reference": "90374b8ed059325b49a29b55b3f8bb4062c87629"
+                "reference": "35f039df40a3b335ebf310f244cb242b3a83ac8d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/console/zipball/90374b8ed059325b49a29b55b3f8bb4062c87629",
-                "reference": "90374b8ed059325b49a29b55b3f8bb4062c87629",
+                "url": "https://api.github.com/repos/symfony/console/zipball/35f039df40a3b335ebf310f244cb242b3a83ac8d",
+                "reference": "35f039df40a3b335ebf310f244cb242b3a83ac8d",
                 "shasum": ""
             },
             "require": {
@@ -707,7 +707,7 @@
                 "terminal"
             ],
             "support": {
-                "source": "https://github.com/symfony/console/tree/v5.2.7"
+                "source": "https://github.com/symfony/console/tree/v5.2.6"
             },
             "funding": [
                 {
@@ -723,7 +723,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-04-19T14:07:32+00:00"
+            "time": "2021-03-28T09:42:18+00:00"
         },
         {
             "name": "symfony/polyfill-ctype",
@@ -1213,21 +1213,21 @@
         },
         {
             "name": "symfony/service-contracts",
-            "version": "v2.4.0",
+            "version": "v2.2.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/service-contracts.git",
-                "reference": "f040a30e04b57fbcc9c6cbcf4dbaa96bd318b9bb"
+                "reference": "d15da7ba4957ffb8f1747218be9e1a121fd298a1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/f040a30e04b57fbcc9c6cbcf4dbaa96bd318b9bb",
-                "reference": "f040a30e04b57fbcc9c6cbcf4dbaa96bd318b9bb",
+                "url": "https://api.github.com/repos/symfony/service-contracts/zipball/d15da7ba4957ffb8f1747218be9e1a121fd298a1",
+                "reference": "d15da7ba4957ffb8f1747218be9e1a121fd298a1",
                 "shasum": ""
             },
             "require": {
                 "php": ">=7.2.5",
-                "psr/container": "^1.1"
+                "psr/container": "^1.0"
             },
             "suggest": {
                 "symfony/service-implementation": ""
@@ -1235,7 +1235,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "2.4-dev"
+                    "dev-master": "2.2-dev"
                 },
                 "thanks": {
                     "name": "symfony/contracts",
@@ -1272,7 +1272,7 @@
                 "standards"
             ],
             "support": {
-                "source": "https://github.com/symfony/service-contracts/tree/v2.4.0"
+                "source": "https://github.com/symfony/service-contracts/tree/master"
             },
             "funding": [
                 {
@@ -1288,7 +1288,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-04-01T10:43:52+00:00"
+            "time": "2020-09-07T11:33:47+00:00"
         },
         {
             "name": "symfony/string",
@@ -1375,16 +1375,16 @@
         },
         {
             "name": "symfony/translation",
-            "version": "v5.2.7",
+            "version": "v5.2.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation.git",
-                "reference": "e37ece5242564bceea54d709eafc948377ec9749"
+                "reference": "2cc7f45d96db9adfcf89adf4401d9dfed509f4e1"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation/zipball/e37ece5242564bceea54d709eafc948377ec9749",
-                "reference": "e37ece5242564bceea54d709eafc948377ec9749",
+                "url": "https://api.github.com/repos/symfony/translation/zipball/2cc7f45d96db9adfcf89adf4401d9dfed509f4e1",
+                "reference": "2cc7f45d96db9adfcf89adf4401d9dfed509f4e1",
                 "shasum": ""
             },
             "require": {
@@ -1448,7 +1448,7 @@
             "description": "Provides tools to internationalize your application",
             "homepage": "https://symfony.com",
             "support": {
-                "source": "https://github.com/symfony/translation/tree/v5.2.7"
+                "source": "https://github.com/symfony/translation/tree/v5.2.6"
             },
             "funding": [
                 {
@@ -1464,20 +1464,20 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-04-01T08:15:21+00:00"
+            "time": "2021-03-23T19:33:48+00:00"
         },
         {
             "name": "symfony/translation-contracts",
-            "version": "v2.4.0",
+            "version": "v2.3.0",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/translation-contracts.git",
-                "reference": "95c812666f3e91db75385749fe219c5e494c7f95"
+                "reference": "e2eaa60b558f26a4b0354e1bbb25636efaaad105"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/95c812666f3e91db75385749fe219c5e494c7f95",
-                "reference": "95c812666f3e91db75385749fe219c5e494c7f95",
+                "url": "https://api.github.com/repos/symfony/translation-contracts/zipball/e2eaa60b558f26a4b0354e1bbb25636efaaad105",
+                "reference": "e2eaa60b558f26a4b0354e1bbb25636efaaad105",
                 "shasum": ""
             },
             "require": {
@@ -1489,7 +1489,7 @@
             "type": "library",
             "extra": {
                 "branch-alias": {
-                    "dev-main": "2.4-dev"
+                    "dev-master": "2.3-dev"
                 },
                 "thanks": {
                     "name": "symfony/contracts",
@@ -1526,7 +1526,7 @@
                 "standards"
             ],
             "support": {
-                "source": "https://github.com/symfony/translation-contracts/tree/v2.4.0"
+                "source": "https://github.com/symfony/translation-contracts/tree/v2.3.0"
             },
             "funding": [
                 {
@@ -1542,63 +1542,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2021-03-23T23:28:01+00:00"
-        },
-        {
-            "name": "twbs/bootstrap",
-            "version": "v5.0.0-beta3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/twbs/bootstrap.git",
-                "reference": "220139a89ffc3864bbb6e1b35471667318eadc1f"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/twbs/bootstrap/zipball/220139a89ffc3864bbb6e1b35471667318eadc1f",
-                "reference": "220139a89ffc3864bbb6e1b35471667318eadc1f",
-                "shasum": ""
-            },
-            "replace": {
-                "twitter/bootstrap": "self.version"
-            },
-            "type": "library",
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Mark Otto",
-                    "email": "markdotto@gmail.com"
-                },
-                {
-                    "name": "Jacob Thornton",
-                    "email": "jacobthornton@gmail.com"
-                }
-            ],
-            "description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
-            "homepage": "https://getbootstrap.com/",
-            "keywords": [
-                "JS",
-                "css",
-                "framework",
-                "front-end",
-                "mobile-first",
-                "responsive",
-                "sass",
-                "web"
-            ],
-            "support": {
-                "issues": "https://github.com/twbs/bootstrap/issues",
-                "source": "https://github.com/twbs/bootstrap/tree/v5.0.0-beta3"
-            },
-            "funding": [
-                {
-                    "url": "https://opencollective.com/bootstrap",
-                    "type": "open_collective"
-                }
-            ],
-            "time": "2021-03-23T16:26:54+00:00"
+            "time": "2020-09-28T13:05:58+00:00"
         },
         {
             "name": "voku/portable-ascii",
@@ -1678,16 +1622,13 @@
     "packages-dev": [],
     "aliases": [],
     "minimum-stability": "stable",
-    "stability-flags": {
-        "twbs/bootstrap": 10
-    },
+    "stability-flags": [],
     "prefer-stable": false,
     "prefer-lowest": false,
     "platform": {
         "ext-mysqli": "*",
         "ext-sqlite3": "*",
-        "ext-fileinfo": "*",
-        "ext-json": "*"
+        "ext-fileinfo": "*"
     },
     "platform-dev": [],
     "plugin-api-version": "2.0.0"

config/database.json

@@ -1,7 +1,7 @@
 {
     "driver":"mysql",
-  "host": "172.16.5.5",
-  "database": "GameJamDB",
-  "username": "ida",
-  "password": "123qwe"
+    "host":"localhost",
+    "database":"testdb",
+    "username":"root",
+    "password":"V#_xWL6_"
 }