vilmibm/trunkless
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling WIP

Browse Source
This commit is contained in:
nate smith 2024-02-19 01:31:53 -08:00
parent 4139a8f3a5
commit 895d93c1c1
4 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/cutive.ttf Normal file
View File

Binary file not shown.

3
assets/main.js
View File

@ -157,6 +157,9 @@ class LineAdder extends Button {
} }
class PoemRegenner extends Button { class PoemRegenner extends Button {
connectedCallback() {
this.setAttribute("title", "regenerate unpinnned lines");
}
click() { click() {
$("div[is=poem-lines]").regenerate(); $("div[is=poem-lines]").regenerate();
} }

1
main.go
View File

@ -46,6 +46,7 @@ func main() {
"upper": strings.ToUpper, "upper": strings.ToUpper,
}) })
r.LoadHTMLFiles("templates/index.tmpl") r.LoadHTMLFiles("templates/index.tmpl")
r.StaticFile("/cutive.ttf", "./assets/cutive.ttf")
r.StaticFile("/favicon.ico", "./assets/favicon.ico") r.StaticFile("/favicon.ico", "./assets/favicon.ico")
r.StaticFile("/main.js", "./assets/main.js") r.StaticFile("/main.js", "./assets/main.js")

16
templates/index.tmpl
View File

@ -3,6 +3,20 @@
<head> <head>
<title>Trunkless</title> <title>Trunkless</title>
<style> <style>
@font-face {
font-family: "cutive";
src: url("/cutive.ttf");
}
body {
font-family: "cutive", monospace;
font-size:125%;
}
a {
color: black;
}
div.line:not(.unpinned) > .linetext { div.line:not(.unpinned) > .linetext {
font-weight: bold; font-weight: bold;
} }
@ -39,7 +53,7 @@ div.line:not(.unpinned) > .linetext {
<button>save as image</button> <button>save as image</button>
</p> </p>
<div style="margin-bottom: 5px"> <div style="margin-bottom: 5px">
<button is="poem-regenner">regenerate unpinned lines</button> <button is="poem-regenner">↺</button>
</div> </div>
<div is="poem-lines"></div> <div is="poem-lines"></div>
<div> <div>