From c279094e85f43c98055fdcab588aaeacf4f56de1 Mon Sep 17 00:00:00 2001 From: notkoutsie Date: Wed, 13 Dec 2023 10:54:50 +0200 Subject: [PATCH] added css styles, made a new logger and generally made everything better <3 --- noter.sh | 86 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 65 insertions(+), 21 deletions(-) diff --git a/noter.sh b/noter.sh index d6278a3..87ece8f 100755 --- a/noter.sh +++ b/noter.sh @@ -1,17 +1,22 @@ #!/bin/bash -# noter 1.2.2 - "feeds, holy shit!" - @k@layer8.space - mit +# noter 1.2.3 - "nice styles" - @k@layer8.space - mit showgenerator="true" backtotop="true" lastupdated="true" #rssfeed="true" + +# a pretty nifty little logging utility! nlog() { local ORANGE='\033[0;33m' local NO_COLOR='\033[0m' - echo -e "${ORANGE}[noter] | ${1} ${NO_COLOR}" + local calling_function=${FUNCNAME[1]} + + echo -e "${ORANGE}[noter] ${calling_function} | ${1} ${NO_COLOR}" } + if [ ! -d "notes" ]; then nlog "Error: 'notes' folder not found!" exit 1 @@ -22,6 +27,7 @@ checksetting() { # Eg: # checksetting "yourmom" "$isyourmom" if [ "$2" = true ]; then + nlog "$1 set to $2" echo "$1" >>"$output_file" fi } @@ -53,7 +59,7 @@ generate_note_html() { echo "

$(date -d "$(basename "$1" .txt)" +"%Y")

" fi echo "

$note_date

" - echo "
$(cat "$1")
" + echo "$(cat "$1")
" echo "" } @@ -78,6 +84,7 @@ generate_top_year_bar() { # im faster than Google at getting a # feed going goddamit! generate_rss_feed() { + nlog "generating rss feed" local rss_file="feed.xml" local rss_title="koutsies telenotes" local rss_description="thoughts about mainly computers... maybe recipes and cats too?" @@ -101,18 +108,18 @@ generate_rss_feed() { https://cyber.harvard.edu/rss/rss.html noter" >"$rss_file" - if [ ! -d "notes" ]; then - echo "Directory 'notes' not found!" - return 1 - fi - # this works, don't touch. for file in $(find notes -name '*.txt' -type f -print0 | sort -zr | xargs -0); do if [ -f "$file" ] && [ -s "$file" ]; then + nlog "$file" local note_date=$(date -d "$(basename "$file" .txt)" +"%a, %d %b %Y %H:%M:%S GMT") local note_link="$rss_link#$(basename "$file" .txt)" local note_title=$(basename "$file" .txt) - local note_description=$(head -n 1 "$file") # Use the first line of the note as the description + local note_description=$(head -n 1 "$file") + # Currently we use the first line of the note as the description + # This could be improved uppon by using a selector or something to grab + # the title for example from a h1 or something as (at least I) tend to + # use those when i type posts. echo " $(xml_escape "$note_title") @@ -129,9 +136,8 @@ generate_rss_feed() { nlog "rss feed generated, please remember to move it too with the site: $rss_file" } - - - +# why is this stray here, im too afraid to move it +# godspeed notecount... notecount=$(find notes -name "*.txt" ! -empty | wc -l) # Create HTML file @@ -153,21 +159,27 @@ echo " body { background-color: #0f0f0f; color: #fff; - font-family: Arial, sans-serif; + font-family: 'Arial Rounded MT', sans-serif; display: flex; align-items: center; justify-content: center; height: 100%; margin: 0; + /* font legibility optimizations */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; } .container { max-width: 800px; padding: 20px; + border-radius: 15px; } .note { background-color: #181717; padding: 10px; margin-bottom: 20px; + border-radius: 10px; } h1 { text-align: center; @@ -175,14 +187,17 @@ echo " h3 { color: #fff; } - pre { + img { + border-radius: 5px; + } + note { color: #fff; white-space: pre-wrap; } code { - color: #ff8c00; - font-family: 'Courier New', monospace; - white-space: pre-wrap; + color: #00ff62b5; + font-family: "Lucida Console", "Courier New", monospace; + white-space: pre-wrap; } .back-to-top { text-align: right; @@ -192,18 +207,46 @@ echo " text-align: right; margin-bottom: 20px; color: #888; - font-size: 12px; + font-size: 13px; } a:link, a:visited, a:hover, a:active { - color: #ff6600; + color: #ff7b00; + font-style: normal; text-decoration: underline; - font-style: italic; + } + /* le tableee */ + table { + width: 100%; + border-collapse: collapse; + border: 1px solid #fff; + border-radius: 8px; + overflow: hidden; + color: #fff; + } + + th, td { + padding: 10px 15px; + border: 1px solid #fff; + border-radius: 8px; + } + + th { + background: #1f1f1f; + text-align: left; + font-weight: bold; + } + + td { + background: #0b0b0b; } -

koutsie's telenotes


fedi | rss | sauna
" >"$output_file" +
+

koutsie's telenotes


+
fedi | rss | sauna
" >"$output_file" generate_top_year_bar >>"$output_file" + # loop for every note in notes nlog "generating page..." for file in $(ls -r notes/*.txt); do @@ -218,6 +261,7 @@ done generate_rss_feed # bottom navigation +nlog "applying settings" checksetting "
generated with noter
" "$showgenerator" checksetting "
Back to Top
" "$backtotop" checksetting "
last Updated: $(date +"%Y-%m-%d %H:%M:%S")
" "$lastupdated"