Add reset.css. Create new thread btn

This commit is contained in:
Dominic Ferrando
2025-04-16 23:24:09 -04:00
parent a7b2c052de
commit 598eeb0a60
6 changed files with 188 additions and 34 deletions
+24 -4
View File
@@ -16,6 +16,7 @@ body {
#boardList {
font-size: 12px;
margin: 5px;
}
#boardList a {
@@ -35,19 +36,38 @@ body {
}
.board-header h1 {
padding: 0;
margin: 0;
font-weight: bold;
font-size: 1.8rem;
margin: 8px;
margin-top: 12px;
}
.board-header p {
font-size: 12px;
margin: 5px;
font-size: .8rem;
margin: 4px;
}
.board-header img {
width: 300px;
}
.new-thread-btn {
display: block;
margin: auto;
margin-top: 12px;
background: none;
border: none;
padding: 0;
font-weight: bold;
font-size: 1.2rem;
color: #34345C;
cursor: pointer;
}
.new-thread-btn:hover {
color: #ff0000
}
/* GENERAL LAYOUT */
.container {
+135
View File
@@ -0,0 +1,135 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
+1
View File
@@ -11,5 +11,6 @@ templ Comfy() {
</h1>
<p>Be comfy fren</p>
</header>
<button class="new-thread-btn">[New Thread]</button>
}
}
+1 -1
View File
@@ -43,7 +43,7 @@ func Comfy() templ.Component {
}()
}
ctx = templ.InitializeContext(ctx)
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<header class=\"board-header\"><img src=\"/static/img/banner-comfy.png\"><h1>\"/comfy/\" - Comfy</h1><p>Be comfy fren</p></header>")
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<header class=\"board-header\"><img src=\"/static/img/banner-comfy.png\"><h1>\"/comfy/\" - Comfy</h1><p>Be comfy fren</p></header><button class=\"new-thread-btn\">[New Thread]</button>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
+26 -28
View File
@@ -1,32 +1,30 @@
package shared
templ Layout() {
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Comfychan</title>
<link rel="stylesheet" href="/static/index.css" />
</head>
<body>
<div id="boardList">
<span>
[
<a href="/">index</a>
]
</span>
<span>
[
<a href="/comfy">comfy</a>
/
<a>r9k</a>
]
</span>
</div>
{ children... }
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Comfychan</title>
<link rel="stylesheet" href="/static/reset.css"/>
<link rel="stylesheet" href="/static/index.css"/>
</head>
<body>
<div id="boardList">
<span>
[
<a href="/">index</a>
]
</span>
<span>
[
<a href="/comfy">comfy</a>
/
<a href="#">r9k</a>
]
</span>
</div>
{ children... }
</body>
</html>
}
+1 -1
View File
@@ -29,7 +29,7 @@ func Layout() templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Comfychan</title><link rel=\"stylesheet\" href=\"/static/index.css\"></head><body><div id=\"boardList\"><span>[ <a href=\"/\">index</a> ]</span> <span>[ <a href=\"/comfy\">comfy</a> / <a>r9k</a> ]</span></div>")
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Comfychan</title><link rel=\"stylesheet\" href=\"/static/reset.css\"><link rel=\"stylesheet\" href=\"/static/index.css\"></head><body><div id=\"boardList\"><span>[ <a href=\"/\">index</a> ]</span> <span>[ <a href=\"/comfy\">comfy</a> / <a href=\"#\">r9k</a> ]</span></div>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}