autonomic-cooperative/cotech-website
4
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-06-26 16:40:52 +00:00
Code Issues Releases Wiki Activity

Style the header

Browse Source
This commit is contained in:
Chris Lowis
2025-06-20 14:27:42 +01:00
parent 20795aebf2
commit 1e60c58a6e
2 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/header.html
View File

@ -1,11 +1,11 @@
<header> <header class="header">
<div> <div>
<a id="logo" href="/"> <a class="header_logo-link" href="/">
<img src="/assets/img/CoTech-logo.png">CoTech <img src="/assets/img/CoTech-logo.png">CoTech
</a> </a>
</div> </div>
<div> <div>
<ul> <ul class="header_menu-list">
<li><a href="/#members">Members</a></li> <li><a href="/#members">Members</a></li>
<li><a href="/about">About</a></li> <li><a href="/about">About</a></li>
<li><a href="/join">Join</a></li> <li><a href="/join">Join</a></li>

30
assets/css/app.css
View File

@ -20,3 +20,33 @@ p, li, a {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
} }
.header {
display: flex;
padding: 1.4rem;
align-items: center;
justify-content: space-between;
}
.header a {
text-decoration: none;
}
.header a:hover {
text-decoration: underline;
color: #38aad5;
}
.header_logo-link {
display: flex;
align-items: center;
gap: 0.7rem;
}
.header_menu-list {
list-style-type: none;
display: flex;
gap: 0.7rem;
font-size: 1rem;
letter-spacing: 0.05em;
}