index page is ready

This commit is contained in:
Ahwx 2023-02-14 13:06:49 +01:00
parent 5c0ea33095
commit 0283f9acbf
4 changed files with 64 additions and 7 deletions

View file

@ -3,6 +3,11 @@
<body>
<div class="mainContainer">
<h1 id="bodyHeader"><span>P</span>inter<span>n</span>et</h1>
<p class="bodyText">Please enter the Pin ID here:</p>
<form class="searchContainer" action="search.php" method="get" autocomplete="off">
<div id="inputWrapper"><br><br><br><br>
<input type="text" name="q" autofocus/>
<button type="submit">Search</button>
</div>
</form>
</div>
<?php require "static/footer.php"; ?>

View file

View file

@ -1,6 +1,12 @@
<div class="footer">
<a href="./api.php" target="_blank">API</a>
<a href="https://github.com/Ahwxorg/Pinternet/" target="_blank">Source code</a>
</div>
<footer>
<div class="footer">
<p id="footerText">
<!--<a href="./api.php" target="_blank">API</a>-->
|
<a href="https://github.com/Ahwxorg/Pinternet/" target="_blank">Source code</a>
|
</p>
</div>
</footer>
</body>
</html>

View file

@ -1,7 +1,12 @@
::root {
--inputColor: black;
}
body {
background-color: #2a2b2b;
color: white;
font-family:verdana, arial, sans-serif;
font-family: verdana, arial, sans-serif;
overflow-x: hidden;
}
span {
@ -9,12 +14,12 @@ span {
}
#bodyHeader {
margin-top: 10vh;
text-align: center;
}
.bodyText {
text-align: center;
}
.container {
@ -31,5 +36,46 @@ footer {
height: 10vh;
color: white;
background-color: #1f2120;
position: fixed;
bottom: 0;
}
#footerText {
margin: 10px;
padding: 10px;
}
.sep:before {
content: "\f004 ";
}
a {
text-decoration: none;
color: #12e8b9;
}
#inputWrapper {
align-items: center;
text-align: center;
justify-content: center;
}
input, button {
outline: none;
color: white;
background-color: #1f2120;
border: 1px solid #1f2120;
height: 4vh;
border-radius: 10px;
}
input {
outline: none;
color: white;
background-color: #1f2120;
border: 1px solid #1f2120;
width: 35vw;
height: 4vh;
margin: 10px;
}