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) {
$contents = ob_get_contents();
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 {
font-family: segoe ui;
min-height: 100vh;
background-color: rgb(248,248,254);
background-color: #f0f0fa;
}
.plt-header {
height: 50px;
background: linear-gradient(hsl(213 71% 50% / 1), hsl(213 71% 30% / 1));
height: 40px;
background: linear-gradient(#2576da, #1b559d);
border: 0;
border-bottom: 1px #292a2f;
border-style: solid;
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 {
padding-left: 10px;
padding-right: 10px;
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="container">
<h1>Platinus</h1>
<div class="container plt-nav-container">
<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 class="container">
<h3>Simple home page</h3>
<div class="container plt-body">
<h3>pog</h3>
</div>
<?php