Update hihi
This commit is contained in:
Ida Tiegel
2021-05-28 08:54:15 +02:00
parent 921c1ed876
commit 1e1d8f9c60
9 changed files with 359 additions and 233 deletions
Binary file not shown.
+1 -1
View File
@@ -6,6 +6,6 @@
"\\Javascript",
"\\Styles"
],
"SelectedNode": "\\Javascript\\Stem.js",
"SelectedNode": "\\Index.html",
"PreviewInSolutionExplorer": false
}
+209 -150
View File
@@ -57,169 +57,228 @@
</head>
<body>
<div class="HeaderPanel" id="header">
<div class="HeaderLeft">
<a style="display: inline-block" href="../Index.html">
<i class="fas fa-arrow-left"></i>
</a>
<div class="HeaderPanel" id="header">
<div class="HeaderLeft">
<a style="display: inline-block" href="../Index.html">
<i class="fas fa-arrow-left"></i>
</a>
</div>
<div class="HeaderTitle">
<h2 style="margin-bottom: 0px">Admin Panel</h2>
</div>
</div>
<div class="HeaderTitle">
<h2 style="margin-bottom: 0px">Admin Panel</h2>
<!--Opret game jam-->
<br />
<br />
<h3>Administration</h3>
<h5>Opret Game Jam</h5>
<div class="container">
<form id="createGameJam" method="POST">
<div class="row">
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Gamejam title"
name="newGameJam"
id="gamejamTitle"
required />
<label for="gamejamTitle" class="FormFieldLabel">
Gamejam title
</label>
</div>
</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="startDate"
id="startDate"
required />
<label for="startDate" class="FormFieldLabel" id="startDateLabel">
Start dato
</label>
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="startTime"
id="startTime"
required />
<label for="startTime" class="FormFieldLabel" id="startTimeLabel">
Start tid
</label>
</div>
</div>
</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 />
<label for="endTime" class="FormFieldLabel" id="endTimeLabel">
Slut tid
</label>
</div>
</div>
</div>
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
name="keyWord"
id="keyWord" />
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Emne (Ikke obligatorisk)
</label>
</div>
<div class="FormField">
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
name="description"
id="Beskrivelse"
required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<input type="submit" name="newGameJam" id="indsend" value="Indsend" />
</form>
</div>
</div>
<!-- Opret game jam slut -->
<!--Opret game jam-->
<br />
<br />
<hr class="GradientDivider">
<h3>Administration</h3>
<h5>Opret Game Jam</h5>
<!-- updater game jam start -->
<h5>updater Game Jam</h5>
<div class="container">
<form id="createGameJam" method="POST">
<div class="row">
<div>
<div class="container">
<form id='UpdateGameJam' method='post'>
<section id="game-jame-update-drop-down">
</section>
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Gamejam title"
name="newGameJam"
id="gamejamTitle"
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">
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="startDate"
id="startDate"
required />
<label for="startDate" class="FormFieldLabel" id="startDateLabel">
Start dato
</label>
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="startTime"
id="startTime"
required />
<label for="startTime" class="FormFieldLabel" id="startTimeLabel">
Start tid
</label>
</div>
</div>
</div>
<div class="row row-cols-2">
<section id="game-jame-update">
<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="row">
<div class="FormField">
<label for='UGameJamTitle' class="FormFieldLabel" id="UGameJamTitleLabel">Game Jam tittle</label>
<input type='text'
class="FormFieldInput"
placeholder="Gamejam title"
id='UGameJamTitle'
required value=""
name="gameJamName" />
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="endTime"
id="endTime"
required />
<label for="endTime" class="FormFieldLabel" id="endTimeLabel">
Slut tid
</label>
</div>
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<label for="UStartDate" class="FormFieldLabel" id="UStartDateLabel">Start dag</label>
<input type='date'
class="FormFieldInput"
placeholder="mm/dd/yyyy"
id='UStartDate'
required name="startDate" />
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<label for="UStartTime" class="FormFieldLabel" id="UStartTimeLabel">Start tid</label>
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
id="UStartTime"
required name="startTime" />
</div>
</div>
</div>
<!--Behold-->
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
name="keyWord"
id="keyWord" />
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Emne (Ikke obligatorisk)
</label>
</div>
<div class="FormField">
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
name="description"
id="Beskrivelse"
required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<input type="submit" name="newGameJam" id="indsend" value="Indsend" />
</form>
</div>
<!-- Opret game jam slut -->
<hr class="GradientDivide">
<!-- updater game jam start -->
<h5>updater Game Jam</h5>
<form id='UpdateGameJam' method='post'>
<section id="game-jame-update-drop-down">
</section>
<section id="game-jame-update">
<input type="hidden" name="gameJamId" required/>
<label for='UGameJamTitle'>Game Jam tittle</label>
<input type='text' id='UGameJamTitle' required value="" name="gameJamName"/>
<label for="UStartDate">Start dag</label>
<input type='date' id='UStartDate' required name="startDate"/>
<label for="UStartTime">Start tid</label>
<input type="time" id="UStartTime" required name="startTime"/>
<label for="UEndDate">Slut dag</label>
<input type="date" id="UEndDate" required name="endDate"/>
<label for="UEndTime">slut tid</label>
<input type="time" id="UEndTime" required name="endTime"/>
<label for="UKeyWord">Emne(Ikke obligatorisk)</label>
<input type="text" id="UKeyWord" name="keyWord"/>
<label for="UDescription">Beskrivelse</label>
<input type="text" id="UDescription" required name="description"/>
<input type="submit" value="set" name="updateGameJam">
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<label for="UEndDate" class="FormFieldLabel" id="UEndDateLabel">Slut dag</label>
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
id="UEndDate"
required name="endDate" />
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<label for="UEndTime" class="FormFieldLabel" id="UEndTimeLabel">slut tid</label>
<input type="time"
Class="FormFieldInput"
placeholder="hh:mm"
id="UEndTime"
required name="endTime" />
</div>
</div>
</div>
<div class="FormField">
<label for="UKeyWord" class="FormFieldLabel" id="UKeyWordLabel">Emne(Ikke obligatorisk)</label>
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
id="UKeyWord"
name="keyWord" />
</div>
<div class="FormField">
<label for="UKeyWord" class="FormFieldLabel" id="UDescriptionLabel">Beskrivelse</label>
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
id="UDescription"
required name="description"></textarea>
</div>
<input type="submit"
value="set"
name="updateGameJam"
id="updateGameJam" />
</section>
</form>
</section>
</form>
</div>
<!-- Body scripts -->
<script src="../Javascript/OverlayScrollbar.js"></script>
<!--<script src="../Javascript/AddEvent.js"></script>-->
<script src="../Javascript/AddGameJam.js"></script>
<!-- Body scripts end -->
<script src="../Javascript/AdminPageScript.js"></script>
<!-- Body scripts -->
<script src="../Javascript/OverlayScrollbar.js"></script>
<!--<script src="../Javascript/AddEvent.js"></script>-->
<script src="../Javascript/AddGameJam.js"></script>
<!-- Body scripts end -->
<script src="../Javascript/AdminPageScript.js"></script>
</body>
</html>
+83 -24
View File
@@ -108,31 +108,16 @@ h5{
#startTimeLabel {
display: inline-block;
left: 0;
/*left: 72.5%;
*/
}
#endTime {
/*width: 12.5%;
*/ display: inline-block !important;
display: inline-block !important;
float: left;
}
#endTimeLabel {
display: inline-block;
left: 0;
/* left: 87.5%;*/
}
#description {
color: #F2E6D8;
border-radius: 15px;
border: double;
width: 100%;
height: 250px;
}
#Beskrivelse {
@@ -140,10 +125,6 @@ h5{
}
#indsend {
/* background-color: #121B26;
border-radius: 15px;
color: #F2E6D8;
border: double;*/
border: 0;
background: none;
display: block;
@@ -162,15 +143,82 @@ h5{
}
#row{
width:100%;
width:90%;
}
/*Create Game Jam end*/
/*Update Game Jam start*/
#game-jame-update {
display: grid !important;
width: 90%;
}
#UGameJamTitle {
display: grid;
width: 90%;
}
#UStartDate {
display: inline-block !important;
margin-right: 2.5%;
}
#UStartDateLabel {
display: inline-block;
left: 0;
}
#UStartTime {
margin-right: 2.5%;
float: left;
justify-content: center;
display: grid;
}
#UStartTimeLabel {
display: inline-block;
left: 0;
}
#UEndDate {
display: inline-block !important;
margin-right: 2.5%;
float: left;
}
#UEndDateLabel {
display: inline-block;
left: 0;
}
#UEndTime {
display: inline-block !important;
float: left;
}
#endTimeLabel {
display: inline-block;
left: 0;
}
#UKeyWord {
margin-bottom: 10px;
}
#updateGameJam{
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%;
}
#updateGameJam:hover {
color: #BF7D65;
}
/*Update Game Jam slut*/
.FormField {
position: relative;
padding: 15px 0 0;
margin-top: 10px;
position: relative;
padding: 15px 0 0;
margin-top: 10px;
}
.FormFieldInput {
@@ -227,4 +275,15 @@ h5{
.FormFieldInput:required,
.FormFieldInput:invalid {
box-shadow: none;
}
.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;
opacity: 1;
}
+2 -1
View File
@@ -861,12 +861,13 @@ image_gruppenavn {
height: 3px !important;
background: #59142D !important;
background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
opacity: 1;
/*rgb(18, 18, 18),
rgb(0, 113, 185),
rgb(38, 171, 255),
rgb(0, 113, 185),
rgb(18, 18, 18)*/
opacity: 1;
}
/*Knap Return to top*/
#return-to-top {
+4
View File
@@ -34,6 +34,10 @@ html {
display: inline;
left: 27vw;
}
#isWebBased:hover,
#gameFil:hover {
color: #BF7D65;
}
#gameFil {
border: 0;
+17 -14
View File
@@ -51,8 +51,8 @@
width: 30px;
height: 30px;
text-align: center;
background: #4E443C;
color: #fff;
background: #59142D;
color: #F2E6D8;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
@@ -63,10 +63,14 @@
-moz-box-shadow: 0 0 4px #F0EFE7;
box-shadow: 0 0 4px #F0EFE7;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
color: #BF7D65;
}
.jcarousel-control-prev {
left: 15px;
}
.jcarousel-control-prev {
left: 15px;
}
.jcarousel-control-next {
right: 15px;
@@ -106,12 +110,11 @@
box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}
.jcarousel-pagination a.active {
background: #59142D;
color: #F2E6D8;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}