autonomic-cooperative/cotech-website
3
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-12-17 17:37:33 +00:00
Code Issues Releases Wiki Activity

Tweak header styles to match new designs

Browse Source
This commit is contained in:
Chris Lowis
2025-12-15 16:50:40 +00:00
parent fedff4f6b8
commit d329b6e51f
3 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
_includes/header.html
View File

@ -1,11 +1,12 @@
<header class="header">
<div>
<a class="header_logo-link" href="/">
<img width="100" src="/assets/img/Logo-CoTech-Secondary-White.svg">
<img width="100" src="/assets/img/Logo-CoTech-White.svg">
</a>
</div>
<div>
<button class="header_burger-btn" aria-label="Toggle menu">
<p><strong>MENU</strong></p>
<svg class="header_burger-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M3 6h18M3 12h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
@ -14,10 +15,10 @@
</svg>
</button>
<ul class="header_menu-list">
<li><a href="/">Home</a></li>
<li><a href="/#members">Members</a></li>
<li><a href="/about">About</a></li>
<li><a href="/join">Join</a></li>
<li><a href="/#contact">Contact</a></li>
</ul>
</div>

6
assets/css/app.css
View File

@ -268,6 +268,7 @@ section, footer, header {
.header a {
text-decoration: none;
text-transform: uppercase;
}
.header a:hover {
@ -312,7 +313,10 @@ section, footer, header {
}
.header_burger-btn {
display: block;
display: flex;
gap: var(--space-xs);
border: 2px solid var(--cotech-white);
border-radius: var(--space-sm);
}
.header_menu-list {

8
assets/img/Logo-CoTech-White.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.08468 36.3022H23.6807C26.2214 36.3022 28.281 34.2426 28.281 31.7019V25.0663C28.281 23.446 26.9675 22.1325 25.3472 22.1325H24.7233C23.103 22.1325 21.7895 23.446 21.7895 25.0663V25.2634C21.7895 27.7747 19.7536 29.8106 17.2423 29.8106H13.1096C9.72208 29.8106 6.97591 27.0644 6.97591 23.6768V12.6254C6.97591 9.23781 9.72208 6.49161 13.1096 6.49161H17.2423C19.7536 6.49161 21.7895 8.52748 21.7895 11.0389V11.1551C21.7895 12.7755 23.103 14.089 24.7233 14.089H25.3472C26.9675 14.089 28.281 12.7755 28.281 11.1551V4.60036C28.281 2.05965 26.2214 0 23.6807 0H5.08468C2.544 0 0.484375 2.05965 0.484375 4.60036V31.7019C0.484375 34.2426 2.544 36.3022 5.08468 36.3022Z" fill="white"/>
<path d="M38.8776 36.3016H54.1866C56.7273 36.3016 58.7869 34.2419 58.7869 31.7012V15.6668C58.7869 13.1261 56.7273 11.0664 54.1866 11.0664H38.8776C36.337 11.0664 34.2773 13.1261 34.2773 15.6668V31.7012C34.2773 34.2419 36.337 36.3016 38.8776 36.3016ZM45.8138 17.558H47.2504C50.0367 17.558 52.2953 19.8167 52.2953 22.603V24.765C52.2953 27.5513 50.0367 29.81 47.2504 29.81H45.8138C43.0276 29.81 40.7689 27.5513 40.7689 24.765V22.603C40.7689 19.8167 43.0276 17.558 45.8138 17.558Z" fill="white"/>
<path d="M2.93381 49.8588H6.99339C9.53407 49.8588 11.5937 51.9185 11.5937 54.4592V77.0643C11.5937 78.6846 12.9072 79.9981 14.5275 79.9981H15.1514C16.7717 79.9981 18.0852 78.6846 18.0852 77.0643V54.4592C18.0852 51.9185 20.1449 49.8588 22.6855 49.8588H26.7446C28.3649 49.8588 29.6784 48.5453 29.6784 46.925V46.301C29.6784 44.6807 28.3649 43.3672 26.7446 43.3672H2.93381C1.31351 43.3672 0 44.6807 0 46.301V46.925C0 48.5453 1.31351 49.8588 2.93381 49.8588Z" fill="white"/>
<path d="M68.3386 79.6616H86.9346C89.4753 79.6616 91.5349 77.602 91.5349 75.0612V68.4257C91.5349 66.8054 90.2214 65.4918 88.6011 65.4918H87.9772C86.3569 65.4918 85.0434 66.8054 85.0434 68.4257V68.6227C85.0434 71.1341 83.0075 73.17 80.4962 73.17H76.3636C72.976 73.17 70.2298 70.4238 70.2298 67.0362V55.9848C70.2298 52.5972 72.976 49.851 76.3636 49.851H80.4962C83.0075 49.851 85.0434 51.8869 85.0434 54.3982V54.5145C85.0434 56.1348 86.3569 57.4484 87.9772 57.4484H88.6011C90.2214 57.4484 91.5349 56.1348 91.5349 54.5145V47.9597C91.5349 45.419 89.4753 43.3594 86.9346 43.3594H68.3386C65.7979 43.3594 63.7383 45.419 63.7383 47.9597V75.0612C63.7383 77.602 65.7979 79.6616 68.3386 79.6616Z" fill="white"/>
<path d="M38.8776 79.661H55.9406C57.5609 79.661 58.8744 78.3474 58.8744 76.7271V76.1032C58.8744 74.4829 57.5609 73.1694 55.9406 73.1694H44.6157C42.4912 73.1694 40.7689 71.4471 40.7689 69.3225V68.4721C40.7689 66.3476 42.4912 64.6252 44.6157 64.6252H52.6949C54.3152 64.6252 55.6287 63.3117 55.6287 61.6914V61.0675C55.6287 59.4472 54.3152 58.1336 52.6949 58.1336H44.6157C42.4912 58.1336 40.7689 56.4113 40.7689 54.2867V53.7057C40.7689 51.5811 42.4912 49.8588 44.6157 49.8588H55.9406C57.5609 49.8588 58.8744 48.5453 58.8744 46.925V46.301C58.8744 44.6807 57.5609 43.3672 55.9406 43.3672H38.8776C36.337 43.3672 34.2773 45.4268 34.2773 47.9675V75.0606C34.2773 77.6013 36.337 79.661 38.8776 79.661Z" fill="white"/>
<path d="M119.13 45.9846V52.2074C119.13 54.7481 117.07 56.8078 114.529 56.8078H109.022C106.481 56.8078 104.421 54.7481 104.421 52.2074V45.9846C104.421 44.3643 103.108 43.0508 101.487 43.0508H100.864C99.2432 43.0508 97.9297 44.3643 97.9297 45.9846V77.0457C97.9297 78.666 99.2432 79.9796 100.864 79.9796H101.487C103.108 79.9796 104.421 78.666 104.421 77.0457V67.8998C104.421 65.3591 106.481 63.2994 109.022 63.2994H114.529C117.07 63.2994 119.13 65.3591 119.13 67.8998V77.0457C119.13 78.666 120.443 79.9796 122.063 79.9796H122.687C124.308 79.9796 125.621 78.666 125.621 77.0457V45.9846C125.621 44.3643 124.308 43.0508 122.687 43.0508H122.063C120.443 43.0508 119.13 44.3643 119.13 45.9846Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB