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

Combined canvas styling.

Browse source
This commit is contained in:
reddishquill371 2024-11-06 18:19:39 -06:00
parent 73866b79f4 86746df59b
commit 34544c8bdf
3 changed files with 45 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
static/canvas.css
View file

@ -21,12 +21,45 @@ html, body {
}
.navbarCont {
position: relative;
background-color: var(--utsa-blue);
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;
@ -74,3 +107,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 style="color: white;">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