From 86746df59bc673343dfccf9fbcb8c5175e873425 Mon Sep 17 00:00:00 2001 From: th3keyboard Date: Wed, 6 Nov 2024 18:16:21 -0600 Subject: [PATCH] changes to navbar --- static/canvas.css | 42 +++++++++++++++++++++++++++++++++++++++++- static/canvas.html | 6 +++++- static/navbarlogo.png | Bin 0 -> 1020 bytes 3 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 static/navbarlogo.png diff --git a/static/canvas.css b/static/canvas.css index 82b4c9c..6d686d2 100644 --- a/static/canvas.css +++ b/static/canvas.css @@ -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 + } + } diff --git a/static/canvas.html b/static/canvas.html index 031a8be..e78ea58 100644 --- a/static/canvas.html +++ b/static/canvas.html @@ -13,7 +13,11 @@
-

ThePlaceHolders

+ + ThePlaceHolders + Contact + Login + Settings
diff --git a/static/navbarlogo.png b/static/navbarlogo.png new file mode 100644 index 0000000000000000000000000000000000000000..e9a6c07b43510fe3dff4accdb5cee39c67583e46 GIT binary patch literal 1020 zcmVe5T1`k*K@^@ILAB^-V-XQjs1H*T30h=<2wD$>5TqBa z+ypIZ7mm1po==FXk_oO|!g z+?R7NT<^>|XU;j_`OeIH@8XIt2kQP33$K)gm?`80xNXd@=Wugr7bpC|AhM|>naly5w0b2mW+E4B8JF7QJOkB_3%n@S`PWQ3 zaC~bSPk;yRmH&K!wTy>4++@k#kZvQzVu_mXYN{tAgMG3~wcBZB{Ci>80WgvONY>W0 z(%TWnIM50laQ*x=;(-SRi2Kq4JohF~nQhM=r}!!nyz)KHvN<*}<+L_{XLV2!n2U;H zq8pSm4nS`8o%7_*gGK{CIqG#il>>)FJKOih#-wbalmdS}{+_mP_tDcd{>+DGQhCI| zy0Sg~dv2a|96mvTK7BFf+0RlHFleNV@inVgNw;@z)ei!1b=WsMrdd}89LbV7rO(f- zBlvoVF97<{{ZtD4*r^L-^zEcH^9WuyNRj`@d;DO}Niv)pcYF`rd*Y1w0o&RL8lEVJ zc9-cG-fx(BWX2!#Uy@1|!Ldo20?Ee2ab)1=2tec>UdO5HDFV$JAp0N#*70U-RF9Pb zhs2t8)Ozw`LAQL~hePazW#zL zl(o7jaC2iFO_*m1Py5M*Q-9~e#~iQ6V(>n6fKeKVxH6OZjMH!ne$37Edz>jq8cclQVzvpmc--U%u qR)vqSv1QjKtu9-s