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

Update

This commit is contained in:
Ida Tiegel 2021-05-07 12:24:07 +02:00
parent 00f6020dbc
commit 43d47fb2aa
6 changed files with 231 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Frontend/.vs/Frontend/v16/.suo
View File

Binary file not shown.

2
Frontend/.vs/VSWorkspaceState.json
View File

@ -6,6 +6,6 @@
"\\Javascript",
"\\Styles"
],
"SelectedNode": "\\Styles\\AdminPage.css",
"SelectedNode": "\\Javascript\\Stem.js",
"PreviewInSolutionExplorer": false
}

94
Frontend/Html/AdminPage.html
View File

@ -75,104 +75,112 @@
<h3>Administration</h3>
<h5>Opret Game Jam</h5>
<div>
<div class="container">
<form id="createGameJam" method="POST">
<div class="row">
<div>
<div class="FormField">
<input
type="text"
<input type="text"
class="FormFieldInput"
placeholder="Gamejam title"
name="newGameJam"
id="gamejamTitle"
required
/>
required />
<label for="gamejamTitle" class="FormFieldLabel">
Gamejam title
</label>
</div>
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<div id="Dates">
<input
type="date"
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="startDate"
id="startDate"
required
/>
required />
<label for="startDate" class="FormFieldLabel" id="startDateLabel">
Start dato
</label>
<input
type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="endDate"
id="endDate"
required
/>
<label for="endDate" class="FormFieldLabel" id="endDateLabel">
Slut dato
</label>
</div>
<div class="Times">
<input
type="text"
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="startTime"
id="startTime"
required
/>
required />
<label for="startTime" class="FormFieldLabel" id="startTimeLabel">
Start tid
</label>
</div>
</div>
<input
type="text"
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="endDate"
id="endDate"
required />
<label for="endDate" class="FormFieldLabel" id="endDateLabel">
Slut dato
</label>
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="endTime"
id="endTime"
required
/>
required />
<label for="endTime" class="FormFieldLabel" id="endTimeLabel">
Slut tid
</label>
</div>
</div>
</div>
<!--Behold-->
<div class="FormField">
<input
type="text"
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
name="keyWord"
id="keyWord"
required
/>
id="keyWord" />
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Emne / Keywords (Ikke obligatorisk)
Emne (Ikke obligatorisk)
</label>
</div>
<div class="FormField">
<textarea
class="FormFieldInput"
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
name="description"
id="Beskrivelse"
required
></textarea>
required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<input type="submit" name="newGameJam" id="indsend" value="Indsend" />
</form>
</form>
</div>
<!-- Opret game jam slut -->

109
Frontend/Styles/AdminPage.css
View File

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

8
Frontend/Styles/Index.css
View File

@ -832,6 +832,9 @@ image_gruppenavn {
.right_text {
float: right;
}
.Collapsible:hover {
color: #BF7D65;
}
#hjem {
padding-top: 0;
@ -865,6 +868,7 @@ image_gruppenavn {
rgb(18, 18, 18)*/
opacity: 1;
}
/*Knap Return to top*/
#return-to-top {
position: fixed;
bottom: 20px;
@ -906,7 +910,7 @@ image_gruppenavn {
color: rgba(255, 255, 255, 0.55);
top: 5px;
}
/*
.Collapse-Button {
width: 30%;
text-align: center;
@ -920,7 +924,7 @@ image_gruppenavn {
.Collapse-Button:hover {
border-color: #721b1a;
}
}*/
ul.Circle-list {
display: inline-block;

20
Frontend/Styles/ShowCase.css
View File

@ -1,7 +1,7 @@
body,
html {
background-color: rgb(18, 18, 18) !important;
color: rgba(255, 255, 255, .55) !important;
background-color: #121B26 !important;
color: #F2E6D8 !important;
font-family: Arial, Helvetica, sans-serif !important;
margin: 40px !important;
padding: 10px !important;
@ -19,14 +19,14 @@ html {
#isWebBased {
border: 0;
background: none;
background-color: transparent;
display: block;
margin: 20px auto;
text-align: center;
border: 2px solid rgb(52, 152, 219);
border: 2px solid #2A558C;
padding: 10px 10px;
outline: none;
color: rgba(255, 255, 255, .55);
color: #F2E6D8;
border-radius: 24px;
transition: 0.25s;
position: static;
@ -37,14 +37,14 @@ html {
#gameFil {
border: 0;
background: none;
background-color: transparent;
display: block;
margin: 20px auto;
text-align: center;
border: 2px solid rgb(52, 152, 219);
border: 2px solid #2A558C;
padding: 10px 10px;
outline: none;
color: rgba(255, 255, 255, .55);
color: #F2E6D8;
border-radius: 24px;
transition: 0.25s;
position: static;
@ -81,7 +81,7 @@ html {
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;
background: #59142D !important;
background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
opacity: 1;
}