Update
This commit is contained in:
Ida Tiegel
parent
2b08ef3e07
commit
3e91dd77b5
Binary file not shown.
|
|
@ -1,9 +1,11 @@
|
|||
{
|
||||
"ExpandedNodes": [
|
||||
"",
|
||||
"\\Html",
|
||||
"\\Images",
|
||||
"\\Javascript",
|
||||
"\\Styles"
|
||||
],
|
||||
"SelectedNode": "\\Styles\\AdminPage.css",
|
||||
"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>
|
||||
<!-- Navbar -->
|
||||
<nav
|
||||
id="header"
|
||||
class="navbar navbar-dark navbar-expand-lg navbar-light bg-dark smart-scroll"
|
||||
>
|
||||
<nav id="header"
|
||||
class="navbar navbar-dark navbar-expand-lg navbar-light smart-scroll" style="background-color: #59142D;
|
||||
color: #F2E6D8;">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand NavLink" onclick="GoToTop()">
|
||||
<img
|
||||
src="Images/UFO.png"
|
||||
<img src="Images/UFO.png"
|
||||
alt="Snow"
|
||||
style="width: 32px; height: 32px"
|
||||
/>
|
||||
style="width: 32px; height: 32px" />
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
<button class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
aria-controls="navbarSupportedContent"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link NavLink"
|
||||
<a class="nav-link NavLink"
|
||||
aria-current="page"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#hjem"
|
||||
>
|
||||
href="#hjem">
|
||||
Hjem
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
class="nav-link NavLink"
|
||||
<a class="nav-link NavLink"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#info"
|
||||
>
|
||||
href="#info">
|
||||
Information
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<div class="btn-group">
|
||||
<a class="nav-link NavLink" href="#events" type="button">
|
||||
Events
|
||||
</a>
|
||||
<a
|
||||
type="button"
|
||||
class="nav-link dropdown-toggle dropdown-toggle-split"
|
||||
id="navbarDropdown"
|
||||
data-bs-toggle="dropdown"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span class="visually-hidden">Toggle Dropdown</span>
|
||||
aria-expanded="false">
|
||||
Event
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item NavLink"
|
||||
<a class="dropdown-item NavLink"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#spil"
|
||||
>Spil</a
|
||||
>
|
||||
href="#spil">Spil</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item NavLink"
|
||||
<a class="dropdown-item NavLink"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#upload"
|
||||
>Upload fil</a
|
||||
>
|
||||
href="#upload">Upload fil</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item NavLink"
|
||||
<a class="dropdown-item NavLink"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#stem"
|
||||
>Stem</a
|
||||
>
|
||||
href="#stem">Stem</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
class="dropdown-item NavLink"
|
||||
<a class="dropdown-item NavLink"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarSupportedContent"
|
||||
href="#lod"
|
||||
>Lodtrækning</a
|
||||
>
|
||||
href="#lod">Lodtrækning</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a
|
||||
type="button"
|
||||
<a type="button"
|
||||
class="nav-link NavLink"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#RulesModal"
|
||||
>
|
||||
data-bs-target="#RulesModal">
|
||||
Regler
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a
|
||||
id="NavUser"
|
||||
<a id="NavUser"
|
||||
type="button"
|
||||
class="nav-link"
|
||||
style="
|
||||
display: none;
|
||||
cursor: default;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
"
|
||||
>
|
||||
">
|
||||
</a>
|
||||
|
||||
<a
|
||||
id="AdminPanel"
|
||||
<a id="AdminPanel"
|
||||
type="button"
|
||||
class="nav-link LoginButton"
|
||||
href="../Frontend/Html/AdminPage.html"
|
||||
style="display: none"
|
||||
>
|
||||
style="display: none">
|
||||
Admin Panel
|
||||
</a>
|
||||
|
||||
<a
|
||||
id="NavLogout"
|
||||
<a id="NavLogout"
|
||||
type="button"
|
||||
class="nav-link LoginButton"
|
||||
style="display: none"
|
||||
>
|
||||
style="display: none">
|
||||
Logout
|
||||
</a>
|
||||
<a
|
||||
id="NavLogin"
|
||||
<a id="NavLogin"
|
||||
type="button"
|
||||
class="nav-link LoginButton"
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#LoginModal"
|
||||
style="display: block"
|
||||
>
|
||||
style="display: block">
|
||||
Login
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -213,77 +178,65 @@
|
|||
<!-- Navbar end -->
|
||||
<!-- Login modal -->
|
||||
<div class="LoginModal">
|
||||
<div
|
||||
class="modal fade"
|
||||
<div class="modal fade"
|
||||
id="LoginModal"
|
||||
tabindex="-1"
|
||||
aria-labelledby="LoginModalLabel"
|
||||
aria-hidden="true"
|
||||
>
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header FullWidthModalTabs">
|
||||
<ul class="nav nav-tabs" id="ModalLoginTab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button
|
||||
class="nav-link active"
|
||||
<button class="nav-link active"
|
||||
id="LoginTab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#Login"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="Login"
|
||||
aria-selected="true"
|
||||
>
|
||||
aria-selected="true">
|
||||
<i class="fas fa-sign-in-alt"></i> Login
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button
|
||||
class="nav-link"
|
||||
<button class="nav-link"
|
||||
id="RegistrerTab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#Registrer"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="Registrer"
|
||||
aria-selected="false"
|
||||
>
|
||||
aria-selected="false">
|
||||
<i class="fas fa-user-plus"></i> Registrer
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button
|
||||
class="nav-link"
|
||||
<button class="nav-link"
|
||||
id="AdminLoginTab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#AdminLogin"
|
||||
type="button"
|
||||
role="tab"
|
||||
aria-controls="AdminLogin"
|
||||
aria-selected="false"
|
||||
>
|
||||
aria-selected="false">
|
||||
<i class="fas fa-user-secret"></i> Admin Login
|
||||
</button>
|
||||
</li>
|
||||
<li
|
||||
style="
|
||||
<li style="
|
||||
width: 32px;
|
||||
height: 42px;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
"
|
||||
>
|
||||
<button
|
||||
style="
|
||||
">
|
||||
<button style="
|
||||
padding: 25% !important;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
"
|
||||
type="button"
|
||||
data-bs-dismiss="modal"
|
||||
aria-label="Close"
|
||||
>
|
||||
aria-label="Close">
|
||||
<i class="fas fa-times CloseIcon"></i>
|
||||
</button>
|
||||
</li>
|
||||
|
|
@ -291,76 +244,55 @@
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="tab-content" id="ModalLoginTabContent">
|
||||
<div
|
||||
class="tab-pane fade show active"
|
||||
<div class="tab-pane fade show active"
|
||||
id="Login"
|
||||
role="tabpanel"
|
||||
aria-labelledby="LoginTab"
|
||||
>
|
||||
aria-labelledby="LoginTab">
|
||||
<form id="LoginForm" class="box">
|
||||
<h1 class="text-muted">Team Login</h1>
|
||||
|
||||
<input
|
||||
id="loginUsername"
|
||||
<input id="loginUsername"
|
||||
type="text"
|
||||
name="groupName"
|
||||
placeholder="Gruppe navn"
|
||||
/>
|
||||
<input
|
||||
id="loginPassword"
|
||||
placeholder="Gruppe navn" />
|
||||
<input id="loginPassword"
|
||||
type="password"
|
||||
name="password"
|
||||
placeholder="Password"
|
||||
/>
|
||||
placeholder="Password" />
|
||||
|
||||
<p
|
||||
id="ErrorText"
|
||||
style="text-align: center; color: red; display: none"
|
||||
>
|
||||
<p id="ErrorText"
|
||||
style="text-align: center; color: red; display: none">
|
||||
Wrong Username Or Password!
|
||||
</p>
|
||||
|
||||
<input
|
||||
id="LoginBtn"
|
||||
<input id="LoginBtn"
|
||||
type="submit"
|
||||
name="login"
|
||||
value="Login"
|
||||
/>
|
||||
value="Login" />
|
||||
</form>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
<div class="tab-pane fade"
|
||||
id="Registrer"
|
||||
role="tabpanel"
|
||||
aria-labelledby="RegistrerTab"
|
||||
>
|
||||
aria-labelledby="RegistrerTab">
|
||||
<form id="RegisterForm" method="POST" class="box">
|
||||
<h1 class="text-muted">Team Registrering</h1>
|
||||
<input
|
||||
id="username"
|
||||
<input id="username"
|
||||
type="text"
|
||||
name="groupName"
|
||||
placeholder="Unikt gruppe navn"
|
||||
/>
|
||||
<input
|
||||
id="pass1"
|
||||
placeholder="Unikt gruppe navn" />
|
||||
<input id="pass1"
|
||||
type="password"
|
||||
class=""
|
||||
placeholder="Password"
|
||||
/>
|
||||
<input
|
||||
id="pass2"
|
||||
placeholder="Password" />
|
||||
<input id="pass2"
|
||||
type="password"
|
||||
class=""
|
||||
name="password"
|
||||
placeholder="Gentag Password"
|
||||
/>
|
||||
<!--
|
||||
<select
|
||||
id="GameJamSelect"
|
||||
placeholder="Gentag Password" />
|
||||
<!-- <select id="GameJamSelect"
|
||||
class="form-select"
|
||||
aria-label="Default select example"
|
||||
></select>-->
|
||||
aria-label="Default select example"></select>
|
||||
|
||||
<input type="hidden" name="groupAmount" id="groupAmount" />
|
||||
<input type="hidden" name="gameJamId" id="gameJamId" />
|
||||
|
|
@ -392,7 +324,7 @@
|
|||
>
|
||||
<i class="fas fa-plus"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div id="pass_info">
|
||||
<h5>Passsword skal opfylde følgende krav :</h5>
|
||||
|
|
@ -418,49 +350,37 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
<input
|
||||
id="RegisterBtn"
|
||||
<input id="RegisterBtn"
|
||||
type="submit"
|
||||
name="regGroup"
|
||||
value="Registrer"
|
||||
/>
|
||||
value="Registrer" />
|
||||
</form>
|
||||
</div>
|
||||
<div
|
||||
class="tab-pane fade"
|
||||
<div class="tab-pane fade"
|
||||
id="AdminLogin"
|
||||
role="tabpanel"
|
||||
aria-labelledby="AdminLoginTab"
|
||||
>
|
||||
aria-labelledby="AdminLoginTab">
|
||||
<form id="AdminLoginForm" method="POST" class="box">
|
||||
<h1 class="text-muted">Admin Login</h1>
|
||||
|
||||
<input
|
||||
id="adminUsername"
|
||||
<input id="adminUsername"
|
||||
type="text"
|
||||
name="userName"
|
||||
placeholder="Brugernavn"
|
||||
/>
|
||||
<input
|
||||
id="adminPassword"
|
||||
placeholder="Brugernavn" />
|
||||
<input id="adminPassword"
|
||||
type="password"
|
||||
name="password"
|
||||
placeholder="Password"
|
||||
/>
|
||||
placeholder="Password" />
|
||||
|
||||
<p
|
||||
id="AdminErrorText"
|
||||
style="text-align: center; color: red; display: none"
|
||||
>
|
||||
<p id="AdminErrorText"
|
||||
style="text-align: center; color: red; display: none">
|
||||
Wrong Username Or Password!
|
||||
</p>
|
||||
|
||||
<input
|
||||
id="AdminLoginBtn"
|
||||
<input id="AdminLoginBtn"
|
||||
type="submit"
|
||||
name="aLogin"
|
||||
value="Login"
|
||||
/>
|
||||
value="Login" />
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -471,13 +391,11 @@
|
|||
</div>
|
||||
<!-- Login modal end -->
|
||||
<!-- Rules Modal -->
|
||||
<div
|
||||
class="modal fade"
|
||||
<div class="modal fade"
|
||||
id="RulesModal"
|
||||
tabindex="-1"
|
||||
aria-labelledby="RulesModalLabel"
|
||||
aria-hidden="true"
|
||||
>
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
@ -518,9 +436,7 @@
|
|||
at bryde andre juridiske aftaler). Del ikke kode der
|
||||
tilhører din arbejdsgiver eller andre end dig selv, og
|
||||
upload noget der er under
|
||||
<a href="https://www.amino.dk/ordbog/hvad-er-en-nda.aspx"
|
||||
>NDA</a
|
||||
>, eller andre juridiske begrænsninger.
|
||||
<a href="https://www.amino.dk/ordbog/hvad-er-en-nda.aspx">NDA</a>, eller andre juridiske begrænsninger.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -528,11 +444,10 @@
|
|||
<p>
|
||||
<strong> Husk licensen. </strong> Alle uploads (kode,
|
||||
aktiver, eksekverbare filer osv.) deles og licenseres under
|
||||
<a
|
||||
href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en"
|
||||
>Attribution-NonCommercial-ShareAlike 4.0 International
|
||||
Creative Commons License</a
|
||||
>
|
||||
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en">
|
||||
Attribution-NonCommercial-ShareAlike 4.0 International
|
||||
Creative Commons License
|
||||
</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -543,9 +458,7 @@
|
|||
du huske det fælles mål om at samarbejde, lære og dele
|
||||
blandt spiludviklingssamfundet. Brug værktøjer og aktiver,
|
||||
der gør det muligt at licensere dit spil under
|
||||
<a href="https://creativecommons.org/licenses/"
|
||||
>creative commons</a
|
||||
>. Upload så vidt som muligt et komplet og spilbart spil, og
|
||||
<a href="https://creativecommons.org/licenses/">creative commons</a>. Upload så vidt som muligt et komplet og spilbart spil, og
|
||||
inkluder enhver kildekode og aktiver til uddannelsesmæssige
|
||||
formål. Alt hvad du opretter forbliver din ejendom inden for
|
||||
licensaftalen.
|
||||
|
|
@ -574,11 +487,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button
|
||||
type="button"
|
||||
<button type="button"
|
||||
class="btn btn-danger"
|
||||
data-bs-dismiss="modal"
|
||||
>
|
||||
data-bs-dismiss="modal">
|
||||
Close
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -613,13 +524,9 @@
|
|||
om hvad for et spil man vil lave, men når man får temaet afvide, kan
|
||||
det være at man får en ny synsvinkel på hvordan man vil løse
|
||||
opgaven. læs mere under
|
||||
<a
|
||||
href=""
|
||||
<a href=""
|
||||
data-bs-toggle="modal"
|
||||
data-bs-target="#RulesModal"
|
||||
style="color: rgba(255, 255, 255, 0.75)"
|
||||
>Regler</a
|
||||
>.
|
||||
data-bs-target="#RulesModal">Regler</a>.
|
||||
</p>
|
||||
<h5>Hvad er Game jam?</h5>
|
||||
<p>
|
||||
|
|
@ -627,9 +534,7 @@
|
|||
om at lave det bedste spil på begrænset tid. Her har i chancen for
|
||||
at gøre hvad i er bedst til, nemlig at udvikle jeres eget spil.Det
|
||||
er spændende, hyggeligt og selvfølelig rigtigt sjovt. Under
|
||||
<a href="#lod" style="color: rgba(255, 255, 255, 0.75)"
|
||||
>Lodtrækning</a
|
||||
>
|
||||
<a href="#lod">Lodtrækning</a>
|
||||
bliver der trækket lod om et tema spillet skal handle om.
|
||||
</p>
|
||||
|
||||
|
|
@ -710,10 +615,7 @@
|
|||
og man får lov til at se hvordan andre tænker ved at løse den
|
||||
samme opgave. Er du et konkurrance menneske gør det kun det hele
|
||||
meget bedre. En undersøgelse af
|
||||
<a
|
||||
href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/"
|
||||
>McFunkyPants</a
|
||||
>
|
||||
<a href="http://ludumdare.com/compo/2011/12/28/infographic-survey-results/">McFunkyPants</a>
|
||||
viser at over 95% af deltagere har haft det sjovt under
|
||||
deltagelse og vil gerne deltage i endnu en.
|
||||
</p>
|
||||
|
|
@ -802,23 +704,19 @@
|
|||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="popupDate">Modal title</h5>
|
||||
<button
|
||||
type="button"
|
||||
<button type="button"
|
||||
class="btn-close"
|
||||
data-bs-dismiss="modal"
|
||||
aria-label="Close"
|
||||
></button>
|
||||
aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Modal body text goes here.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">knap</button>
|
||||
<button
|
||||
type="button"
|
||||
<button type="button"
|
||||
class="btn btn-secondary"
|
||||
data-bs-dismiss="modal"
|
||||
>
|
||||
data-bs-dismiss="modal">
|
||||
Close
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -836,42 +734,32 @@
|
|||
<h3>Spil</h3>
|
||||
<p>Se de nyesste spil</p>
|
||||
<!-- Slideshow start -->
|
||||
<div
|
||||
id="carouselExampleCaptions"
|
||||
<div id="carouselExampleCaptions"
|
||||
class="carousel slide"
|
||||
data-bs-ride="carousel"
|
||||
data-bs-interval="false"
|
||||
>
|
||||
data-bs-interval="false">
|
||||
<div class="carousel-indicators">
|
||||
<button
|
||||
type="button"
|
||||
<button type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="0"
|
||||
class="active"
|
||||
aria-current="true"
|
||||
aria-label="Slide 1"
|
||||
></button>
|
||||
<button
|
||||
type="button"
|
||||
aria-label="Slide 1"></button>
|
||||
<button type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="1"
|
||||
aria-label="Slide 2"
|
||||
></button>
|
||||
<button
|
||||
type="button"
|
||||
aria-label="Slide 2"></button>
|
||||
<button type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="2"
|
||||
aria-label="Slide 3"
|
||||
></button>
|
||||
aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
class="image_img"
|
||||
<img class="image_img"
|
||||
src="Images/spil.jpg"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
alt="..." />
|
||||
<div class="image_overlay">
|
||||
<div class="image_title">
|
||||
<a href="#" style="color: white">Navn på spil</a>
|
||||
|
|
@ -880,12 +768,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
class="image_img"
|
||||
<img class="image_img"
|
||||
src="Images/spil.jpg"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
alt="..." />
|
||||
<div class="image_overlay">
|
||||
<div class="image_title">
|
||||
<a href="#" style="color: white">Navn på spil</a>
|
||||
|
|
@ -894,12 +780,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
class="image_img"
|
||||
<img class="image_img"
|
||||
src="Images/spil.jpg"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
alt="..." />
|
||||
<div class="image_overlay">
|
||||
<div class="image_title">
|
||||
<a href="#" style="color: white">Navn på spil</a>
|
||||
|
|
@ -908,156 +792,28 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
<button class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="prev"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-prev-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon"
|
||||
aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button
|
||||
class="carousel-control-next"
|
||||
<button class="carousel-control-next"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="next"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-next-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon"
|
||||
aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Kategorier -->
|
||||
<p>Kategorier af spil</p>
|
||||
<div class="row">
|
||||
<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 id="oldGameJam">
|
||||
|
||||
</div>
|
||||
<!-- Kategorier slut -->
|
||||
</section>
|
||||
|
|
@ -1171,131 +927,28 @@
|
|||
<hr class="GradientDivider" />
|
||||
|
||||
<!-- Stem -->
|
||||
<section id="stem">
|
||||
<section id="gameJamVote">
|
||||
<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-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="GameJameName">Modal title</h5>
|
||||
<button
|
||||
type="button"
|
||||
class="btn-close"
|
||||
data-bs-dismiss="modal"
|
||||
aria-label="Close"
|
||||
></button>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Modal body text goes here.</p>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-primary">knap</button>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-secondary"
|
||||
data-bs-dismiss="modal"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- Stem slut -->
|
||||
|
||||
|
|
@ -1355,7 +1008,9 @@
|
|||
<script src="Javascript/Kalender.js"></script>
|
||||
<script src="Javascript/SpinningWheel.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>
|
||||
</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
|
||||
|
||||
|
||||
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,
|
||||
html {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
/*rgba(255, 255, 255, 0.55);*/
|
||||
color: #F2E6D8;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -13,7 +14,8 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: rgb(18, 18, 18);
|
||||
/* background-color: rgb(18, 18, 18);*/
|
||||
background-color: #121B26;
|
||||
overflow: hidden;
|
||||
transition: padding-top 0.3s ease-in-out;
|
||||
padding-top: 53px;
|
||||
|
|
@ -24,11 +26,13 @@ section {
|
|||
}
|
||||
|
||||
a {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
color: #F2E6D8;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
color: #BF7D65;
|
||||
}
|
||||
|
||||
#content {
|
||||
|
|
@ -81,7 +85,7 @@ a:hover {
|
|||
}
|
||||
|
||||
.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 {
|
||||
|
|
@ -102,13 +106,14 @@ a:hover {
|
|||
width: 100%;
|
||||
z-index: 1030;
|
||||
}
|
||||
/*Nav-bar start*/
|
||||
|
||||
.navbar-toggler:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
background-color: rgb(33, 37, 41);
|
||||
background-color: #59142D; /*rgb(33, 37, 41);*/
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -116,6 +121,14 @@ a:hover {
|
|||
outline: none;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link {
|
||||
color: #F2E6D8 !important;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:hover {
|
||||
color: #BF7D65 !important;
|
||||
}
|
||||
|
||||
.row.content {
|
||||
height: 450px;
|
||||
}
|
||||
|
|
@ -123,35 +136,36 @@ a:hover {
|
|||
.CenterDiv {
|
||||
margin: 1vw 10vw 0;
|
||||
}
|
||||
|
||||
.LoginButton {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
.LoginButton:hover {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: rgba(34, 39, 43) !important;
|
||||
/*rgba(34, 39, 43)*/
|
||||
background-color: #59142D !important;
|
||||
}
|
||||
|
||||
.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 {
|
||||
color: rgba(255, 255, 255, 0.75) !important;
|
||||
/*rgba(255, 255, 255, 0.75)*/
|
||||
color: #BF7D65 !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);
|
||||
|
||||
.LoginButton {
|
||||
/*rgba(255, 255, 255, 0.55);*/
|
||||
color: #F2E6D8;
|
||||
}
|
||||
|
||||
.LoginButton:hover {
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
color: #BF7D65;
|
||||
}
|
||||
/*Nav-bar slut*/
|
||||
|
||||
|
||||
/*Regler start*/
|
||||
#RulesModal .modal-header {
|
||||
text-align: center;
|
||||
display: unset;
|
||||
|
|
@ -160,7 +174,8 @@ a:hover {
|
|||
|
||||
#RulesModal .modal-header h1 {
|
||||
font-weight: bolder;
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
color: #F2E6D8;
|
||||
}
|
||||
|
||||
#RulesModal .modal-dialog-scrollable .modal-content {
|
||||
|
|
@ -168,7 +183,7 @@ a:hover {
|
|||
}
|
||||
|
||||
#ModalRulesTabContent ul {
|
||||
color: rgb(204, 204, 204);
|
||||
color: #59142D; /*rgb(204, 204, 204)*/
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
|
@ -181,14 +196,24 @@ a:hover {
|
|||
#ModalRulesTabContent li p {
|
||||
font: 16px/1.5 Helvetica, sans-serif;
|
||||
padding-left: 60px;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
|
||||
}
|
||||
|
||||
#ModalRulesTabContent span {
|
||||
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 {
|
||||
position: absolute;
|
||||
top: 300px;
|
||||
|
|
@ -196,7 +221,7 @@ a:hover {
|
|||
right: 22%;
|
||||
width: 250px;
|
||||
padding: 15px;
|
||||
background: rgb(254, 254, 254);
|
||||
background: #F2E6D8;
|
||||
font-size: 0.875em;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 3px rgb(204, 204, 204);
|
||||
|
|
@ -211,7 +236,7 @@ a:hover {
|
|||
left: 45%;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: #ddd;
|
||||
color: rgba(42, 84, 140, 1);
|
||||
text-shadow: none;
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -227,16 +252,17 @@ li {
|
|||
margin: 0 0 10px 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
color: #201f1f !important;
|
||||
}
|
||||
|
||||
.invalid {
|
||||
padding-left: 22px;
|
||||
line-height: 24px;
|
||||
color: rgb(236, 63, 65);
|
||||
color: #d00f17;
|
||||
}
|
||||
|
||||
.invalidInput {
|
||||
border-color: rgb(219, 52, 52) !important;
|
||||
border-color: #2A558C !important;
|
||||
}
|
||||
|
||||
.invalid::before {
|
||||
|
|
@ -258,22 +284,28 @@ li {
|
|||
font-family: "FontAwesome";
|
||||
content: "\f00c";
|
||||
}
|
||||
/*Registering slut*/
|
||||
|
||||
.RulesModal .modal-header {
|
||||
text-align: center;
|
||||
/*Login start*/
|
||||
|
||||
.LoginModal .modal-header {
|
||||
padding: 0;
|
||||
border-bottom: 0;
|
||||
/*background-color: rgb(18, 18, 18);*/
|
||||
background-color: #121B26;
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
color: #F2E6D8;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding: 0 0;
|
||||
margin: 2vh 2vw;
|
||||
background-color: rgb(18, 18, 18);
|
||||
background-color: #121B26; /*rgb(18, 18, 18);*/
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: rgb(18, 18, 18);
|
||||
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
|
||||
rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
|
||||
rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
|
||||
background-color: #121B26; /*rgb(18, 18, 18);*/
|
||||
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
|
|
@ -281,24 +313,26 @@ li {
|
|||
}
|
||||
|
||||
.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-link.active {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
background-color: rgb(37, 37, 37);
|
||||
border-color: rgb(80, 80, 80);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
|
||||
background-color: #59142D; /* rgb(37, 37, 37);*/
|
||||
border-color: #59142D; /*rgb(80, 80, 80);*/
|
||||
|
||||
}
|
||||
|
||||
.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:hover {
|
||||
border-color: rgb(80, 80, 80);
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
border-color: #59142D; /*{rgb(80, 80, 80);*/
|
||||
color: #BF7D65;
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
}
|
||||
|
||||
.FullWidthModalTabs {
|
||||
|
|
@ -321,13 +355,15 @@ li {
|
|||
width: 16px;
|
||||
height: 16px;
|
||||
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);
|
||||
color: #BF7D65;
|
||||
/*rgba(255, 255, 255, 0.75);*/
|
||||
}
|
||||
|
||||
/*Kalender knap*/
|
||||
.btn-close:hover {
|
||||
fill: rgb(255, 0, 0);
|
||||
}
|
||||
|
|
@ -354,9 +390,9 @@ li {
|
|||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
/*
|
||||
.box #NUDMinus {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: left;
|
||||
|
|
@ -371,7 +407,7 @@ li {
|
|||
}
|
||||
|
||||
.box #NUDDisplay {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8 !important; /*rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
cursor: text;
|
||||
|
|
@ -387,7 +423,7 @@ li {
|
|||
}
|
||||
|
||||
.box #NUDPlus {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: right;
|
||||
|
|
@ -406,15 +442,15 @@ li {
|
|||
}
|
||||
|
||||
.box #GameJamSelect:hover {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
color: #BF7D65; /*rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.box #GameJamSelect ul {
|
||||
background-color: red;
|
||||
background-color: #2A558C; /*red;
|
||||
}
|
||||
|
||||
*/
|
||||
.box {
|
||||
background-color: rgb(18, 18, 18);
|
||||
background-color: #121B26; /*rgb(18, 18, 18);*/
|
||||
}
|
||||
|
||||
.box #username,
|
||||
|
|
@ -430,11 +466,11 @@ li {
|
|||
display: block;
|
||||
margin: 20px auto;
|
||||
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;
|
||||
width: 250px;
|
||||
outline: none;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
|
||||
border-radius: 24px;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
|
@ -448,9 +484,9 @@ li {
|
|||
margin: 20px auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
.box #NUDMinus {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: left;
|
||||
|
|
@ -465,13 +501,13 @@ li {
|
|||
}
|
||||
|
||||
.box #NUDDisplay {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
cursor: text;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
/*
|
||||
.box #NUDDisplay:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -481,7 +517,7 @@ li {
|
|||
}
|
||||
|
||||
.box #NUDPlus {
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; rgba(255, 255, 255, 0.55);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: right;
|
||||
|
|
@ -500,18 +536,21 @@ li {
|
|||
}
|
||||
|
||||
.box #GameJamSelect:hover {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
color: #BF7D65; /*rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
.box #GameJamSelect ul {
|
||||
background-color: red;
|
||||
}
|
||||
background-color: #2A558C; /*red;
|
||||
}*/
|
||||
|
||||
.text-muted {
|
||||
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 {
|
||||
font-size: 3.2em;
|
||||
text-align: center;
|
||||
|
|
@ -535,7 +574,7 @@ li {
|
|||
.box #pass2:hover,
|
||||
.box #loginPassword:hover,
|
||||
.box #adminPassword:hover {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
color: #BF7D65; /*rgba(255, 255, 255, 0.75);*/
|
||||
}
|
||||
|
||||
.box input[type="submit"] {
|
||||
|
|
@ -544,18 +583,18 @@ li {
|
|||
display: block;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
border: 2px solid rgb(46, 204, 113);
|
||||
border: 2px solid #59142D; /*rgb(46, 204, 113);*/
|
||||
padding: 14px 40px;
|
||||
outline: none;
|
||||
color: rgba(255, 255, 255, 0.55);
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.55);*/
|
||||
border-radius: 24px;
|
||||
transition: 0.25s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.box input[type="submit"]:hover {
|
||||
background: rgb(46, 204, 113);
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
background: #59142D; /* rgb(46, 204, 113);*/
|
||||
color: #F2E6D8; /*rgba(255, 255, 255, 0.75);*/
|
||||
}
|
||||
|
||||
.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*/
|
||||
.container {
|
||||
width: 100%;
|
||||
|
|
@ -823,6 +750,121 @@ image_gruppenavn {
|
|||
}
|
||||
/*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 {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
|
|
@ -871,12 +913,13 @@ image_gruppenavn {
|
|||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
border: double;
|
||||
border-color: rgb(0, 113, 185);
|
||||
border-color: #59142D;
|
||||
border-radius: 15px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.Collapse-Button:hover {
|
||||
border-color: rgb(52, 152, 219);
|
||||
border-color: #721b1a;
|
||||
}
|
||||
|
||||
ul.Circle-list {
|
||||
|
|
@ -886,7 +929,7 @@ ul.Circle-list {
|
|||
|
||||
ul.Circle-list li:before {
|
||||
content: "\2022"; /* Unicode for a bullet */
|
||||
color: rgb(0, 113, 185);
|
||||
color: #59142D;
|
||||
font-weight: bold;
|
||||
display: inline-block; /* Needed to add space between the bullet and the text */
|
||||
width: 1em; /* Also needed for space (tweak if needed) */
|
||||
|
|
@ -910,7 +953,7 @@ ol.Subject-list {
|
|||
border: 2px solid rgb(52, 152, 219);
|
||||
padding: 10px 10px;
|
||||
outline: none;
|
||||
color: rgba(255, 255, 255, .55);
|
||||
color: #F2E6D8;
|
||||
border-radius: 24px;
|
||||
transition: 0.25s;
|
||||
width: 90%;
|
||||
|
|
@ -924,7 +967,7 @@ ol.Subject-list {
|
|||
border: 2px solid rgb(72, 209, 204);
|
||||
padding: 10px 10px;
|
||||
outline: none;
|
||||
color: rgba(255, 255, 255, .55);
|
||||
color: #F2E6D8;
|
||||
border-radius: 24px;
|
||||
transition: 0.25s;
|
||||
width: 90%;
|
||||
|
|
@ -935,14 +978,17 @@ ol.Subject-list {
|
|||
display: block;
|
||||
margin: 10px auto;
|
||||
text-align: center;
|
||||
border: 3px solid rgb(0, 255, 127);
|
||||
border: 2px solid rgb(0, 255, 127);
|
||||
padding: 10px 10px;
|
||||
outline: none;
|
||||
color: rgba(255, 255, 255, .55);
|
||||
color: #F2E6D8;
|
||||
border-radius: 24px;
|
||||
transition: 0.25s;
|
||||
width: 90%;
|
||||
}
|
||||
#voteAndComment{
|
||||
|
||||
#activeGameJam:hover,
|
||||
#gameDataId:hover,
|
||||
#oneVote:hover {
|
||||
color: #BF7D65;
|
||||
}
|
||||
/*Stem slut*/
|
||||
Loading…
Reference in New Issue