css changes, navbar, etc

asdf
This commit is contained in:
XlXi 2020-12-19 15:03:09 -05:00
parent e45a3d8e93
commit ce544a5146
4 changed files with 51 additions and 10 deletions

View File

@ -28,7 +28,7 @@ class Web {
public function buildPage($headers) { public function buildPage($headers) {
$contents = ob_get_contents(); $contents = ob_get_contents();
ob_end_clean(); ob_end_clean();
echo "<!DOCTYPE html>\n<html>\n<head>\n<link rel=\"stylesheet\" href=\"//cdn." . Web::GetDomain() . "/CSS/Global/fetch/\">\n$headers</head>\n<body>\n$contents</body>\n</html>"; echo "<!DOCTYPE html>\n<html>\n<head>\n<title>Platinus</title>\n<link rel=\"stylesheet\" href=\"//cdn." . Web::GetDomain() . "/CSS/Global/fetch/\">\n$headers</head>\n<body>\n$contents</body>\n</html>";
} }
} }

View File

@ -23,20 +23,53 @@ body, div, h1, h2, h3, h4, h5 {
body { body {
font-family: segoe ui; font-family: segoe ui;
min-height: 100vh; min-height: 100vh;
background-color: rgb(248,248,254); background-color: #f0f0fa;
} }
.plt-header { .plt-header {
height: 50px; height: 40px;
background: linear-gradient(hsl(213 71% 50% / 1), hsl(213 71% 30% / 1)); background: linear-gradient(#2576da, #1b559d);
border: 0; border: 0;
border-bottom: 1px #292a2f; border-bottom: 1px #292a2f;
border-style: solid; border-style: solid;
box-shadow: #292a2f 0 -18px 2px 20px; box-shadow: #292a2f 0 -18px 2px 20px;
margin-bottom: 10px; }
.plt-nav-container {
padding-top: 4px;
display: flex;
}
.plt-nav {
margin: 0;
padding: 0;
list-style-type: none;
}
.plt-nav li {
float: left;
}
.plt-nav li a {
display: block;
text-align: center;
text-decoration: none;
height: 32px;
}
.plt-nav-icon {
width: 158px;
height: 32px;
padding-right: 10px;
}
.plt-body {
padding-top: 10px;
} }
.container { .container {
padding-left: 10px;
padding-right: 10px;
margin: auto; margin: auto;
max-width: 1000px; max-width: 900px;
} }

BIN
public/cdn/www/IMG/Nav.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -18,12 +18,20 @@ $headers = $page->buildHeaders();
?> ?>
<div class="plt-header"> <div class="plt-header">
<div class="container"> <div class="container plt-nav-container">
<h1>Platinus</h1> <img class="plt-nav-icon" src="<?= "//cdn." . $page->GetDomain() . "/IMG/Nav.png" ?>" alt="P"></img>
<ul class="plt-nav">
<li>
<a href="#">Navbar Item</a>
</li>
<li>
<a href="#">Navbar Item</a>
</li>
</ul>
</div> </div>
</div> </div>
<div class="container"> <div class="container plt-body">
<h3>Simple home page</h3> <h3>pog</h3>
</div> </div>
<?php <?php