Game-jam-Devs/Game-Jaming
Game-jam-Devs
/
Game-Jaming
4
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge remote-tracking branch 'origin/main' into main

This commit is contained in:
Jonas 2021-04-21 10:27:06 +02:00
parent 48b9f532a4 ebeb93e5fa
commit 23a98a23cf
3 changed files with 1820 additions and 1411 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

752
Frontend/Index.html
View File

File diff suppressed because it is too large Load Diff

322
Frontend/Javascript/LoginFunctionality.js
View File

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

199
Frontend/Styles/Index.css
View File

@ -1,6 +1,6 @@
body, body,
html { html {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -24,11 +24,11 @@ section {
} }
a { a {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
a:hover { a:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
#content { #content {
@ -58,7 +58,13 @@ a:hover {
padding-top: 0px; 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-right: 0;
padding-left: 0; padding-left: 0;
} }
@ -111,7 +117,7 @@ a:hover {
} }
.row.content { .row.content {
height: 450px height: 450px;
} }
.CenterDiv { .CenterDiv {
@ -119,11 +125,11 @@ a:hover {
} }
.LoginButton { .LoginButton {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
} }
.LoginButton:hover { .LoginButton:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.dropdown-menu { .dropdown-menu {
@ -131,11 +137,11 @@ a:hover {
} }
.dropdown-menu .dropdown-item { .dropdown-menu .dropdown-item {
color: rgba(255, 255, 255, .50) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
.dropdown-menu .dropdown-item:hover { .dropdown-menu .dropdown-item:hover {
color: rgba(255, 255, 255, .75) !important; color: rgba(255, 255, 255, 0.75) !important;
background-color: transparent !important; background-color: transparent !important;
} }
@ -143,7 +149,7 @@ a:hover {
padding: 0; padding: 0;
border-bottom: 0; border-bottom: 0;
background-color: rgb(18, 18, 18); background-color: rgb(18, 18, 18);
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
#RulesModal .modal-header { #RulesModal .modal-header {
@ -154,7 +160,7 @@ a:hover {
#RulesModal .modal-header h1 { #RulesModal .modal-header h1 {
font-weight: bolder; font-weight: bolder;
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
#RulesModal .modal-dialog-scrollable .modal-content { #RulesModal .modal-dialog-scrollable .modal-content {
@ -175,12 +181,12 @@ a:hover {
#ModalRulesTabContent li p { #ModalRulesTabContent li p {
font: 16px/1.5 Helvetica, sans-serif; font: 16px/1.5 Helvetica, sans-serif;
padding-left: 60px; padding-left: 60px;
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
} }
#ModalRulesTabContent span { #ModalRulesTabContent span {
position: absolute; position: absolute;
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
#pass_info { #pass_info {
@ -191,7 +197,7 @@ a:hover {
width: 250px; width: 250px;
padding: 15px; padding: 15px;
background: rgb(254, 254, 254); background: rgb(254, 254, 254);
font-size: .875em; font-size: 0.875em;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 1px 3px rgb(204, 204, 204); box-shadow: 0 1px 3px rgb(204, 204, 204);
border: 1px solid rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221);
@ -210,22 +216,23 @@ a:hover {
display: block; display: block;
} }
#pass_info ul, li { #pass_info ul,
margin:0; li {
padding:0; margin: 0;
list-style-type:none; padding: 0;
list-style-type: none;
} }
#pass_info h5 { #pass_info h5 {
margin:0 0 10px 0; margin: 0 0 10px 0;
padding:0; padding: 0;
font-weight:normal; font-weight: normal;
} }
.invalid { .invalid {
padding-left:22px; padding-left: 22px;
line-height:24px; line-height: 24px;
color:rgb(236, 63, 65); color: rgb(236, 63, 65);
} }
.invalidInput { .invalidInput {
@ -234,23 +241,22 @@ a:hover {
.invalid::before { .invalid::before {
font-family: "FontAwesome"; font-family: "FontAwesome";
content: '\f00d'; content: "\f00d";
} }
.valid { .valid {
padding-left:22px; padding-left: 22px;
line-height:24px; line-height: 24px;
color:rgb(58, 125, 52); color: rgb(58, 125, 52);
} }
.validInput { .validInput {
border-color: rgb(80, 219, 52) !important; border-color: rgb(80, 219, 52) !important;
} }
.valid::before { .valid::before {
font-family: "FontAwesome"; font-family: "FontAwesome";
content: '\f00c'; content: "\f00c";
} }
.RulesModal .modal-header { .RulesModal .modal-header {
@ -265,16 +271,13 @@ a:hover {
.modal-content { .modal-content {
background-color: rgb(18, 18, 18); background-color: rgb(18, 18, 18);
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, 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 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 4px 8px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
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 { .modal-backdrop {
z-index: 1; z-index: -1;
} }
.nav-tabs { .nav-tabs {
@ -283,19 +286,19 @@ a:hover {
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { .nav-tabs .nav-link.active {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
background-color: rgb(37, 37, 37); background-color: rgb(37, 37, 37);
border-color: rgb(80, 80, 80); border-color: rgb(80, 80, 80);
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
} }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover { .nav-tabs .nav-link:hover {
border-color: rgb(80, 80, 80); border-color: rgb(80, 80, 80);
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.FullWidthModalTabs { .FullWidthModalTabs {
@ -318,11 +321,11 @@ a:hover {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
} }
.CloseIcon:hover { .CloseIcon:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.btn-close:hover { .btn-close:hover {
@ -353,64 +356,63 @@ a:hover {
} }
.box #NUDMinus { .box #NUDMinus {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: left; float: left;
} }
.box #NUDMinus:focus { .box #NUDMinus:focus {
box-shadow: none; box-shadow: none;
} }
.box #NUDMinus:focus-visible { .box #NUDMinus:focus-visible {
outline: none; outline: none;
} }
.box #NUDDisplay { .box #NUDDisplay {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
cursor: text; cursor: text;
width: 65%; width: 65%;
} }
.box #NUDDisplay:focus { .box #NUDDisplay:focus {
box-shadow: none; box-shadow: none;
} }
.box #NUDDisplay:focus-visible { .box #NUDDisplay:focus-visible {
outline: none; outline: none;
} }
.box #NUDPlus { .box #NUDPlus {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: right; float: right;
} }
.box #NUDPlus:focus { .box #NUDPlus:focus {
box-shadow: none; box-shadow: none;
} }
.box #NUDPlus:focus-visible { .box #NUDPlus:focus-visible {
outline: none; outline: none;
} }
.box #GameJamSelect:focus { .box #GameJamSelect:focus {
box-shadow: none; box-shadow: none;
} }
.box #GameJamSelect:hover { .box #GameJamSelect:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.box #GameJamSelect ul { .box #GameJamSelect ul {
background-color: red; background-color: red;
} }
.box { .box {
background-color: rgb(18, 18, 18); background-color: rgb(18, 18, 18);
} }
@ -432,12 +434,13 @@ a:hover {
padding: 10px 10px; padding: 10px 10px;
width: 250px; width: 250px;
outline: none; outline: none;
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
} }
.box .btn-group, .btn-group-vertical { .box .btn-group,
.btn-group-vertical {
position: relative; position: relative;
display: block; display: block;
text-align: center; text-align: center;
@ -447,7 +450,7 @@ a:hover {
} }
.box #NUDMinus { .box #NUDMinus {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: left; float: left;
@ -462,7 +465,7 @@ a:hover {
} }
.box #NUDDisplay { .box #NUDDisplay {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
cursor: text; cursor: text;
@ -478,7 +481,7 @@ a:hover {
} }
.box #NUDPlus { .box #NUDPlus {
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: right; float: right;
@ -497,7 +500,7 @@ a:hover {
} }
.box #GameJamSelect:hover { .box #GameJamSelect:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.box #GameJamSelect ul { .box #GameJamSelect ul {
@ -506,7 +509,7 @@ a:hover {
.text-muted { .text-muted {
margin-bottom: 5vh; margin-bottom: 5vh;
color: rgba(255, 255, 255, .55) !important; color: rgba(255, 255, 255, 0.55) !important;
} }
.box h1 { .box h1 {
@ -532,7 +535,7 @@ a:hover {
.box #pass2:hover, .box #pass2:hover,
.box #loginPassword:hover, .box #loginPassword:hover,
.box #adminPassword:hover { .box #adminPassword:hover {
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.box input[type="submit"] { .box input[type="submit"] {
@ -544,7 +547,7 @@ a:hover {
border: 2px solid rgb(46, 204, 113); border: 2px solid rgb(46, 204, 113);
padding: 14px 40px; padding: 14px 40px;
outline: none; outline: none;
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
cursor: pointer; cursor: pointer;
@ -552,16 +555,16 @@ a:hover {
.box input[type="submit"]:hover { .box input[type="submit"]:hover {
background: rgb(46, 204, 113); background: rgb(46, 204, 113);
color: rgba(255, 255, 255, .75); color: rgba(255, 255, 255, 0.75);
} }
.carousel-item img { .carousel-item img {
margin: 0 auto; margin: 0 auto;
} }
@media only screen and (min-width: 1280px) { @media only screen and (min-width: 1280px) {
.CustomRow { .CustomRow {
display: none display: none;
} }
.SmallScreenDouImages { .SmallScreenDouImages {
@ -600,10 +603,10 @@ a:hover {
/*slideshow effekt*/ /*slideshow effekt*/
.image_img { .image_img {
display: block; display: block;
width:100%; width: 100%;
} }
.image_overlay{ .image_overlay {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -620,12 +623,11 @@ a:hover {
transition: opacity 0.25s; transition: opacity 0.25s;
} }
.image_overlay > * {
.image_overlay > *{
transform: translateY(20px); transform: translateY(20px);
transition: transform 0.25s; transition: transform 0.25s;
} }
.image_overlay:hover{ .image_overlay:hover {
opacity: 1; opacity: 1;
} }
.image_overlay:hover > * { .image_overlay:hover > * {
@ -635,7 +637,7 @@ a:hover {
font-size: 2em; font-size: 2em;
font-weight: bold; font-weight: bold;
} }
image_gruppenavn{ image_gruppenavn {
font-size: 1.25em; font-size: 1.25em;
margin-top: 0.25em; margin-top: 0.25em;
} }
@ -644,7 +646,7 @@ image_gruppenavn{
/*Kategori spil*/ /*Kategori spil*/
.Collapsible { .Collapsible {
background-color: rgb(18, 18, 18); background-color: rgb(18, 18, 18);
color: rgba(255, 255, 255, .55); color: rgba(255, 255, 255, 0.55);
cursor: pointer; cursor: pointer;
padding: 18px; padding: 18px;
width: 100%; width: 100%;
@ -655,7 +657,6 @@ image_gruppenavn{
width: 33.333%; width: 33.333%;
} }
.CollapsibleContent { .CollapsibleContent {
padding: 0 18px; padding: 0 18px;
display: none; display: none;
@ -663,16 +664,16 @@ image_gruppenavn{
background-color: rgb(18, 18, 18); background-color: rgb(18, 18, 18);
} }
.left_text{ .left_text {
float: left; float: left;
} }
.center_text{ .center_text {
display: inline-block; display: inline-block;
margin: 0 auto; margin: 0 auto;
} }
.right_text{ .right_text {
float: right; float: right;
} }
@ -686,8 +687,8 @@ image_gruppenavn{
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 100; z-index: 100;
transition: all .3s ease; transition: all 0.3s ease;
box-shadow: 0 1px 25px rgba(0,0,0, .1); box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
} }
#header.hide { #header.hide {
@ -700,7 +701,14 @@ image_gruppenavn{
border: none; border: none;
height: 3px !important; height: 3px !important;
background: rgb(0, 113, 185) !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; 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; opacity: 1;
} }
@ -712,7 +720,6 @@ image_gruppenavn{
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.calendar { .calendar {
@ -721,7 +728,6 @@ image_gruppenavn{
background-color: rgb(34, 34, 39); background-color: rgb(34, 34, 39);
box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4); box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4);
border-radius: 20px; border-radius: 20px;
} }
.month { .month {
@ -736,7 +742,6 @@ image_gruppenavn{
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
} }
.month i { .month i {
@ -783,7 +788,7 @@ image_gruppenavn{
border-radius: 50%; border-radius: 50%;
} }
.days div { .days div {
font-size: 1.4rem; font-size: 1.4rem;
margin: 0.3rem; margin: 0.3rem;
width: calc(40.2rem / 7); width: calc(40.2rem / 7);
@ -794,14 +799,14 @@ image_gruppenavn{
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5); text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
transition: background-color 0.2s; transition: background-color 0.2s;
border-radius: 50%; border-radius: 50%;
} }
.days div:hover{ .days div:hover {
background-color: #01579b; background-color: #01579b;
border: 0.2rem solid rgb(119, 119, 119); border: 0.2rem solid rgb(119, 119, 119);
cursor: pointer; cursor: pointer;
border-radius: 50%; border-radius: 50%;
} }
.prev-date, .prev-date,
.next-date { .next-date {
@ -814,7 +819,7 @@ image_gruppenavn{
} }
.hasEvent { .hasEvent {
background-color: red;; background-color: red;
} }
/*Kalender slut*/ /*Kalender slut*/
@ -822,7 +827,7 @@ image_gruppenavn{
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
right: 20px; right: 20px;
background: rgba(73, 122, 255, .8); background: rgba(73, 122, 255, 0.8);
width: 50px; width: 50px;
height: 50px; height: 50px;
display: block; display: block;
@ -843,7 +848,7 @@ image_gruppenavn{
} }
#return-to-top i { #return-to-top i {
color: rgba(255, 255, 255, .75);; color: rgba(255, 255, 255, 0.75);
margin: 0; margin: 0;
position: relative; position: relative;
font-size: 30px; font-size: 30px;
@ -856,7 +861,7 @@ image_gruppenavn{
} }
#return-to-top:hover i { #return-to-top:hover i {
color: rgba(255, 255, 255, .55);; color: rgba(255, 255, 255, 0.55);
top: 5px; top: 5px;
} }
@ -879,14 +884,14 @@ ul.Circle-list {
text-align: initial; text-align: initial;
} }
ul.Circle-list li:before { ul.Circle-list li:before {
content: "\2022"; /* Unicode for a bullet */ content: "\2022"; /* Unicode for a bullet */
color: rgb(0, 113, 185); color: rgb(0, 113, 185);
font-weight: bold; font-weight: bold;
display: inline-block; /* Needed to add space between the bullet and the text */ display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */ width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */
} }
ol.Subject-list { ol.Subject-list {
list-style-type: decimal; list-style-type: decimal;