ClaytonWWilson/FightHub
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/FightHub.git synced 2025-12-15 23:18:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #8 from ClaytonWWilson/Clayton-style-upload.php

Browse Source 
Styles upload.php
This commit is contained in:
Clayton Wilson 2019-04-23 01:09:23 -04:00 committed by GitHub
commit 2fba4b63d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 161 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
main.css
View File

@ -50,6 +50,8 @@ form.upload-form {
border-left: #727272 solid 2px; border-left: #727272 solid 2px;
border-right: #727272 solid 2px; border-right: #727272 solid 2px;
margin: 0 25% 0 25%; margin: 0 25% 0 25%;
margin-top: 60px;
margin-bottom: 60px;
} }
.upload-form input, .upload-form textarea, .upload-form select { .upload-form input, .upload-form textarea, .upload-form select {
@ -66,20 +68,115 @@ form.upload-form {
margin-left: 20px; margin-left: 20px;
} }
h3.url {
/* padding-top: 40px; */
/* border: white solid 1px; */
}
.url {
margin: auto !important;
width: 60%;
}
h3.title {
padding-top: 40px;
}
.title {
margin: auto !important;
width: 60%;
}
.user-date {
width: 60%;
margin: auto;
}
.username {
padding-top: 20px;
margin-left: -20px;
}
.video-date {
float: right;
margin-top: -62px;
}
.description {
width: 60%;
margin: auto !important;
}
h3.description {
padding-top: 40px;
}
.characters {
width: 60%;
margin: auto !important;
}
h3.characters {
padding-top: 40px;
}
.players {
width: 60%;
margin: auto !important;
}
h3.players {
padding-top: 40px;
}
.game-info {
width: 60%;
margin: auto;
}
.game-name {
padding-top: 20px;
margin-left: -20px;
}
.stage-name {
float: right;
margin-top: -61px;
}
.length-button {
margin: auto;
width: 60%;
/* border: white solid 1px; */
}
.length {
padding-top: 20px;
margin-left: -20px;
}
.button {
float: right;
margin-top: -21px;
}
/* Styles for Video element displays */ /* Styles for Video element displays */
div.video-list-container { div.video-list-container {
/* border: white solid 1px; */ /* border: white solid 1px; */
margin-left: 15%; margin-left: 15%;
margin-right: 15%; margin-right: 15%;
} }
#video-item { #video-item {
/* border: white solid 1px; */ /* border: white solid 1px; */
width: 100%; width: 100%;
height: 178.75px; height: 178.75px;
padding-top: 10px; padding-top: 10px;
border-bottom: #727272 solid 2px; border-bottom: #727272 solid 2px;
} }
iframe { iframe {

92
upload.php
View File

@ -17,45 +17,67 @@
<!-- submit.php will read the variables from the url and add it to the database --> <!-- submit.php will read the variables from the url and add it to the database -->
<form class="upload-form" id="upload-form" action="submit.php"> <form class="upload-form" id="upload-form" action="submit.php">
<h3>Youtube URL *</h3> <h3 class="url">Youtube URL *</h3>
<input type="text" name="url" id="url"> <input type="text" name="url" id="url" class="url">
<h3>Video Title *</h3> <h3 class="title">Video Title *</h3>
<input type="text" name="title" id="title"> <input type="text" name="title" id="title" class="title">
<h3>Username *</h3> <div class="user-date">
<input type="text" name="username" id="username"> <div class="username">
<h3>Username *</h3>
<h3>Description</h3> <input type="text" name="username" id="username">
<textarea name="description" cols="30" rows="10" id="description"></textarea> </div>
<h3>Event Date *</h3>
<input type="date" name="video-date" id="video-date">
<h3>Video Length</h3>
<input type="text" name="length" id="length">
<h3>Characters (Seperated by commas) *</h3>
<input type="text" name="characters" id="characters">
<h3>Players (Seperated by commas) *</h3>
<input type="text" name="players" id="players">
<h3>Select Game *</h3>
<select name="game" id="game">
<option disabled selected value>-- Game --</option>
<option value="Street Fighter V">Street Fighter V</option>
<option value="Mortal Kombat 11">Mortal Kombat 11</option>
<option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
<option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
<option value="Killer Instinct">Killer Instinct</option>
<option value="Injustice">Injustice</option>
</select>
<h3>Stage Name *</h3>
<input type="text" name="stage" id="stage"> <div class="video-date">
<h3>Event Date *</h3>
<input type="date" name="video-date" id="video-date">
</div>
</div>
<h3 class="description">Description</h3>
<textarea name="description" cols="30" rows="10" id="description" class="description"></textarea>
<h3 class="characters">Characters (Seperated by commas) *</h3>
<input type="text" name="characters" id="characters" class="characters">
<h3 class="players">Players (Seperated by commas) *</h3>
<input type="text" name="players" id="players" class="players">
<div class="game-info">
<div class="game-name">
<h3>Select Game *</h3>
<select name="game" id="game">
<option disabled selected value>-- Game --</option>
<option value="Street Fighter V">Street Fighter V</option>
<option value="Mortal Kombat 11">Mortal Kombat 11</option>
<option value="Super Smash Bros Melee">Super Smash Bros Melee</option>
<option value="Super Smash Bros Ultimate">Super Smash Ultimate</option>
<option value="Killer Instinct">Killer Instinct</option>
<option value="Injustice">Injustice</option>
</select>
</div>
<input type="button" name="submit_button" value="Submit" onclick="validateUpload()"> <div class="stage-name">
<h3 class="stage">Stage Name *</h3>
<input type="text" name="stage" id="stage" class="stage">
</div>
</div>
<div class="length-button">
<div class="length">
<h3>Video Length</h3>
<input type="text" name="length" id="length">
</div>
<div class="button">
<input type="button" name="submit_button" value="Submit" onclick="validateUpload()">
</div>
</div>
</form> </form>
</body> </body>