This commit is contained in:
Ida Tiegel 2021-05-05 08:25:01 +02:00
parent 2b08ef3e07
commit 3e91dd77b5
7 changed files with 1328 additions and 1526 deletions

Binary file not shown.

View File

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

47
Frontend/Html/test.html Normal file
View File

@ -0,0 +1,47 @@
<!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>

View File

@ -55,156 +55,121 @@
<body> <body>
<!-- Navbar --> <!-- Navbar -->
<nav <nav id="header"
id="header" class="navbar navbar-dark navbar-expand-lg navbar-light smart-scroll" style="background-color: #59142D;
class="navbar navbar-dark navbar-expand-lg navbar-light bg-dark smart-scroll" color: #F2E6D8;">
>
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand NavLink" onclick="GoToTop()"> <a class="navbar-brand NavLink" onclick="GoToTop()">
<img <img src="Images/UFO.png"
src="Images/UFO.png"
alt="Snow" alt="Snow"
style="width: 32px; height: 32px" style="width: 32px; height: 32px" />
/>
</a> </a>
<button <button class="navbar-toggler"
class="navbar-toggler"
type="button" type="button"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-expanded="false"
aria-label="Toggle navigation" aria-label="Toggle navigation">
>
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"> <li class="nav-item">
<a <a class="nav-link NavLink"
class="nav-link NavLink"
aria-current="page" aria-current="page"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#hjem" href="#hjem">
>
Hjem Hjem
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a <a class="nav-link NavLink"
class="nav-link NavLink"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#info" href="#info">
>
Information Information
</a> </a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<div class="btn-group"> <div class="btn-group">
<a class="nav-link NavLink" href="#events" type="button">
Events
</a>
<a <a
type="button" type="button"
class="nav-link dropdown-toggle dropdown-toggle-split" class="nav-link dropdown-toggle dropdown-toggle-split"
id="navbarDropdown" id="navbarDropdown"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
aria-expanded="false" aria-expanded="false">
> Event
<span class="visually-hidden">Toggle Dropdown</span>
</a> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li> <li>
<a <a class="dropdown-item NavLink"
class="dropdown-item NavLink"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#spil" href="#spil">Spil</a>
>Spil</a
>
</li> </li>
<li> <li>
<a <a class="dropdown-item NavLink"
class="dropdown-item NavLink"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#upload" href="#upload">Upload fil</a>
>Upload fil</a
>
</li> </li>
<li> <li>
<a <a class="dropdown-item NavLink"
class="dropdown-item NavLink"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#stem" href="#stem">Stem</a>
>Stem</a
>
</li> </li>
<li> <li>
<a <a class="dropdown-item NavLink"
class="dropdown-item NavLink"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent"
href="#lod" href="#lod">Lodtrækning</a>
>Lodtrækning</a
>
</li> </li>
</ul> </ul>
</div> </div>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a <a type="button"
type="button"
class="nav-link NavLink" class="nav-link NavLink"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#RulesModal" data-bs-target="#RulesModal">
>
Regler Regler
</a> </a>
</li> </li>
</ul> </ul>
<a <a id="NavUser"
id="NavUser"
type="button" type="button"
class="nav-link" class="nav-link"
style=" style="
display: none; display: none;
cursor: default; cursor: default;
color: rgba(255, 255, 255, 0.55); color: rgba(255, 255, 255, 0.55);
" ">
>
</a> </a>
<a <a id="AdminPanel"
id="AdminPanel"
type="button" type="button"
class="nav-link LoginButton" class="nav-link LoginButton"
href="../Frontend/Html/AdminPage.html" href="../Frontend/Html/AdminPage.html"
style="display: none" style="display: none">
>
Admin Panel Admin Panel
</a> </a>
<a <a id="NavLogout"
id="NavLogout"
type="button" type="button"
class="nav-link LoginButton" class="nav-link LoginButton"
style="display: none" style="display: none">
>
Logout Logout
</a> </a>
<a <a id="NavLogin"
id="NavLogin"
type="button" type="button"
class="nav-link LoginButton" class="nav-link LoginButton"
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#LoginModal" data-bs-target="#LoginModal"
style="display: block" style="display: block">
>
Login Login
</a> </a>
</div> </div>
@ -213,77 +178,65 @@
<!-- Navbar end --> <!-- Navbar end -->
<!-- Login modal --> <!-- Login modal -->
<div class="LoginModal"> <div class="LoginModal">
<div <div class="modal fade"
class="modal fade"
id="LoginModal" id="LoginModal"
tabindex="-1" tabindex="-1"
aria-labelledby="LoginModalLabel" aria-labelledby="LoginModalLabel"
aria-hidden="true" aria-hidden="true">
>
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header FullWidthModalTabs"> <div class="modal-header FullWidthModalTabs">
<ul class="nav nav-tabs" id="ModalLoginTab" role="tablist"> <ul class="nav nav-tabs" id="ModalLoginTab" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button <button class="nav-link active"
class="nav-link active"
id="LoginTab" id="LoginTab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#Login" data-bs-target="#Login"
type="button" type="button"
role="tab" role="tab"
aria-controls="Login" aria-controls="Login"
aria-selected="true" aria-selected="true">
>
<i class="fas fa-sign-in-alt"></i> Login <i class="fas fa-sign-in-alt"></i> Login
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button <button class="nav-link"
class="nav-link"
id="RegistrerTab" id="RegistrerTab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#Registrer" data-bs-target="#Registrer"
type="button" type="button"
role="tab" role="tab"
aria-controls="Registrer" aria-controls="Registrer"
aria-selected="false" aria-selected="false">
>
<i class="fas fa-user-plus"></i> Registrer <i class="fas fa-user-plus"></i> Registrer
</button> </button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button <button class="nav-link"
class="nav-link"
id="AdminLoginTab" id="AdminLoginTab"
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#AdminLogin" data-bs-target="#AdminLogin"
type="button" type="button"
role="tab" role="tab"
aria-controls="AdminLogin" aria-controls="AdminLogin"
aria-selected="false" aria-selected="false">
>
<i class="fas fa-user-secret"></i> Admin Login <i class="fas fa-user-secret"></i> Admin Login
</button> </button>
</li> </li>
<li <li style="
style="
width: 32px; width: 32px;
height: 42px; height: 42px;
right: 0; right: 0;
position: absolute; position: absolute;
" ">
> <button style="
<button
style="
padding: 25% !important; padding: 25% !important;
border: none; border: none;
background-color: transparent; background-color: transparent;
" "
type="button" type="button"
data-bs-dismiss="modal" data-bs-dismiss="modal"
aria-label="Close" aria-label="Close">
>
<i class="fas fa-times CloseIcon"></i> <i class="fas fa-times CloseIcon"></i>
</button> </button>
</li> </li>
@ -291,76 +244,55 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="tab-content" id="ModalLoginTabContent"> <div class="tab-content" id="ModalLoginTabContent">
<div <div class="tab-pane fade show active"
class="tab-pane fade show active"
id="Login" id="Login"
role="tabpanel" role="tabpanel"
aria-labelledby="LoginTab" aria-labelledby="LoginTab">
>
<form id="LoginForm" class="box"> <form id="LoginForm" class="box">
<h1 class="text-muted">Team Login</h1> <h1 class="text-muted">Team Login</h1>
<input <input id="loginUsername"
id="loginUsername"
type="text" type="text"
name="groupName" name="groupName"
placeholder="Gruppe navn" placeholder="Gruppe navn" />
/> <input id="loginPassword"
<input
id="loginPassword"
type="password" type="password"
name="password" name="password"
placeholder="Password" placeholder="Password" />
/>
<p <p id="ErrorText"
id="ErrorText" style="text-align: center; color: red; display: none">
style="text-align: center; color: red; display: none"
>
Wrong Username Or Password! Wrong Username Or Password!
</p> </p>
<input <input id="LoginBtn"
id="LoginBtn"
type="submit" type="submit"
name="login" name="login"
value="Login" value="Login" />
/>
</form> </form>
</div> </div>
<div <div class="tab-pane fade"
class="tab-pane fade"
id="Registrer" id="Registrer"
role="tabpanel" role="tabpanel"
aria-labelledby="RegistrerTab" aria-labelledby="RegistrerTab">
>
<form id="RegisterForm" method="POST" class="box"> <form id="RegisterForm" method="POST" class="box">
<h1 class="text-muted">Team Registrering</h1> <h1 class="text-muted">Team Registrering</h1>
<input <input id="username"
id="username"
type="text" type="text"
name="groupName" name="groupName"
placeholder="Unikt gruppe navn" placeholder="Unikt gruppe navn" />
/> <input id="pass1"
<input
id="pass1"
type="password" type="password"
class="" class=""
placeholder="Password" placeholder="Password" />
/> <input id="pass2"
<input
id="pass2"
type="password" type="password"
class="" class=""
name="password" name="password"
placeholder="Gentag Password" placeholder="Gentag Password" />
/> <!-- <select id="GameJamSelect"
<!--
<select
id="GameJamSelect"
class="form-select" class="form-select"
aria-label="Default select example" aria-label="Default select example"></select>
></select>-->
<input type="hidden" name="groupAmount" id="groupAmount" /> <input type="hidden" name="groupAmount" id="groupAmount" />
<input type="hidden" name="gameJamId" id="gameJamId" /> <input type="hidden" name="gameJamId" id="gameJamId" />
@ -392,7 +324,7 @@
> >
<i class="fas fa-plus"></i> <i class="fas fa-plus"></i>
</button> </button>
</div> </div> -->
<div id="pass_info"> <div id="pass_info">
<h5>Passsword skal opfylde følgende krav :</h5> <h5>Passsword skal opfylde følgende krav :</h5>
@ -418,49 +350,37 @@
</ul> </ul>
</div> </div>
<input <input id="RegisterBtn"
id="RegisterBtn"
type="submit" type="submit"
name="regGroup" name="regGroup"
value="Registrer" value="Registrer" />
/>
</form> </form>
</div> </div>
<div <div class="tab-pane fade"
class="tab-pane fade"
id="AdminLogin" id="AdminLogin"
role="tabpanel" role="tabpanel"
aria-labelledby="AdminLoginTab" aria-labelledby="AdminLoginTab">
>
<form id="AdminLoginForm" method="POST" class="box"> <form id="AdminLoginForm" method="POST" class="box">
<h1 class="text-muted">Admin Login</h1> <h1 class="text-muted">Admin Login</h1>
<input <input id="adminUsername"
id="adminUsername"
type="text" type="text"
name="userName" name="userName"
placeholder="Brugernavn" placeholder="Brugernavn" />
/> <input id="adminPassword"
<input
id="adminPassword"
type="password" type="password"
name="password" name="password"
placeholder="Password" placeholder="Password" />
/>
<p <p id="AdminErrorText"
id="AdminErrorText" style="text-align: center; color: red; display: none">
style="text-align: center; color: red; display: none"
>
Wrong Username Or Password! Wrong Username Or Password!
</p> </p>
<input <input id="AdminLoginBtn"
id="AdminLoginBtn"
type="submit" type="submit"
name="aLogin" name="aLogin"
value="Login" value="Login" />
/>
</form> </form>
</div> </div>
</div> </div>
@ -471,13 +391,11 @@
</div> </div>
<!-- Login modal end --> <!-- Login modal end -->
<!-- Rules Modal --> <!-- Rules Modal -->
<div <div class="modal fade"
class="modal fade"
id="RulesModal" id="RulesModal"
tabindex="-1" tabindex="-1"
aria-labelledby="RulesModalLabel" aria-labelledby="RulesModalLabel"
aria-hidden="true" aria-hidden="true">
>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -518,9 +436,7 @@
at bryde andre juridiske aftaler). Del ikke kode der at bryde andre juridiske aftaler). Del ikke kode der
tilhører din arbejdsgiver eller andre end dig selv, og tilhører din arbejdsgiver eller andre end dig selv, og
upload noget der er under upload noget der er under
<a href="https://www.amino.dk/ordbog/hvad-er-en-nda.aspx" <a href="https://www.amino.dk/ordbog/hvad-er-en-nda.aspx">NDA</a>, eller andre juridiske begrænsninger.
>NDA</a
>, eller andre juridiske begrænsninger.
</p> </p>
</li> </li>
<li> <li>
@ -528,11 +444,10 @@
<p> <p>
<strong> Husk licensen. </strong> Alle uploads (kode, <strong> Husk licensen. </strong> Alle uploads (kode,
aktiver, eksekverbare filer osv.) deles og licenseres under aktiver, eksekverbare filer osv.) deles og licenseres under
<a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en">
href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en" Attribution-NonCommercial-ShareAlike 4.0 International
>Attribution-NonCommercial-ShareAlike 4.0 International Creative Commons License
Creative Commons License</a </a>
>
</p> </p>
</li> </li>
<li> <li>
@ -543,9 +458,7 @@
du huske det fælles mål om at samarbejde, lære og dele du huske det fælles mål om at samarbejde, lære og dele
blandt spiludviklingssamfundet. Brug værktøjer og aktiver, blandt spiludviklingssamfundet. Brug værktøjer og aktiver,
der gør det muligt at licensere dit spil under der gør det muligt at licensere dit spil under
<a href="https://creativecommons.org/licenses/" <a href="https://creativecommons.org/licenses/">creative commons</a>. Upload så vidt som muligt et komplet og spilbart spil, og
>creative commons</a
>. Upload så vidt som muligt et komplet og spilbart spil, og
inkluder enhver kildekode og aktiver til uddannelsesmæssige inkluder enhver kildekode og aktiver til uddannelsesmæssige
formål. Alt hvad du opretter forbliver din ejendom inden for formål. Alt hvad du opretter forbliver din ejendom inden for
licensaftalen. licensaftalen.
@ -574,11 +487,9 @@
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button <button type="button"
type="button"
class="btn btn-danger" class="btn btn-danger"
data-bs-dismiss="modal" data-bs-dismiss="modal">
>
Close Close
</button> </button>
</div> </div>
@ -613,13 +524,9 @@
om hvad for et spil man vil lave, men når man får temaet afvide, kan 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 det være at man får en ny synsvinkel på hvordan man vil løse
opgaven. læs mere under opgaven. læs mere under
<a <a href=""
href=""
data-bs-toggle="modal" data-bs-toggle="modal"
data-bs-target="#RulesModal" data-bs-target="#RulesModal">Regler</a>.
style="color: rgba(255, 255, 255, 0.75)"
>Regler</a
>.
</p> </p>
<h5>Hvad er Game jam?</h5> <h5>Hvad er Game jam?</h5>
<p> <p>
@ -627,9 +534,7 @@
om at lave det bedste spil på begrænset tid. Her har i chancen for 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 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 er spændende, hyggeligt og selvfølelig rigtigt sjovt. Under
<a href="#lod" style="color: rgba(255, 255, 255, 0.75)" <a href="#lod">Lodtrækning</a>
>Lodtrækning</a
>
bliver der trækket lod om et tema spillet skal handle om. bliver der trækket lod om et tema spillet skal handle om.
</p> </p>
@ -710,10 +615,7 @@
og man får lov til at se hvordan andre tænker ved at løse den 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 samme opgave. Er du et konkurrance menneske gør det kun det hele
meget bedre. En undersøgelse af meget bedre. En undersøgelse af
<a <a href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/">McFunkyPants</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 viser at over 95% af deltagere har haft det sjovt under
deltagelse og vil gerne deltage i endnu en. deltagelse og vil gerne deltage i endnu en.
</p> </p>
@ -802,23 +704,19 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="popupDate">Modal title</h5> <h5 class="modal-title" id="popupDate">Modal title</h5>
<button <button type="button"
type="button"
class="btn-close" class="btn-close"
data-bs-dismiss="modal" data-bs-dismiss="modal"
aria-label="Close" aria-label="Close"></button>
></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Modal body text goes here.</p> <p>Modal body text goes here.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary">knap</button> <button type="button" class="btn btn-primary">knap</button>
<button <button type="button"
type="button"
class="btn btn-secondary" class="btn btn-secondary"
data-bs-dismiss="modal" data-bs-dismiss="modal">
>
Close Close
</button> </button>
</div> </div>
@ -836,42 +734,32 @@
<h3>Spil</h3> <h3>Spil</h3>
<p>Se de nyesste spil</p> <p>Se de nyesste spil</p>
<!-- Slideshow start --> <!-- Slideshow start -->
<div <div id="carouselExampleCaptions"
id="carouselExampleCaptions"
class="carousel slide" class="carousel slide"
data-bs-ride="carousel" data-bs-ride="carousel"
data-bs-interval="false" data-bs-interval="false">
>
<div class="carousel-indicators"> <div class="carousel-indicators">
<button <button type="button"
type="button"
data-bs-target="#carouselExampleCaptions" data-bs-target="#carouselExampleCaptions"
data-bs-slide-to="0" data-bs-slide-to="0"
class="active" class="active"
aria-current="true" aria-current="true"
aria-label="Slide 1" aria-label="Slide 1"></button>
></button> <button type="button"
<button
type="button"
data-bs-target="#carouselExampleCaptions" data-bs-target="#carouselExampleCaptions"
data-bs-slide-to="1" data-bs-slide-to="1"
aria-label="Slide 2" aria-label="Slide 2"></button>
></button> <button type="button"
<button
type="button"
data-bs-target="#carouselExampleCaptions" data-bs-target="#carouselExampleCaptions"
data-bs-slide-to="2" data-bs-slide-to="2"
aria-label="Slide 3" aria-label="Slide 3"></button>
></button>
</div> </div>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<img <img class="image_img"
class="image_img"
src="Images/spil.jpg" src="Images/spil.jpg"
class="d-block w-100" class="d-block w-100"
alt="..." alt="..." />
/>
<div class="image_overlay"> <div class="image_overlay">
<div class="image_title"> <div class="image_title">
<a href="#" style="color: white">Navn på spil</a> <a href="#" style="color: white">Navn på spil</a>
@ -880,12 +768,10 @@
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img class="image_img"
class="image_img"
src="Images/spil.jpg" src="Images/spil.jpg"
class="d-block w-100" class="d-block w-100"
alt="..." alt="..." />
/>
<div class="image_overlay"> <div class="image_overlay">
<div class="image_title"> <div class="image_title">
<a href="#" style="color: white">Navn på spil</a> <a href="#" style="color: white">Navn på spil</a>
@ -894,12 +780,10 @@
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<img <img class="image_img"
class="image_img"
src="Images/spil.jpg" src="Images/spil.jpg"
class="d-block w-100" class="d-block w-100"
alt="..." alt="..." />
/>
<div class="image_overlay"> <div class="image_overlay">
<div class="image_title"> <div class="image_title">
<a href="#" style="color: white">Navn på spil</a> <a href="#" style="color: white">Navn på spil</a>
@ -908,156 +792,28 @@
</div> </div>
</div> </div>
</div> </div>
<button <button class="carousel-control-prev"
class="carousel-control-prev"
type="button" type="button"
data-bs-target="#carouselExampleCaptions" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev" data-bs-slide="prev">
> <span class="carousel-control-prev-icon"
<span aria-hidden="true"></span>
class="carousel-control-prev-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Previous</span> <span class="visually-hidden">Previous</span>
</button> </button>
<button <button class="carousel-control-next"
class="carousel-control-next"
type="button" type="button"
data-bs-target="#carouselExampleCaptions" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next" data-bs-slide="next">
> <span class="carousel-control-next-icon"
<span aria-hidden="true"></span>
class="carousel-control-next-icon"
aria-hidden="true"
></span>
<span class="visually-hidden">Next</span> <span class="visually-hidden">Next</span>
</button> </button>
</div> </div>
<!-- Kategorier --> <!-- Kategorier -->
<p>Kategorier af spil</p> <p>Kategorier af spil</p>
<div class="row"> <div id="oldGameJam">
<div class="col-sm">
<button type="button" class="Collapsible">Kategori1</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori2</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori3</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button type="button" class="Collapsible">Kategori4</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori5</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori6</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button type="button" class="Collapsible">Kategori7</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori8</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible">Kategori9</button>
<div class="CollapsibleContent">
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
<a href="#">Spil</a>
<br />
</div>
</div>
</div> </div>
<!-- Kategorier slut --> <!-- Kategorier slut -->
</section> </section>
@ -1171,131 +927,28 @@
<hr class="GradientDivider" /> <hr class="GradientDivider" />
<!-- Stem --> <!-- Stem -->
<section id="stem"> <section id="gameJamVote">
<h3>Stem</h3> <h3>Stem</h3>
<div class="row">
<div class="col-sm">
<button type="button" class="Collapsible" id="activeGameJam">
Game Jam
</button>
<div class="CollapsibleContent">
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible" id="activeGameJam">
Game Jam
</button>
<div class="CollapsibleContent">
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
</div>
</div>
<div class="col-sm">
<button type="button" class="Collapsible" id="activeGameJam">
Game Jam
</button>
<div class="CollapsibleContent">
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
<button type="button" class="Collapsible" id="gameDataId">
Spil
</button>
<div class="CollapsibleContent">
<button type="submit" id="oneVote">Vote</button>
</div>
</div>
</div>
</div>
<div class="modal" tabindex="-1" id="voteAndComment"> <div class="modal" tabindex="-1" id="voteAndComment">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title" id="GameJameName">Modal title</h5> <h5 class="modal-title" id="GameJameName">Modal title</h5>
<button <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Modal body text goes here.</p> <p>Modal body text goes here.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary">knap</button> <button type="button" class="btn btn-primary">knap</button>
<button <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Close
</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- Stem slut --> <!-- Stem slut -->
@ -1355,7 +1008,9 @@
<script src="Javascript/Kalender.js"></script> <script src="Javascript/Kalender.js"></script>
<script src="Javascript/SpinningWheel.js"></script> <script src="Javascript/SpinningWheel.js"></script>
<script src="Javascript/LoginFunctionality.js"></script> <script src="Javascript/LoginFunctionality.js"></script>
<script src="Javascript/UplodeFiles.js"></script> <script src="Javascript/Stem.js"></script>
<script src="Javascript/Games.js"></script>
<!-- Body scripts end --> <!-- Body scripts end -->
</body> </body>
</html> </html>

View File

@ -0,0 +1,25 @@
// 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;

View File

@ -1 +1,28 @@
// JavaScript source code // 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;

View File

@ -1,6 +1,7 @@
body, body,
html { html {
color: rgba(255, 255, 255, 0.55); /*rgba(255, 255, 255, 0.55);*/
color: #F2E6D8;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -13,7 +14,8 @@ html {
} }
body { body {
background-color: rgb(18, 18, 18); /* background-color: rgb(18, 18, 18);*/
background-color: #121B26;
overflow: hidden; overflow: hidden;
transition: padding-top 0.3s ease-in-out; transition: padding-top 0.3s ease-in-out;
padding-top: 53px; padding-top: 53px;
@ -24,12 +26,14 @@ section {
} }
a { a {
color: rgba(255, 255, 255, 0.75); /*rgba(255, 255, 255, 0.75);*/
color: #F2E6D8;
} }
a:hover { a:hover {
color: rgba(255, 255, 255, 0.75); /*rgba(255, 255, 255, 0.75);*/
} color: #BF7D65;
}
#content { #content {
overflow: hidden; overflow: hidden;
@ -81,7 +85,7 @@ a:hover {
} }
.mb-container .mb-track .mb-bar { .mb-container .mb-track .mb-bar {
background-color: rgba(51, 51, 51, 0.75); background-color: #121B26; /* rgba(51, 51, 51, 0.75);*/
} }
.mb-container .mb-track { .mb-container .mb-track {
@ -102,13 +106,14 @@ a:hover {
width: 100%; width: 100%;
z-index: 1030; z-index: 1030;
} }
/*Nav-bar start*/
.navbar-toggler:focus { .navbar-toggler:focus {
box-shadow: none; box-shadow: none;
} }
.navbar-collapse { .navbar-collapse {
background-color: rgb(33, 37, 41); background-color: #59142D; /*rgb(33, 37, 41);*/
text-align: center; text-align: center;
} }
@ -116,6 +121,14 @@ a:hover {
outline: none; outline: none;
} }
.navbar-dark .navbar-nav .nav-link {
color: #F2E6D8 !important;
}
.navbar-dark .navbar-nav .nav-link:hover {
color: #BF7D65 !important;
}
.row.content { .row.content {
height: 450px; height: 450px;
} }
@ -123,52 +136,54 @@ a:hover {
.CenterDiv { .CenterDiv {
margin: 1vw 10vw 0; 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 { .LoginButton {
color: rgba(255, 255, 255, 0.55); /*rgba(255, 255, 255, 0.55);*/
color: #F2E6D8;
} }
.LoginButton:hover { .LoginButton:hover {
color: rgba(255, 255, 255, 0.75); /*rgba(255, 255, 255, 0.75);*/
} color: #BF7D65;
}
/*Nav-bar slut*/
.dropdown-menu {
background-color: rgba(34, 39, 43) !important;
}
.dropdown-menu .dropdown-item {
color: rgba(255, 255, 255, 0.5) !important;
}
.dropdown-menu .dropdown-item:hover {
color: rgba(255, 255, 255, 0.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, 0.75);
}
/*Regler start*/
#RulesModal .modal-header { #RulesModal .modal-header {
text-align: center; text-align: center;
display: unset; display: unset;
padding: 0.5rem; padding: 0.5rem;
} }
#RulesModal .modal-header h1 { #RulesModal .modal-header h1 {
font-weight: bolder; font-weight: bolder;
color: rgba(255, 255, 255, 0.75); /*rgba(255, 255, 255, 0.75);*/
} color: #F2E6D8;
}
#RulesModal .modal-dialog-scrollable .modal-content { #RulesModal .modal-dialog-scrollable .modal-content {
max-height: 75%; max-height: 75%;
} }
#ModalRulesTabContent ul { #ModalRulesTabContent ul {
color: rgb(204, 204, 204); color: #59142D; /*rgb(204, 204, 204)*/
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
} }
@ -181,14 +196,24 @@ 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, 0.55); color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
} }
#ModalRulesTabContent span { #ModalRulesTabContent span {
position: absolute; position: absolute;
color: rgba(255, 255, 255, 0.75); color: #59142D; /*rgba(255, 255, 255, 0.75);*/
} }
.btn-danger {
color: #F2E6D8;
background-color: #59142D;
border-color: #59142D;
}
.RulesModal .modal-header {
text-align: center;
}
/*Regler slut*/
/*Registering start*/
#pass_info { #pass_info {
position: absolute; position: absolute;
top: 300px; top: 300px;
@ -196,7 +221,7 @@ a:hover {
right: 22%; right: 22%;
width: 250px; width: 250px;
padding: 15px; padding: 15px;
background: rgb(254, 254, 254); background: #F2E6D8;
font-size: 0.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);
@ -204,17 +229,17 @@ a:hover {
display: none; display: none;
} }
#pass_info::before { #pass_info::before {
content: "\25B2"; content: "\25B2";
position: absolute; position: absolute;
top: -12px; top: -12px;
left: 45%; left: 45%;
font-size: 14px; font-size: 14px;
line-height: 14px; line-height: 14px;
color: #ddd; color: rgba(42, 84, 140, 1);
text-shadow: none; text-shadow: none;
display: block; display: block;
} }
#pass_info ul, #pass_info ul,
li { li {
@ -223,20 +248,21 @@ li {
list-style-type: none; 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;
} color: #201f1f !important;
}
.invalid { .invalid {
padding-left: 22px; padding-left: 22px;
line-height: 24px; line-height: 24px;
color: rgb(236, 63, 65); color: #d00f17;
} }
.invalidInput { .invalidInput {
border-color: rgb(219, 52, 52) !important; border-color: #2A558C !important;
} }
.invalid::before { .invalid::before {
@ -258,22 +284,28 @@ li {
font-family: "FontAwesome"; font-family: "FontAwesome";
content: "\f00c"; content: "\f00c";
} }
/*Registering slut*/
.RulesModal .modal-header { /*Login start*/
text-align: center;
.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;
} }
.modal-body { .modal-body {
padding: 0 0; padding: 0 0;
margin: 2vh 2vw; margin: 2vh 2vw;
background-color: rgb(18, 18, 18); background-color: #121B26; /*rgb(18, 18, 18);*/
} }
.modal-content { .modal-content {
background-color: rgb(18, 18, 18); 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, 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;
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 { .modal-backdrop {
@ -281,25 +313,27 @@ li {
} }
.nav-tabs { .nav-tabs {
border-bottom: 1px solid rgb(80, 80, 80); border-bottom: 1px solid rgba(89, 19, 45, 1); /*rgb(80, 80, 80);*/
} }
.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, 0.75); color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
background-color: rgb(37, 37, 37); background-color: #59142D; /* rgb(37, 37, 37);*/
border-color: rgb(80, 80, 80); border-color: #59142D; /*rgb(80, 80, 80);*/
}
.nav-tabs .nav-link { }
color: rgba(255, 255, 255, 0.55);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link {
.nav-tabs .nav-link:hover { color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
border-color: rgb(80, 80, 80); }
color: rgba(255, 255, 255, 0.75);
} .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);*/
}
.FullWidthModalTabs { .FullWidthModalTabs {
display: table; display: table;
@ -321,13 +355,15 @@ li {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.55); color: #F2E6D8;
} /*rgba(255, 255, 255, 0.55);*/
.CloseIcon:hover {
color: rgba(255, 255, 255, 0.75);
} }
.CloseIcon:hover {
color: #BF7D65;
/*rgba(255, 255, 255, 0.75);*/
}
/*Kalender knap*/
.btn-close:hover { .btn-close:hover {
fill: rgb(255, 0, 0); fill: rgb(255, 0, 0);
} }
@ -354,9 +390,9 @@ li {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
/*
.box #NUDMinus { .box #NUDMinus {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: left; float: left;
@ -371,7 +407,7 @@ li {
} }
.box #NUDDisplay { .box #NUDDisplay {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8 !important; /*rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
cursor: text; cursor: text;
@ -387,7 +423,7 @@ li {
} }
.box #NUDPlus { .box #NUDPlus {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
background-color: transparent; background-color: transparent;
border: none; border: none;
float: right; float: right;
@ -406,38 +442,38 @@ li {
} }
.box #GameJamSelect:hover { .box #GameJamSelect:hover {
color: rgba(255, 255, 255, 0.75); color: #BF7D65; /*rgba(255, 255, 255, 0.75);
} }
.box #GameJamSelect ul { .box #GameJamSelect ul {
background-color: red; background-color: #2A558C; /*red;
} }
*/
.box { .box {
background-color: rgb(18, 18, 18); background-color: #121B26; /*rgb(18, 18, 18);*/
} }
.box #username, .box #username,
.box #loginUsername, .box #loginUsername,
.box #adminUsername, .box #adminUsername,
.box #pass1, .box #pass1,
.box #pass2, .box #pass2,
.box #loginPassword, .box #loginPassword,
.box #adminPassword, .box #adminPassword,
.box #GameJamSelect { .box #GameJamSelect {
border: 0; border: 0;
background: none; background: none;
display: block; display: block;
margin: 20px auto; margin: 20px auto;
text-align: center; text-align: center;
border: 2px solid rgb(52, 152, 219); border: 2px solid rgba(42, 84, 140, 1); /*rgb(52, 152, 219);*/
padding: 10px 10px; padding: 10px 10px;
width: 250px; width: 250px;
outline: none; outline: none;
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
} }
.box .btn-group, .box .btn-group,
.btn-group-vertical { .btn-group-vertical {
@ -448,13 +484,13 @@ li {
margin: 20px auto; margin: 20px auto;
padding: 0; padding: 0;
} }
/*
.box #NUDMinus { .box #NUDMinus {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*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;
@ -464,14 +500,14 @@ li {
outline: none; outline: none;
} }
.box #NUDDisplay { .box #NUDDisplay {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*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;
} }
@ -480,12 +516,12 @@ li {
outline: none; outline: none;
} }
.box #NUDPlus { .box #NUDPlus {
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; 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;
@ -499,19 +535,22 @@ li {
box-shadow: none; box-shadow: none;
} }
.box #GameJamSelect:hover { .box #GameJamSelect:hover {
color: rgba(255, 255, 255, 0.75); color: #BF7D65; /*rgba(255, 255, 255, 0.75);
} }
.box #GameJamSelect ul { .box #GameJamSelect ul {
background-color: red; background-color: #2A558C; /*red;
} }*/
.text-muted { .text-muted {
margin-bottom: 5vh; margin-bottom: 5vh;
color: rgba(255, 255, 255, 0.55) !important; color: #F2E6D8 /*rgba(255, 255, 255, 0.55)*/ !important;
}
.LoginForm {
color: #F2E6D8;
background-color: #121B26;
} }
.box h1 { .box h1 {
font-size: 3.2em; font-size: 3.2em;
text-align: center; text-align: center;
@ -535,7 +574,7 @@ li {
.box #pass2:hover, .box #pass2:hover,
.box #loginPassword:hover, .box #loginPassword:hover,
.box #adminPassword:hover { .box #adminPassword:hover {
color: rgba(255, 255, 255, 0.75); color: #BF7D65; /*rgba(255, 255, 255, 0.75);*/
} }
.box input[type="submit"] { .box input[type="submit"] {
@ -544,19 +583,19 @@ li {
display: block; display: block;
margin: 20px auto; margin: 20px auto;
text-align: center; text-align: center;
border: 2px solid rgb(46, 204, 113); border: 2px solid #59142D; /*rgb(46, 204, 113);*/
padding: 14px 40px; padding: 14px 40px;
outline: none; outline: none;
color: rgba(255, 255, 255, 0.55); color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
cursor: pointer; cursor: pointer;
} }
.box input[type="submit"]:hover { .box input[type="submit"]:hover {
background: rgb(46, 204, 113); background: #59142D; /* rgb(46, 204, 113);*/
color: rgba(255, 255, 255, 0.75); color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
} }
.carousel-item img { .carousel-item img {
margin: 0 auto; margin: 0 auto;
@ -600,6 +639,118 @@ li {
} }
} }
/*Kalender*/
.container {
width: 100%;
height: 100vh;
color: rgb(238, 238, 238);
display: flex;
justify-content: center;
align-items: center;
}
.calendar {
width: 45rem;
height: 52rem;
background-color: rgb(34, 34, 39);
box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4);
border-radius: 20px;
}
.month {
width: 100%;
height: 12rem;
background-color: #01579b;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2rem;
text-align: center;
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 {
font-size: 2.5rem;
cursor: pointer;
}
.month h1 {
font-size: 3rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2rem;
margin-bottom: 1rem;
}
.month p {
font-size: 1.6rem;
}
.weekdays {
width: 100%;
height: 5rem;
padding: 0 0.4rem;
display: flex;
align-items: center;
}
.weekdays div {
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.1rem;
width: calc(44.2rem / 7);
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}
.days {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0.2rem;
border-radius: 50%;
}
.days div {
font-size: 1.4rem;
margin: 0.3rem;
width: calc(40.2rem / 7);
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
transition: background-color 0.2s;
border-radius: 50%;
}
.days div:hover {
background-color: #01579b;
border: 0.2rem solid rgb(119, 119, 119);
cursor: pointer;
border-radius: 50%;
}
.prev-date,
.next-date {
opacity: 0.5;
}
.today {
background-color: #01579b;
border-radius: 50%;
}
.hasEvent {
background-color: red;
}
/*Kalender slut*/
/*slideshow effekt*/ /*slideshow effekt*/
.image_img { .image_img {
display: block; display: block;
@ -645,27 +796,32 @@ image_gruppenavn {
/*Kategori spil*/ /*Kategori spil*/
.Collapsible { .Collapsible {
background-color: rgb(18, 18, 18); border: 0;
color: rgba(255, 255, 255, 0.55); background: none;
cursor: pointer; display: block;
padding: 18px; margin: 20px auto;
width: 100%; text-align: center;
border: none; border: 2px solid #2A558C;
text-align: left; padding: 10px 10px;
outline: none; outline: none;
font-size: 15px; color: #F2E6D8;
width: 33.333%; border-radius: 24px;
transition: 0.25s;
width: 90%;
} }
.CollapsibleContent { .CollapsibleContent {
padding: 0 18px; padding: 0 18px;
display: none; display: none;
overflow: hidden; overflow: hidden;
background-color: rgb(18, 18, 18); background-color: transparent;
transition: 0.25s;
margin: 10px;
} }
.left_text { .left_text {
float: left; float: left;
} }
.center_text { .center_text {
@ -700,129 +856,15 @@ image_gruppenavn {
display: block; display: block;
border: none; border: none;
height: 3px !important; height: 3px !important;
background: rgb(0, 113, 185) !important; background: #59142D !important;
background: linear-gradient( background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
to right, /*rgb(18, 18, 18),
rgb(18, 18, 18),
rgb(0, 113, 185), rgb(0, 113, 185),
rgb(38, 171, 255), rgb(38, 171, 255),
rgb(0, 113, 185), rgb(0, 113, 185),
rgb(18, 18, 18) rgb(18, 18, 18)*/
) !important;
opacity: 1; opacity: 1;
} }
/*Kalender*/
.container {
width: 100%;
height: 100vh;
color: rgb(238, 238, 238);
display: flex;
justify-content: center;
align-items: center;
}
.calendar {
width: 45rem;
height: 52rem;
background-color: rgb(34, 34, 39);
box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4);
border-radius: 20px;
}
.month {
width: 100%;
height: 12rem;
background-color: #01579b;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2rem;
text-align: center;
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 {
font-size: 2.5rem;
cursor: pointer;
}
.month h1 {
font-size: 3rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.2rem;
margin-bottom: 1rem;
}
.month p {
font-size: 1.6rem;
}
.weekdays {
width: 100%;
height: 5rem;
padding: 0 0.4rem;
display: flex;
align-items: center;
}
.weekdays div {
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.1rem;
width: calc(44.2rem / 7);
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
}
.days {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0.2rem;
border-radius: 50%;
}
.days div {
font-size: 1.4rem;
margin: 0.3rem;
width: calc(40.2rem / 7);
height: 5rem;
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
transition: background-color 0.2s;
border-radius: 50%;
}
.days div:hover {
background-color: #01579b;
border: 0.2rem solid rgb(119, 119, 119);
cursor: pointer;
border-radius: 50%;
}
.prev-date,
.next-date {
opacity: 0.5;
}
.today {
background-color: #01579b;
border-radius: 50%;
}
.hasEvent {
background-color: red;
}
/*Kalender slut*/
#return-to-top { #return-to-top {
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
@ -871,12 +913,13 @@ image_gruppenavn {
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
border: double; border: double;
border-color: rgb(0, 113, 185); border-color: #59142D;
border-radius: 15px; border-radius: 15px;
background-color: transparent;
} }
.Collapse-Button:hover { .Collapse-Button:hover {
border-color: rgb(52, 152, 219); border-color: #721b1a;
} }
ul.Circle-list { ul.Circle-list {
@ -884,14 +927,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: #59142D;
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;
@ -910,7 +953,7 @@ ol.Subject-list {
border: 2px solid rgb(52, 152, 219); border: 2px solid rgb(52, 152, 219);
padding: 10px 10px; padding: 10px 10px;
outline: none; outline: none;
color: rgba(255, 255, 255, .55); color: #F2E6D8;
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
width: 90%; width: 90%;
@ -924,7 +967,7 @@ ol.Subject-list {
border: 2px solid rgb(72, 209, 204); border: 2px solid rgb(72, 209, 204);
padding: 10px 10px; padding: 10px 10px;
outline: none; outline: none;
color: rgba(255, 255, 255, .55); color: #F2E6D8;
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
width: 90%; width: 90%;
@ -935,14 +978,17 @@ ol.Subject-list {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
text-align: center; text-align: center;
border: 3px solid rgb(0, 255, 127); border: 2px solid rgb(0, 255, 127);
padding: 10px 10px; padding: 10px 10px;
outline: none; outline: none;
color: rgba(255, 255, 255, .55); color: #F2E6D8;
border-radius: 24px; border-radius: 24px;
transition: 0.25s; transition: 0.25s;
width: 90%; width: 90%;
} }
#voteAndComment{ #activeGameJam:hover,
#gameDataId:hover,
} #oneVote:hover {
color: #BF7D65;
}
/*Stem slut*/