new scripts; fastfetch & hyfetch configs

Commit `dd2c26f`

xxwhirlpool · 2025-06-19 14:27:52 -0400 EDT

parent 7022f1f

new scripts; fastfetch & hyfetch configs

7 files changed, +469, -2

A config/.config/fastfetch/config.jsonc

A config/.config/hyfetch.json

A config/.local/bin/batnotif

M config/.local/bin/mark

A config/.local/bin/sys

A scripts/Scripts/gallery.sh

A scripts/Scripts/md2html.html

A config/.config/fastfetch/config.jsonc

+40, -0

...	...		@@ -0,0 +1,40 @@
	1	+	{
	2	+	"$schema": "https://github.com/fastfetch-cli/fastfetch/raw/dev/doc/json_schema.json",
	3	+	"logo": {
	4	+	"source": "lubuntu"
	5	+	},
	6	+	"display": {
	7	+	"color": "35"
	8	+	},
	9	+	"modules": [
	10	+	"title",
	11	+	"separator",
	12	+	"os",
	13	+	"host",
	14	+	"kernel",
	15	+	"uptime",
	16	+	"packages",
	17	+	"shell",
	18	+	"display",
	19	+	"de",
	20	+	"wm",
	21	+	"wmtheme",
	22	+	"theme",
	23	+	"icons",
	24	+	"font",
	25	+	"cursor",
	26	+	"terminal",
	27	+	"terminalfont",
	28	+	"cpu",
	29	+	"gpu",
	30	+	"memory",
	31	+	"swap",
	32	+	"disk",
	33	+	"localip",
	34	+	"battery",
	35	+	"poweradapter",
	36	+	"locale",
	37	+	"break",
	38	+	"colors"
	39	+	]
	40	+	}

A config/.config/hyfetch.json

+19, -0

......@@ -0,0 +1,19 @@
{
    "preset": "lesbian",
    "mode": "rgb",
    "light_dark": "dark",
    "lightness": 0.5,
    "color_align": {
        "mode": "horizontal",
        "custom_colors": [],
        "fore_back": [
            2,
            1
        ]
    },
    "backend": "fastfetch",
    "args": null,
    "distro": null,
    "pride_month_shown": [],
    "pride_month_disable": false
}

A config/.local/bin/batnotif

+14, -0

...	...		@@ -0,0 +1,14 @@
	1	+	#!/bin/bash
	2	+
	3	+	battery=$(upower -i $(upower -e \| grep 'BAT') \| awk '/percentage/ {print $NF}' \| sed 's/%//g')
	4	+	batteryint=$((battery))
	5	+
	6	+	if (( "$batteryint" < "50" )); then
	7	+	notify-send "battery is under 50%!"
	8	+	elif (( "$batteryint" < "20")); then
	9	+	notify-send "battery is under 20%!"
	10	+	elif (( "$batteryint" < "10")); then
	11	+	notify-send "battery is under 10%!!! charge ur laptop!!!!"
	12	+	elif (( "$batteryint" < "5")); then
	13	+	notify-send "battery is under 5%!!!!! CHARGE LAPTOP!!!!!!!!!"
	14	+	fi

M config/.local/bin/mark

+1, -2

...	...		@@ -21,8 +21,7 @@ mark_create() {
21	21		# search bookmarks
22	22		mark_search() {
23	23		choice="$(cat $MARK_FILE \| fzf)"
24		-	printf "$choice" \| xclip -sel clip
25		-	echo "$choice"
	24	+	printf '%s' "$choice" \| tee >(xclip -sel clip)
26	25		}
27	26
28	27		# clear bookmark file

A config/.local/bin/sys

+11, -0

...	...		@@ -0,0 +1,11 @@
	1	+	#!/usr/bin/env bash
	2	+	#
	3	+	# https://github.com/BreadOnPenguins/scripts/blob/master/dmenu_sys
	4	+
	5	+	case "$(printf "kill\nzzz\nreboot\nshutdown" \| dmenu -i -c -l 4)" in
	6	+	kill) ps -u $USER -o pid,comm,%cpu,%mem \| dmenu -i -c -l 10 -p Kill: \| awk '{print $1}' \| xargs -r kill ;;
	7	+	zzz) systemctl suspend -i ;;
	8	+	reboot) systemctl reboot -i ;;
	9	+	shutdown) shutdown now ;;
	10	+	*) exit 1 ;;
	11	+	esac

A scripts/Scripts/gallery.sh

+297, -0

......@@ -0,0 +1,297 @@
#!/bin/bash

# gallery.sh
# Author: Nils Knieling - https://github.com/Cyclenerd/gallery_shell
# Inspired by: Shapor Naghibzadeh - https://github.com/shapor/bashgal
#
#
#
# modified by kat @ girlonthemoon.xyz for personal use
#
#
#

#########################################################################################
#### Configuration Section
#########################################################################################

MY_HEIGHT_SMALL=400
MY_HEIGHT_LARGE=800
MY_QUALITY=100
MY_THUMBDIR="__thumbs"
MY_INDEX_HTML_FILE="index.html"
MY_TITLE=$(gum input --placeholder "title of document and header")
MY_FOOTER='created with <a href="https://github.com/Cyclenerd/gallery_shell">gallery.sh</a>'

# Use convert from ImageMagick
MY_CONVERT_COMMAND="convert" 
# Use JHead for EXIF Information
MY_EXIF_COMMAND="jhead"

MY_CSS="https://stash.4-walls.net/gallery/assets/md2html.css"

# Debugging output
# true=enable, false=disable 
MY_DEBUG=true

#########################################################################################
#### End Configuration Section
#########################################################################################


MY_SCRIPT_NAME=$(basename "$0")
MY_DATETIME=$(date -u "+%Y-%m-%d %H:%M:%S")
MY_DATETIME+=" UTC"

function usage {
	MY_RETURN_CODE="$1"
	echo -e "Usage: $MY_SCRIPT_NAME [-t <title>] [-d <thumbdir>] [-h]:
	[-t <title>]\\t sets the title (default: $MY_TITLE)
	[-d <thumbdir>]\\t sets the thumbdir (default: $MY_THUMBDIR)
	[-h]\\t\\t displays help (this message)"
	exit "$MY_RETURN_CODE"
}

function debugOutput(){
	if [[ "$MY_DEBUG" == true ]]; then
		echo "$1" # if debug variable is true, echo whatever's passed to the function
	fi
}

function getFileSize(){
	# Be aware that BSD stat doesn't support --version and -c
	if stat --version &>/dev/null; then
		# GNU
		MY_FILE_SIZE=$(stat -c %s "$1" | awk '{$1/=1000000;printf "%.2fMB\n",$1}')
	else
		# BSD
		MY_FILE_SIZE=$(stat -f %z "$1" | awk '{$1/=1000000;printf "%.2fMB\n",$1}')
	fi
	echo "$MY_FILE_SIZE"
}

while getopts ":t:d:h" opt; do
	case $opt in
	t)
		MY_TITLE="$OPTARG"
		;;
	d)
		MY_THUMBDIR="$OPTARG"
		;;
	h)
		usage 0
		;;
	*)
		echo "Invalid option: -$OPTARG"
		usage 1
		;;
	esac
done

debugOutput "- $MY_SCRIPT_NAME : $MY_DATETIME"

### Check Commands
command -v $MY_CONVERT_COMMAND >/dev/null 2>&1 || { echo >&2 "!!! $MY_CONVERT_COMMAND it's not installed.  Aborting."; exit 1; }
command -v $MY_EXIF_COMMAND >/dev/null 2>&1 || { echo >&2 "!!! $MY_EXIF_COMMAND it's not installed.  Aborting."; exit 1; }

### Create Folders
[[ -d "$MY_THUMBDIR" ]] || mkdir "$MY_THUMBDIR" || exit 2

MY_HEIGHTS[0]=$MY_HEIGHT_SMALL
MY_HEIGHTS[1]=$MY_HEIGHT_LARGE
for MY_RES in "${MY_HEIGHTS[@]}"; do
	[[ -d "$MY_THUMBDIR/$MY_RES" ]] || mkdir -p "$MY_THUMBDIR/$MY_RES" || exit 3
done

#### Create Startpage
debugOutput "$MY_INDEX_HTML_FILE"
cat > "$MY_INDEX_HTML_FILE" << EOF
<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>$MY_TITLE</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
	<meta name="robots" content="noindex, nofollow">
	<link rel="stylesheet" href="$MY_CSS">
</head>
<body>
<header>
	<h1 class="title">$MY_TITLE</h1>
</header>
<main>
EOF

### Photos (JPG)
if [[ $(find . -maxdepth 1 -type f -iname \*.jpg | wc -l) -gt 0 ]]; then

MY_ROWS='3'
echo '<div class="row row-cols-sm-1 row-cols-md-'"$((MY_ROWS-2))"' row-cols-lg-'"$((MY_ROWS-1))"' row-cols-xl-'"$MY_ROWS"' py-5">' >> "$MY_INDEX_HTML_FILE"
## Generate Images
MY_NUM_FILES=0
for MY_FILENAME in *.[jJ][pP][gG]; do
	MY_FILELIST[$MY_NUM_FILES]=$MY_FILENAME
	(( MY_NUM_FILES++ ))
	for MY_RES in "${MY_HEIGHTS[@]}"; do
		if [[ ! -s $MY_THUMBDIR/$MY_RES/$MY_FILENAME ]]; then
			debugOutput "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
			$MY_CONVERT_COMMAND -auto-orient -strip -quality $MY_QUALITY -resize x$MY_RES "$MY_FILENAME" "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
		fi
	done
	cat >> "$MY_INDEX_HTML_FILE" << EOF
<div class="col">
	<p>
		<a href="$MY_THUMBDIR/$MY_FILENAME.html"><img src="$MY_THUMBDIR/$MY_HEIGHT_SMALL/$MY_FILENAME" alt="Thumbnail: $MY_FILENAME" class="rounded mx-auto d-block" height="$((MY_HEIGHT_SMALL/2))"></a>
	</p>
</div>
EOF
done
echo '</div>' >> "$MY_INDEX_HTML_FILE"

## Generate the HTML Files for Images in thumbdir
MY_FILE=0
while [[ $MY_FILE -lt $MY_NUM_FILES ]]; do
	MY_FILENAME=${MY_FILELIST[$MY_FILE]}
	MY_PREV=""
	MY_NEXT=""
	[[ $MY_FILE -ne 0 ]] && MY_PREV=${MY_FILELIST[$((MY_FILE - 1))]}
	[[ $MY_FILE -ne $((MY_NUM_FILES - 1)) ]] && MY_NEXT=${MY_FILELIST[$((MY_FILE + 1))]}
	MY_IMAGE_HTML_FILE="$MY_THUMBDIR/$MY_FILENAME.html"
	MY_EXIF_INFO=$($MY_EXIF_COMMAND "$MY_FILENAME")
	MY_FILESIZE=$(getFileSize "$MY_FILENAME")
	debugOutput "$MY_IMAGE_HTML_FILE"
	cat > "$MY_IMAGE_HTML_FILE" << EOF
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>$MY_FILENAME</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="$MY_CSS">
</head>
<body>
<header>
	<h1 class="title">$MY_TITLE</h1>
</header>
<main>
EOF

	# Pager
	echo '<div class="navigation-btns">' >> "$MY_IMAGE_HTML_FILE"
	if [[ $MY_PREV ]]; then
		echo '<a href="'"$MY_PREV"'.html" accesskey="p" title="⌨️ PC: [Alt]+[Shift]+[P] / MAC: [Control]+[Option]+[P]" class="btn btn-secondary " role="button">&laquo; previous</a>' >> "$MY_IMAGE_HTML_FILE"
	else
		echo '<a href="#" class="btn btn-secondary  disabled" role="button" aria-disabled="true">&laquo; previous</a>' >> "$MY_IMAGE_HTML_FILE"
	fi
	cat >> "$MY_IMAGE_HTML_FILE" << EOF
</div>
<header>
	<h3 class="title">$MY_FILENAME</h3>
</header>
EOF
	if [[ $MY_NEXT ]]; then
		echo '<a href="'"$MY_NEXT"'.html" accesskey="n" title="⌨️ PC: [Alt]+[Shift]+[N] / MAC: [Control]+[Option]+[N]" class="btn btn-secondary ">Next &raquo;</a>' >> "$MY_IMAGE_HTML_FILE"
	else
		echo '<a href="#" class="btn btn-secondary  disabled" role="button" aria-disabled="true">Next &raquo;</a>' >> "$MY_IMAGE_HTML_FILE"
	fi
	echo '</div></div>' >> "$MY_IMAGE_HTML_FILE"

	cat >> "$MY_IMAGE_HTML_FILE" << EOF
<div class="row">
	<div class="col">
		<p><img src="$MY_HEIGHT_LARGE/$MY_FILENAME" class="img-fluid" alt="image: $MY_FILENAME"></p>
	</div>
</div>
<p><a class="btn btn-primary" href="../$MY_FILENAME">download original ($MY_FILESIZE)</a></p>
EOF

	# EXIF
	if [[ $MY_EXIF_INFO ]]; then
		cat >> "$MY_IMAGE_HTML_FILE" << EOF
<div class="row">
<pre class="exif-info">
$MY_EXIF_INFO
</pre>
EOF
	fi

	# Footer
	cat >> "$MY_IMAGE_HTML_FILE" << EOF
</main> <!-- // main container -->
<br>
<footer class="footer-gallery">
	<span>$MY_FOOTER - $MY_DATETIME</span>
</footer>
</body>
</html>
EOF
	(( MY_FILE++ ))
done

fi
# 
# ### Movies (MOV or MP4)
# if [[ $(find . -maxdepth 1 -type f -iname \*.mov  -o -iname '*.mp4' | wc -l) -gt 0 ]]; then
# 	cat >> "$MY_INDEX_HTML_FILE" << EOF
# 	<div class="row">
# 		<div class="col">
# 			<div class="page-header"><h2>Movies</h2></div>
# 		</div>
# 	</div>
# 	<div class="row">
# 	<div class="col">
# EOF
# 	if [[ $(find . -maxdepth 1 -type f -iname \*.mov | wc -l) -gt 0 ]]; then
# 	for MY_FILENAME in *.[mM][oO][vV]; do
# 		MY_FILESIZE=$(getFileSize "$MY_FILENAME")
# 		cat >> "$MY_INDEX_HTML_FILE" << EOF
# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
# EOF
# 	done
# 	fi
# 	if [[ $(find . -maxdepth 1 -type f -iname \*.mp4 | wc -l) -gt 0 ]]; then
# 	for MY_FILENAME in *.[mM][pP]4; do
# 		MY_FILESIZE=$(getFileSize "$MY_FILENAME")
# 		cat >> "$MY_INDEX_HTML_FILE" << EOF
# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
# EOF
# 	done
# 	fi
# 	echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
# fi
# 
# ### Downloads (ZIP)
# if [[ $(find . -maxdepth 1 -type f -iname \*.zip | wc -l) -gt 0 ]]; then
# 	cat >> "$MY_INDEX_HTML_FILE" << EOF
# 	<div class="row">
# 		<div class="col">
# 			<div class="page-header"><h2>Downloads</h2></div>
# 		</div>
# 	</div>
# 	<div class="row">
# 	<div class="col">
# EOF
# 	for MY_FILENAME in *.[zZ][iI][pP]; do
# 		MY_FILESIZE=$(getFileSize "$MY_FILENAME")
# 		cat >> "$MY_INDEX_HTML_FILE" << EOF
# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
# EOF
# 	done
# 	echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
# fi
# 
# ### Footer
# cat >> "$MY_INDEX_HTML_FILE" << EOF
# </main> <!-- // main container -->
# <br>
# <footer class="footer mt-auto py-3 bg-light">
# 	<div class="container">
# 		<span class="text-muted">$MY_FOOTER - $MY_DATETIME</span>
# 	</div>
# </footer>
# </body>
# </html>
# EOF

debugOutput "= done"

A scripts/Scripts/md2html.html

+87, -0

......@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="generator" content="pandoc" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
$for(author-meta)$
  <meta name="author" content="$author-meta$" />
$endfor$
$if(date-meta)$
  <meta name="dcterms.date" content="$date-meta$" />
$endif$
$if(keywords)$
  <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
$endif$
$if(description-meta)$
  <meta name="description" content="$description-meta$" />
$endif$
  <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
  
  <link rel="stylesheet" href="https://unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css">
  
  <link rel="stylesheet" href="../md2html.css">
  
  <script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
  
  <script>
  document.getElementById("sourceCode").classList.add("language ");
  </script>
  
$for(header-includes)$
  $header-includes$
$endfor$
$if(math)$
  $math$
$endif$
</head>
<body>
<script>hljs.highlightAll();</script>
$for(include-before)$
$include-before$
$endfor$
$if(title)$
<header id="title-block-header">
<h1 class="title">$title$</h1>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$
<p>
$if(date)$
published <span class="date">$date$</span>
$endif$
</p>
<p>
$if(lastmodified)$
last edited <span class="date">$lastmodified$</span>
$endif$
</p>
<p>
$for(author)$
by <a href="https://girlonthemoon.xyz/"><span class="author">$author$</span></a>
$endfor$
</p>
$if(abstract)$
<div class="abstract">
<div class="abstract-title">$abstract-title$</div>
$abstract$
</div>
$endif$
</header>
$endif$
$if(toc)$
<nav id="$idprefix$TOC" role="doc-toc">
$if(toc-title)$
<h2 id="$idprefix$toc-title">$toc-title$</h2>
$endif$
$table-of-contents$
</nav>
$endif$
<article>
$body$
$for(include-after)$
$include-after$
$endfor$
</article>
</body>
</html>

...	...		@@ -0,0 +1,19 @@
	1	+	{
	2	+	"preset": "lesbian",
	3	+	"mode": "rgb",
	4	+	"light_dark": "dark",
	5	+	"lightness": 0.5,
	6	+	"color_align": {
	7	+	"mode": "horizontal",
	8	+	"custom_colors": [],
	9	+	"fore_back": [
	10	+	2,
	11	+	1
	12	+	]
	13	+	},
	14	+	"backend": "fastfetch",
	15	+	"args": null,
	16	+	"distro": null,
	17	+	"pride_month_shown": [],
	18	+	"pride_month_disable": false
	19	+	}

...	...		@@ -0,0 +1,297 @@
	1	+	#!/bin/bash
	2	+
	3	+	# gallery.sh
	4	+	# Author: Nils Knieling - https://github.com/Cyclenerd/gallery_shell
	5	+	# Inspired by: Shapor Naghibzadeh - https://github.com/shapor/bashgal
	6	+	#
	7	+	#
	8	+	#
	9	+	# modified by kat @ girlonthemoon.xyz for personal use
	10	+	#
	11	+	#
	12	+	#
	13	+
	14	+	#########################################################################################
	15	+	#### Configuration Section
	16	+	#########################################################################################
	17	+
	18	+	MY_HEIGHT_SMALL=400
	19	+	MY_HEIGHT_LARGE=800
	20	+	MY_QUALITY=100
	21	+	MY_THUMBDIR="__thumbs"
	22	+	MY_INDEX_HTML_FILE="index.html"
	23	+	MY_TITLE=$(gum input --placeholder "title of document and header")
	24	+	MY_FOOTER='created with <a href="https://github.com/Cyclenerd/gallery_shell">gallery.sh</a>'
	25	+
	26	+	# Use convert from ImageMagick
	27	+	MY_CONVERT_COMMAND="convert"
	28	+	# Use JHead for EXIF Information
	29	+	MY_EXIF_COMMAND="jhead"
	30	+
	31	+	MY_CSS="https://stash.4-walls.net/gallery/assets/md2html.css"
	32	+
	33	+	# Debugging output
	34	+	# true=enable, false=disable
	35	+	MY_DEBUG=true
	36	+
	37	+	#########################################################################################
	38	+	#### End Configuration Section
	39	+	#########################################################################################
	40	+
	41	+
	42	+	MY_SCRIPT_NAME=$(basename "$0")
	43	+	MY_DATETIME=$(date -u "+%Y-%m-%d %H:%M:%S")
	44	+	MY_DATETIME+=" UTC"
	45	+
	46	+	function usage {
	47	+	MY_RETURN_CODE="$1"
	48	+	echo -e "Usage: $MY_SCRIPT_NAME [-t <title>] [-d <thumbdir>] [-h]:
	49	+	[-t <title>]\\t sets the title (default: $MY_TITLE)
	50	+	[-d <thumbdir>]\\t sets the thumbdir (default: $MY_THUMBDIR)
	51	+	[-h]\\t\\t displays help (this message)"
	52	+	exit "$MY_RETURN_CODE"
	53	+	}
	54	+
	55	+	function debugOutput(){
	56	+	if [[ "$MY_DEBUG" == true ]]; then
	57	+	echo "$1" # if debug variable is true, echo whatever's passed to the function
	58	+	fi
	59	+	}
	60	+
	61	+	function getFileSize(){
	62	+	# Be aware that BSD stat doesn't support --version and -c
	63	+	if stat --version &>/dev/null; then
	64	+	# GNU
	65	+	MY_FILE_SIZE=$(stat -c %s "$1" \| awk '{$1/=1000000;printf "%.2fMB\n",$1}')
	66	+	else
	67	+	# BSD
	68	+	MY_FILE_SIZE=$(stat -f %z "$1" \| awk '{$1/=1000000;printf "%.2fMB\n",$1}')
	69	+	fi
	70	+	echo "$MY_FILE_SIZE"
	71	+	}
	72	+
	73	+	while getopts ":t:d:h" opt; do
	74	+	case $opt in
	75	+	t)
	76	+	MY_TITLE="$OPTARG"
	77	+	;;
	78	+	d)
	79	+	MY_THUMBDIR="$OPTARG"
	80	+	;;
	81	+	h)
	82	+	usage 0
	83	+	;;
	84	+	*)
	85	+	echo "Invalid option: -$OPTARG"
	86	+	usage 1
	87	+	;;
	88	+	esac
	89	+	done
	90	+
	91	+	debugOutput "- $MY_SCRIPT_NAME : $MY_DATETIME"
	92	+
	93	+	### Check Commands
	94	+	command -v $MY_CONVERT_COMMAND >/dev/null 2>&1 \|\| { echo >&2 "!!! $MY_CONVERT_COMMAND it's not installed. Aborting."; exit 1; }
	95	+	command -v $MY_EXIF_COMMAND >/dev/null 2>&1 \|\| { echo >&2 "!!! $MY_EXIF_COMMAND it's not installed. Aborting."; exit 1; }
	96	+
	97	+	### Create Folders
	98	+	[[ -d "$MY_THUMBDIR" ]] \|\| mkdir "$MY_THUMBDIR" \|\| exit 2
	99	+
	100	+	MY_HEIGHTS[0]=$MY_HEIGHT_SMALL
	101	+	MY_HEIGHTS[1]=$MY_HEIGHT_LARGE
	102	+	for MY_RES in "${MY_HEIGHTS[@]}"; do
	103	+	[[ -d "$MY_THUMBDIR/$MY_RES" ]] \|\| mkdir -p "$MY_THUMBDIR/$MY_RES" \|\| exit 3
	104	+	done
	105	+
	106	+	#### Create Startpage
	107	+	debugOutput "$MY_INDEX_HTML_FILE"
	108	+	cat > "$MY_INDEX_HTML_FILE" << EOF
	109	+	<!DOCTYPE HTML>
	110	+	<html lang="en">
	111	+	<head>
	112	+	<meta charset="utf-8">
	113	+	<title>$MY_TITLE</title>
	114	+	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
	115	+	<meta name="robots" content="noindex, nofollow">
	116	+	<link rel="stylesheet" href="$MY_CSS">
	117	+	</head>
	118	+	<body>
	119	+	<header>
	120	+	<h1 class="title">$MY_TITLE</h1>
	121	+	</header>
	122	+	<main>
	123	+	EOF
	124	+
	125	+	### Photos (JPG)
	126	+	if [[ $(find . -maxdepth 1 -type f -iname \*.jpg \| wc -l) -gt 0 ]]; then
	127	+
	128	+	MY_ROWS='3'
	129	+	echo '<div class="row row-cols-sm-1 row-cols-md-'"$((MY_ROWS-2))"' row-cols-lg-'"$((MY_ROWS-1))"' row-cols-xl-'"$MY_ROWS"' py-5">' >> "$MY_INDEX_HTML_FILE"
	130	+	## Generate Images
	131	+	MY_NUM_FILES=0
	132	+	for MY_FILENAME in *.[jJ][pP][gG]; do
	133	+	MY_FILELIST[$MY_NUM_FILES]=$MY_FILENAME
	134	+	(( MY_NUM_FILES++ ))
	135	+	for MY_RES in "${MY_HEIGHTS[@]}"; do
	136	+	if [[ ! -s $MY_THUMBDIR/$MY_RES/$MY_FILENAME ]]; then
	137	+	debugOutput "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
	138	+	$MY_CONVERT_COMMAND -auto-orient -strip -quality $MY_QUALITY -resize x$MY_RES "$MY_FILENAME" "$MY_THUMBDIR/$MY_RES/$MY_FILENAME"
	139	+	fi
	140	+	done
	141	+	cat >> "$MY_INDEX_HTML_FILE" << EOF
	142	+	<div class="col">
	143	+	<p>
	144	+	<a href="$MY_THUMBDIR/$MY_FILENAME.html"><img src="$MY_THUMBDIR/$MY_HEIGHT_SMALL/$MY_FILENAME" alt="Thumbnail: $MY_FILENAME" class="rounded mx-auto d-block" height="$((MY_HEIGHT_SMALL/2))"></a>
	145	+	</p>
	146	+	</div>
	147	+	EOF
	148	+	done
	149	+	echo '</div>' >> "$MY_INDEX_HTML_FILE"
	150	+
	151	+	## Generate the HTML Files for Images in thumbdir
	152	+	MY_FILE=0
	153	+	while [[ $MY_FILE -lt $MY_NUM_FILES ]]; do
	154	+	MY_FILENAME=${MY_FILELIST[$MY_FILE]}
	155	+	MY_PREV=""
	156	+	MY_NEXT=""
	157	+	[[ $MY_FILE -ne 0 ]] && MY_PREV=${MY_FILELIST[$((MY_FILE - 1))]}
	158	+	[[ $MY_FILE -ne $((MY_NUM_FILES - 1)) ]] && MY_NEXT=${MY_FILELIST[$((MY_FILE + 1))]}
	159	+	MY_IMAGE_HTML_FILE="$MY_THUMBDIR/$MY_FILENAME.html"
	160	+	MY_EXIF_INFO=$($MY_EXIF_COMMAND "$MY_FILENAME")
	161	+	MY_FILESIZE=$(getFileSize "$MY_FILENAME")
	162	+	debugOutput "$MY_IMAGE_HTML_FILE"
	163	+	cat > "$MY_IMAGE_HTML_FILE" << EOF
	164	+	<!DOCTYPE HTML>
	165	+	<html lang="en">
	166	+	<head>
	167	+	<meta charset="utf-8">
	168	+	<title>$MY_FILENAME</title>
	169	+	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
	170	+	<meta name="robots" content="noindex, nofollow">
	171	+	<link rel="stylesheet" href="$MY_CSS">
	172	+	</head>
	173	+	<body>
	174	+	<header>
	175	+	<h1 class="title">$MY_TITLE</h1>
	176	+	</header>
	177	+	<main>
	178	+	EOF
	179	+
	180	+	# Pager
	181	+	echo '<div class="navigation-btns">' >> "$MY_IMAGE_HTML_FILE"
	182	+	if [[ $MY_PREV ]]; then
	183	+	echo '<a href="'"$MY_PREV"'.html" accesskey="p" title="⌨️ PC: [Alt]+[Shift]+[P] / MAC: [Control]+[Option]+[P]" class="btn btn-secondary " role="button">« previous</a>' >> "$MY_IMAGE_HTML_FILE"
	184	+	else
	185	+	echo '<a href="#" class="btn btn-secondary disabled" role="button" aria-disabled="true">« previous</a>' >> "$MY_IMAGE_HTML_FILE"
	186	+	fi
	187	+	cat >> "$MY_IMAGE_HTML_FILE" << EOF
	188	+	</div>
	189	+	<header>
	190	+	<h3 class="title">$MY_FILENAME</h3>
	191	+	</header>
	192	+	EOF
	193	+	if [[ $MY_NEXT ]]; then
	194	+	echo '<a href="'"$MY_NEXT"'.html" accesskey="n" title="⌨️ PC: [Alt]+[Shift]+[N] / MAC: [Control]+[Option]+[N]" class="btn btn-secondary ">Next »</a>' >> "$MY_IMAGE_HTML_FILE"
	195	+	else
	196	+	echo '<a href="#" class="btn btn-secondary disabled" role="button" aria-disabled="true">Next »</a>' >> "$MY_IMAGE_HTML_FILE"
	197	+	fi
	198	+	echo '</div></div>' >> "$MY_IMAGE_HTML_FILE"
	199	+
	200	+	cat >> "$MY_IMAGE_HTML_FILE" << EOF
	201	+	<div class="row">
	202	+	<div class="col">
	203	+	<p><img src="$MY_HEIGHT_LARGE/$MY_FILENAME" class="img-fluid" alt="image: $MY_FILENAME"></p>
	204	+	</div>
	205	+	</div>
	206	+	<p><a class="btn btn-primary" href="../$MY_FILENAME">download original ($MY_FILESIZE)</a></p>
	207	+	EOF
	208	+
	209	+	# EXIF
	210	+	if [[ $MY_EXIF_INFO ]]; then
	211	+	cat >> "$MY_IMAGE_HTML_FILE" << EOF
	212	+	<div class="row">
	213	+	<pre class="exif-info">
	214	+	$MY_EXIF_INFO
	215	+	</pre>
	216	+	EOF
	217	+	fi
	218	+
	219	+	# Footer
	220	+	cat >> "$MY_IMAGE_HTML_FILE" << EOF
	221	+	</main> <!-- // main container -->
	222	+	<br>
	223	+	<footer class="footer-gallery">
	224	+	<span>$MY_FOOTER - $MY_DATETIME</span>
	225	+	</footer>
	226	+	</body>
	227	+	</html>
	228	+	EOF
	229	+	(( MY_FILE++ ))
	230	+	done
	231	+
	232	+	fi
	233	+	#
	234	+	# ### Movies (MOV or MP4)
	235	+	# if [[ $(find . -maxdepth 1 -type f -iname \.mov -o -iname '.mp4' \| wc -l) -gt 0 ]]; then
	236	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	237	+	# <div class="row">
	238	+	# <div class="col">
	239	+	# <div class="page-header"><h2>Movies</h2></div>
	240	+	# </div>
	241	+	# </div>
	242	+	# <div class="row">
	243	+	# <div class="col">
	244	+	# EOF
	245	+	# if [[ $(find . -maxdepth 1 -type f -iname \*.mov \| wc -l) -gt 0 ]]; then
	246	+	# for MY_FILENAME in *.[mM][oO][vV]; do
	247	+	# MY_FILESIZE=$(getFileSize "$MY_FILENAME")
	248	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	249	+	# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
	250	+	# EOF
	251	+	# done
	252	+	# fi
	253	+	# if [[ $(find . -maxdepth 1 -type f -iname \*.mp4 \| wc -l) -gt 0 ]]; then
	254	+	# for MY_FILENAME in *.[mM][pP]4; do
	255	+	# MY_FILESIZE=$(getFileSize "$MY_FILENAME")
	256	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	257	+	# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
	258	+	# EOF
	259	+	# done
	260	+	# fi
	261	+	# echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
	262	+	# fi
	263	+	#
	264	+	# ### Downloads (ZIP)
	265	+	# if [[ $(find . -maxdepth 1 -type f -iname \*.zip \| wc -l) -gt 0 ]]; then
	266	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	267	+	# <div class="row">
	268	+	# <div class="col">
	269	+	# <div class="page-header"><h2>Downloads</h2></div>
	270	+	# </div>
	271	+	# </div>
	272	+	# <div class="row">
	273	+	# <div class="col">
	274	+	# EOF
	275	+	# for MY_FILENAME in *.[zZ][iI][pP]; do
	276	+	# MY_FILESIZE=$(getFileSize "$MY_FILENAME")
	277	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	278	+	# <a href="$MY_FILENAME" class="btn btn-primary" role="button">$MY_FILENAME ($MY_FILESIZE)</a>
	279	+	# EOF
	280	+	# done
	281	+	# echo '</div></div>' >> "$MY_INDEX_HTML_FILE"
	282	+	# fi
	283	+	#
	284	+	# ### Footer
	285	+	# cat >> "$MY_INDEX_HTML_FILE" << EOF
	286	+	# </main> <!-- // main container -->
	287	+	# <br>
	288	+	# <footer class="footer mt-auto py-3 bg-light">
	289	+	# <div class="container">
	290	+	# <span class="text-muted">$MY_FOOTER - $MY_DATETIME</span>
	291	+	# </div>
	292	+	# </footer>
	293	+	# </body>
	294	+	# </html>
	295	+	# EOF
	296	+
	297	+	debugOutput "= done"

...	...		@@ -0,0 +1,87 @@
	1	+	<!DOCTYPE html>
	2	+	<html lang="en">
	3	+	<head>
	4	+	<meta charset="utf-8" />
	5	+	<meta name="generator" content="pandoc" />
	6	+	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
	7	+	$for(author-meta)$
	8	+	<meta name="author" content="$author-meta$" />
	9	+	$endfor$
	10	+	$if(date-meta)$
	11	+	<meta name="dcterms.date" content="$date-meta$" />
	12	+	$endif$
	13	+	$if(keywords)$
	14	+	<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
	15	+	$endif$
	16	+	$if(description-meta)$
	17	+	<meta name="description" content="$description-meta$" />
	18	+	$endif$
	19	+	<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
	20	+
	21	+	<link rel="stylesheet" href="https://unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css">
	22	+
	23	+	<link rel="stylesheet" href="../md2html.css">
	24	+
	25	+	<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
	26	+
	27	+	<script>
	28	+	document.getElementById("sourceCode").classList.add("language ");
	29	+	</script>
	30	+
	31	+	$for(header-includes)$
	32	+	$header-includes$
	33	+	$endfor$
	34	+	$if(math)$
	35	+	$math$
	36	+	$endif$
	37	+	</head>
	38	+	<body>
	39	+	<script>hljs.highlightAll();</script>
	40	+	$for(include-before)$
	41	+	$include-before$
	42	+	$endfor$
	43	+	$if(title)$
	44	+	<header id="title-block-header">
	45	+	<h1 class="title">$title$</h1>
	46	+	$if(subtitle)$
	47	+	<p class="subtitle">$subtitle$</p>
	48	+	$endif$
	49	+	<p>
	50	+	$if(date)$
	51	+	published <span class="date">$date$</span>
	52	+	$endif$
	53	+	</p>
	54	+	<p>
	55	+	$if(lastmodified)$
	56	+	last edited <span class="date">$lastmodified$</span>
	57	+	$endif$
	58	+	</p>
	59	+	<p>
	60	+	$for(author)$
	61	+	by <a href="https://girlonthemoon.xyz/"><span class="author">$author$</span></a>
	62	+	$endfor$
	63	+	</p>
	64	+	$if(abstract)$
	65	+	<div class="abstract">
	66	+	<div class="abstract-title">$abstract-title$</div>
	67	+	$abstract$
	68	+	</div>
	69	+	$endif$
	70	+	</header>
	71	+	$endif$
	72	+	$if(toc)$
	73	+	<nav id="$idprefix$TOC" role="doc-toc">
	74	+	$if(toc-title)$
	75	+	<h2 id="$idprefix$toc-title">$toc-title$</h2>
	76	+	$endif$
	77	+	$table-of-contents$
	78	+	</nav>
	79	+	$endif$
	80	+	<article>
	81	+	$body$
	82	+	$for(include-after)$
	83	+	$include-after$
	84	+	$endfor$
	85	+	</article>
	86	+	</body>
	87	+	</html>

Commit dd2c26f

Commit `dd2c26f`