reallynniroprobably/chookchat
1
0
Fork 0
forked from chookspace/chookchat
Code Pull Requests Activity

Merge pull request 'design navbar for client' (#2) from SpookyDervish/chookchat:master into master

Browse Source 
Reviewed-on: chookspace/chookchat#2
This commit is contained in:
Maxwell
2026-07-21 08:02:27 +10:00
parent fa20bf7fc4 68558973f2
commit cca6737791
3 changed files with 46 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
build.sh
View File

@@ -1,5 +1,7 @@
#!/bin/sh #!/bin/sh
mkdir -p server/src/generated
bin2cpp --file=client/header_top.html --output=server/src/generated bin2cpp --file=client/header_top.html --output=server/src/generated
bin2cpp --file=client/header_bottom.html --output=server/src/generated bin2cpp --file=client/header_bottom.html --output=server/src/generated

11
client/header_bottom.html
View File

@@ -1,5 +1,16 @@
</head> </head>
<body> <body>
<nav>
<div id="brand">
<h2><a href="/">chookchat</a></h2>
</div>
<ul>
<li><a href="/">home</a></li>
<li><a href="/login">login</a></li>
</ul>
</nav>
<div class="postbox"> <div class="postbox">
<form action="/make_post" method="post"> <form action="/make_post" method="post">
<div> <div>

33
client/style.css
View File

@@ -6,6 +6,8 @@ body {
color: lime; color: lime;
background-color: black; background-color: black;
line-height: 1.1; line-height: 1.1;
height: 100vh;
margin: 0;
} }
hr { hr {
@@ -60,6 +62,37 @@ img {
gap: 5px; gap: 5px;
} }
nav {
background: rgb(25, 25, 25);
display: flex;
padding: 16px;
margin-bottom: 1em;
#brand h2 {
margin: 0;
}
a {
color: lime;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
ul {
list-style: none;
display: flex;
align-items: center;
margin: 0;
li {
margin-left: 1em;
}
}
}
@media (max-width: 600px) { @media (max-width: 600px) {
input, textarea, button { input, textarea, button {
font-size: 16px; font-size: 16px;