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

Merge pull request #3 from ClaytonWWilson/Clayton-index.php

Browse Source 
Adding upload button
This commit is contained in:
Clayton Wilson 2019-04-19 23:43:23 -04:00 committed by GitHub
commit e3ae50dfb4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/upload.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
index.php
View File

@ -4,17 +4,17 @@
<link rel="stylesheet" href="main.css">
</head>
<body>
<form action="search.php">
<form class="search" action="search.php">
<h1 class="title-text">FightHub</h1>
<input type="text" name="query" class="search" placeholder="Search..">
<input type="submit" name="submit" class="submit" value="Search">
<a href="upload.php"><img src="images/upload.png" class="upload" alt="upload"></a>
</form>
<!-- This is where php code for loading preview videos below the titlebar will go -->
</body>
</html>

42
main.css
View File

@ -3,24 +3,46 @@ body {
}
form {
width: 100%;
/* form.search {
width: 80%;
height: 150px;
/* border: black solid 1px; */
border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
/* div.upload {
width: 5%;
height: 150px;
border: white solid 1px;
border-bottom: #727272 solid 2px;
display: block;
float: left;
} */
form {
/* border: white solid 1px; */
height: 150px;
margin-top: -10px !important;
width: 99% !important;
border-bottom: #727272 solid 2px;
}
/* div.titlebar-container {
border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
.title-text {
float: left;
margin-top: 28px;
margin-top: 26px;
padding-right: 20px;
color: #FF3D53;
font-family: "Calibri";
font-size: 50pt;
}
.search {
width: 60%;
width: 50%;
padding: 10px;
font-size: 20px;
margin-top: 45px;
@ -30,5 +52,11 @@ form {
width: 150px;
padding: 10px;
font-size: 20px;
/* float: left; */
}
img.upload {
width: 150px;
/* margin-bottom: -17px; */
margin-top: 45px;
float: right;
}