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

Style things a little

Browse Source
This commit is contained in:
Maxwell
2026-07-20 11:48:27 +10:00
parent e1751a3ece
commit c3e39d5714
7 changed files with 95 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/footer.html
View File

@@ -1,2 +1,3 @@
</div>
</body>
</html>

47
client/header.html
View File

@@ -2,27 +2,34 @@
<html>
<head>
<title>posts</title>
<link rel="stylesheet" type="text/css" href="/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form action="/make_post" method="post">
<div>
<label for="username">Username:</label>
<input name="username" id="username" />
</div>
<br>
<div>
<label for="password">Password:</label>
<input type="password" name="password" id="password" />
</div>
<br>
<div>
<label for="post">Post contents:</label>
<div class="postbox">
<form action="/make_post" method="post">
<div>
<label for="username">Username:</label>
<input name="username" id="username" />
</div>
<br>
<textarea name="post" id="post"></textarea>
<div>
<label for="password">Password:</label>
<input type="password" name="password" id="password" />
</div>
<br>
<div>
<label for="post">Post contents:</label>
<br>
<textarea name="post" id="post" rows="10"></textarea>
</div>
<br>
<div>
<button>Post</button>
</div>
</form>
</div>
<div id="posts">
<div id="posts-header">
<h1>posts</h1>
</div>
<br>
<div>
<button>Post</button>
</div>
</form>
<h1>posts</h1>

56
client/style.css Normal file
View File

@@ -0,0 +1,56 @@
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital@0;1&display=swap');
body {
font-family: "JetBrains Mono", monospace;
font-size: 12pt;
color: lime;
background-color: black;
line-height: 1.1;
}
hr {
border: none;
height: 2px;
background-color: lime;
}
button, input, textarea {
appearance: none;
font-family: "JetBrains Mono", monospace;
font-size: 12pt;
color: lime;
background-color: black;
border: 1px solid lime;
}
textarea {
width: 100%;
box-sizing: border-box;
}
.postbox, #posts {
max-width: 700px;
margin: 0 auto;
}
img {
max-height: 200px;
max-width: 100%;
height: auto;
width: auto;
}
.postinfo {
background-color: #313131;
}
.postbox, #posts {
padding: 0 16px;
box-sizing: border-box;
}
@media (max-width: 600px) {
input, textarea, button {
font-size: 16px;
}
}