sour-is/xt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: more responsive

Browse Source
This commit is contained in:
xuu 2025-04-02 14:22:10 -06:00
parent 1ae8680f43
commit 14e1c4176d
Signed by: xuu
GPG Key ID: 8B3B0604F164E04F
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
http-html.go
View File

@ -117,22 +117,34 @@ func (r *HTWriter) WriteTo(w io.Writer) (int64, error) {
<head> <head>
<title>The Watcher</title> <title>The Watcher</title>
<style> <style>
body { font-family: sans-serif; width: 70%; margin: auto; background: black; color: white; } @media screen and (max-width: 500px) {
body { width: 100%; margin: 0; }
}
@media screen and (min-width: 500px) and (max-width: 940px) {
body { width: 90%; margin: auto; }
.h-card { columns: 2; }
}
@media screen and (min-width: 940px) {
body { width: 70%; margin: auto; }
.h-card { columns: 2; }
}
body { font-family: sans-serif; background: black; color: white; }
a { color: cornflowerblue; text-decoration: none; } a { color: cornflowerblue; text-decoration: none; }
main { } main { }
pre { white-space: pre-wrap; } pre { white-space: pre-wrap; }
pre.preamble { color: green; } pre.preamble { color: green; }
article { background-color: #333; border: 1px solid green; border-radius: 4px; padding: 4px; margin: 2px; } article { background-color: #333; border: 1px solid green; border-radius: 4px; padding: 4px; margin: 2px; }
article pre { color: orange; } article pre { color: orange; }
.h-card { columns: 2; }
.h-card .author { display: flex; } .h-card .author { display: flex; }
.h-card .icon { width: 36px; margin: 4px; } .h-card .icon { width: 36px; margin: 4px; }
.h-card .u-photo { width: 32px; } .h-card .u-photo { width: 32px; }
.h-card .date { text-align: right;}
.p-org a { color: darkgrey; } .p-org a { color: darkgrey; }
.h-card .date { text-align: right;}
section { padding: 1em; border: 1px solid darkgreen; background-color: #111; } section { padding: 1em; border: 1px solid darkgreen; background-color: #111; }
section img { max-width: 100%; } section img { max-width: 100%; }
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body onload="setTimestamps()"> <body onload="setTimestamps()">
<pre class='preamble'> <pre class='preamble'>
@ -195,7 +207,7 @@ func (r *HTWriter) WriteTo(w io.Writer) (int64, error) {
</div> </div>
</header> </header>
<section> <section>
%h %-h
</section> </section>
</div> </div>
</article> </article>