logan/ThePlaceHolders
1
0
Fork 0
mirror of https://github.com/adanrsantos/ThePlaceHolders.git synced 2024-12-16 03:40:38 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

changes to navbar

Browse source
This commit is contained in:
th3keyboard 2024-11-06 18:16:21 -06:00
parent 32461b6fb6
commit 86746df59b
3 changed files with 46 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
static/canvas.css
View file

@ -15,12 +15,45 @@ html, body {
}
.navbarCont {
background-color: grey;
position: relative;
background-color: #2c3e50;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.navbarCont a {
float: left;
text-align: center;
padding: 12px;
text-decoration: none;
color: #e67e22;
}
.navbarCont a.icon {
padding: 0px;
}
.navbarCont a.title {
font-size: 26.5px;
}
.navbarCont a.rightB {
float: right;
display: inline-block;
padding: 20px;
margin: 0;
color: #ecf0f1;
}
.navbarCont a.rightB:hover {
background-color: #34495e
}
.navbarCont img {
float: left;
}
.canvasCont {
display: flex;
flex-direction: column;
@ -68,3 +101,10 @@ canvas {
margin: 20px;
image-rendering: pixelated;
}
@media screen and (max-width: 600px) {
.navbarCont a {
/* possible hamburger menu for moblie users*/
position: absolute
}
}

6
static/canvas.html
View file

@ -13,7 +13,11 @@
<body>
<div class="wrapper">
<div class="navbarCont">
<h1>ThePlaceHolders</h1>
<a class="icon" href="./index.html"><img src="navbarlogo.png"></img></a>
<a class="title" href="./index.html">ThePlaceHolders</a>
<a class="rightB" href="./contact.html">Contact</a>
<a class="rightB">Login</a>
<a class="rightB">Settings</a>
</div>
<!--note to self: below IS the canvas-->
<div class="canvasCont">

BIN
static/navbarlogo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,020 B