better on screen noting

This commit is contained in:
adam 2026-09-05 20:41:45 -04:00
parent 938112fa12
commit 81a30d6a24
4 changed files with 48 additions and 3 deletions

View File

@ -12,5 +12,5 @@ convert "$WORKING/ns1.png" -fuzz 12% -transparent "#00ff00" "$WORKING/ns2.png"
#convert ns2.png -trim "n$i.png" #convert ns2.png -trim "n$i.png"
# blender wants to scale to fit, # blender wants to scale to fit,
# and if you want a 1:1 scale image i don't know what the *fuck* it's doing with an origin point. # and if you want a 1:1 scale image i don't know what the *fuck* it's doing with an origin point.
convert "$WORKING/ns2.png" "$WORKING/note.png" convert "$WORKING/ns2.png" -trim "$WORKING/note.png"
rm "$WORKING/ns1.png" "$WORKING/ns2.png" "$SCRIPT_DIR/note.html" rm "$WORKING/ns1.png" "$WORKING/ns2.png" "$SCRIPT_DIR/note.html"

16
overlay text/overlaytext.sh Executable file
View File

@ -0,0 +1,16 @@
#!/bin/bash
SCRIPT_DIR=$( cd -- "$( dirname -- "${BASH_SOURCE[0]}" )" &> /dev/null && pwd )
WORKING=$PWD
head -n 13 "$SCRIPT_DIR/overlaytexttemplate.html" >"$SCRIPT_DIR/overlaytext.html"
echo $@ >>"$SCRIPT_DIR/overlaytext.html"
tail -n 5 "$SCRIPT_DIR/overlaytexttemplate.html" >>"$SCRIPT_DIR/overlaytext.html"
firefox -P screenshitter --headless --window-size 3840,2160 --screenshot "$WORKING/ots1.png" "file:///$SCRIPT_DIR/overlaytext.html"
convert "$WORKING/ots1.png" -fuzz 12% -transparent "#00ff00" "$WORKING/ots2.png"
#convert ns2.png -trim "n$i.png"
# blender wants to scale to fit,
# and if you want a 1:1 scale image i don't know what the *fuck* it's doing with an origin point.
convert "$WORKING/ots2.png" "$WORKING/overlaytext.png"
rm "$WORKING/ots1.png" "$WORKING/ots2.png" "$SCRIPT_DIR/overlaytext.html"

View File

@ -0,0 +1,19 @@
<html>
<head>
<link rel="stylesheet" href="../shared/style.css">
<style type="text/css">
body{
background-color: #00FF00;
}
</style>
</head>
<body>
<div style="width:3840; height:2160; margin:0; display:inline-flex;">
<div class="overlaytext">
<div class="text">
overlay loading...
</div>
</div>
</div>
</body>
</html>

View File

@ -29,7 +29,7 @@ body{
right: 0.25em; right: 0.25em;
} }
.text{ .text{
padding: 0.25em 1em 0.25em 0.25em; padding: 0.25em 0.25em 0.25em 0.25em;
} }
.credit{ .credit{
@ -46,4 +46,14 @@ body{
} }
.credit img.src{ .credit img.src{
height:1em; height:1em;
} }
.overlaytext{
font-size: 8em;
display:block;
margin: auto;
max-width: 90%;
border: 5px solid #666;
border-radius: 0.5em;
background-color: #232627;
}