Update
This commit is contained in:
Ida Tiegel
parent
2b08ef3e07
commit
3e91dd77b5
Binary file not shown.
|
|
@ -1,9 +1,11 @@
|
||||||
{
|
{
|
||||||
"ExpandedNodes": [
|
"ExpandedNodes": [
|
||||||
|
"",
|
||||||
"\\Html",
|
"\\Html",
|
||||||
"\\Images",
|
"\\Images",
|
||||||
"\\Javascript",
|
"\\Javascript",
|
||||||
"\\Styles"
|
"\\Styles"
|
||||||
],
|
],
|
||||||
|
"SelectedNode": "\\Styles\\AdminPage.css",
|
||||||
"PreviewInSolutionExplorer": false
|
"PreviewInSolutionExplorer": false
|
||||||
}
|
}
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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,11 +26,13 @@ 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 {
|
||||||
|
|
@ -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,35 +136,36 @@ a:hover {
|
||||||
.CenterDiv {
|
.CenterDiv {
|
||||||
margin: 1vw 10vw 0;
|
margin: 1vw 10vw 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.LoginButton {
|
|
||||||
color: rgba(255, 255, 255, 0.55);
|
|
||||||
}
|
|
||||||
|
|
||||||
.LoginButton:hover {
|
|
||||||
color: rgba(255, 255, 255, 0.75);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
background-color: rgba(34, 39, 43) !important;
|
/*rgba(34, 39, 43)*/
|
||||||
|
background-color: #59142D !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .dropdown-item {
|
.dropdown-menu .dropdown-item {
|
||||||
color: rgba(255, 255, 255, 0.5) !important;
|
/*rgba(255, 255, 255, 0.5)*/
|
||||||
|
color: #F2E6D8 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu .dropdown-item:hover {
|
.dropdown-menu .dropdown-item:hover {
|
||||||
color: rgba(255, 255, 255, 0.75) !important;
|
/*rgba(255, 255, 255, 0.75)*/
|
||||||
|
color: #BF7D65 !important;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.LoginModal .modal-header {
|
|
||||||
padding: 0;
|
.LoginButton {
|
||||||
border-bottom: 0;
|
/*rgba(255, 255, 255, 0.55);*/
|
||||||
background-color: rgb(18, 18, 18);
|
color: #F2E6D8;
|
||||||
color: rgba(255, 255, 255, 0.75);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.LoginButton:hover {
|
||||||
|
/*rgba(255, 255, 255, 0.75);*/
|
||||||
|
color: #BF7D65;
|
||||||
|
}
|
||||||
|
/*Nav-bar slut*/
|
||||||
|
|
||||||
|
|
||||||
|
/*Regler start*/
|
||||||
#RulesModal .modal-header {
|
#RulesModal .modal-header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: unset;
|
display: unset;
|
||||||
|
|
@ -160,7 +174,8 @@ a:hover {
|
||||||
|
|
||||||
#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 {
|
||||||
|
|
@ -168,7 +183,7 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
#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);
|
||||||
|
|
@ -211,7 +236,7 @@ a:hover {
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
@ -227,16 +252,17 @@ li {
|
||||||
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,24 +313,26 @@ 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 {
|
.nav-tabs .nav-link {
|
||||||
color: rgba(255, 255, 255, 0.55);
|
color: #F2E6D8; /*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: #59142D; /*{rgb(80, 80, 80);*/
|
||||||
color: rgba(255, 255, 255, 0.75);
|
color: #BF7D65;
|
||||||
|
/*rgba(255, 255, 255, 0.75);*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.FullWidthModalTabs {
|
.FullWidthModalTabs {
|
||||||
|
|
@ -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 {
|
.CloseIcon:hover {
|
||||||
color: rgba(255, 255, 255, 0.75);
|
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,15 +442,15 @@ 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,
|
||||||
|
|
@ -430,11 +466,11 @@ li {
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
@ -448,9 +484,9 @@ 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;
|
||||||
|
|
@ -465,13 +501,13 @@ li {
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
}
|
}
|
||||||
|
|
@ -481,7 +517,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;
|
||||||
|
|
@ -500,18 +536,21 @@ 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;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
.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,18 +583,18 @@ 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 {
|
||||||
|
|
@ -600,118 +639,6 @@ 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, 0.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 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: 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*/
|
/*Kalender*/
|
||||||
.container {
|
.container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -823,6 +750,121 @@ image_gruppenavn {
|
||||||
}
|
}
|
||||||
/*Kalender slut*/
|
/*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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#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;
|
||||||
|
/*rgb(18, 18, 18),
|
||||||
|
rgb(0, 113, 185),
|
||||||
|
rgb(38, 171, 255),
|
||||||
|
rgb(0, 113, 185),
|
||||||
|
rgb(18, 18, 18)*/
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
#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 {
|
||||||
|
|
@ -886,7 +929,7 @@ ul.Circle-list {
|
||||||
|
|
||||||
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) */
|
||||||
|
|
@ -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*/
|
||||||
Loading…
Reference in New Issue