mirror of
https://github.com/AngelJumbo/gruvbox-wallpapers.git
synced 2026-08-05 13:42:28 +00:00
Angel Jumbo
93 lines
3.2 KiB
Bash
Executable File
93 lines
3.2 KiB
Bash
Executable File
#!/bin/sh
|
|
|
|
touch ./index.html
|
|
|
|
echo "<!DOCTYPE html>
|
|
<html lang=\"en\">
|
|
|
|
<head>
|
|
<meta charset=\"utf-8\">
|
|
<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">
|
|
<title>Gruvbox wallpapers</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Wallpapers for gruvbox</h1>" > ./index.html
|
|
|
|
color=1
|
|
for subdir in ./wallpapers/*
|
|
do
|
|
|
|
echo "<h2 id=s"$color">" >> ./index.html
|
|
echo "${subdir##*/}" | tr a-z A-Z >> ./index.html
|
|
echo "</h2>" >> ./index.html
|
|
|
|
echo "<div id=c>" >> ./index.html
|
|
|
|
count=1;
|
|
for wallpaper in ${subdir}/*
|
|
do
|
|
if [ "$count" -lt 11 ]; then #limit the amount of images per section in index
|
|
echo " <a target=\"_blank\" href=\"$wallpaper\">
|
|
<img loading=\"lazy\" src=\"$wallpaper\" alt="$wallpaper" width=\"200\"></a>" >> ./index.html
|
|
count=$((count+1))
|
|
else #if the limit is exceeded then create a new html with all the images of the section
|
|
# TODO: make this part cleaner, this is really ugly.
|
|
subhtml="${subdir##*/}.html"
|
|
nimgs=$(ls "${subdir}" | wc -l)
|
|
echo " <a target=\"_blank\" class = \"showmore\" href=\"${subhtml}\">
|
|
<div class = \"showmore\">show all ${nimgs} ${subdir##*/} wallpapers </div></a>" >> ./index.html
|
|
touch "${subhtml}"
|
|
|
|
echo "<!DOCTYPE html>
|
|
<html lang=\"en\">
|
|
|
|
<head>
|
|
<meta charset=\"utf-8\">
|
|
<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">
|
|
<title>Gruvbox wallpapers</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Wallpapers for gruvbox</h1>" > "${subhtml}"
|
|
|
|
echo "<h2 id=s"$color">" >> "${subhtml}"
|
|
echo "${subdir##*/}" | tr a-z A-Z >> "${subhtml}"
|
|
echo "</h2>" >> "${subhtml}"
|
|
|
|
echo "<div id=c>" >> "${subhtml}"
|
|
|
|
for wallpaper2 in ${subdir}/*
|
|
do
|
|
echo " <a target=\"_blank\" href=\"$wallpaper2\">
|
|
<img loading=\"lazy\" src=\"$wallpaper2\" alt="$wallpaper2" width=\"200\"></a>" >> "${subhtml}"
|
|
done
|
|
|
|
echo "</div>" >> "${subhtml}"
|
|
|
|
echo "<p> Contributions <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers\">here</a>.</p>
|
|
<p> This images are from random sites or contributions so I don't have a way to know who are their original artist.</p>
|
|
<p> I want to keep this site as simple as possible, but if you are the creator of any of these images and you want acknowledgment I will happily add a section with your name. Just open an issue <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers/issues\">here</a>.</p>
|
|
<p> The same goes, if you want me to remove your art.</p>
|
|
</body>
|
|
</html>" >> "${subhtml}"
|
|
break
|
|
fi
|
|
|
|
done
|
|
|
|
echo "</div>" >> ./index.html
|
|
|
|
color=$((color+1))
|
|
if [ "$color" -eq 8 ]; then
|
|
color=1
|
|
fi
|
|
done
|
|
|
|
echo "<p> Contributions <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers\">here</a>.</p>
|
|
<p> This images are from random sites or contributions so I don't have a way to know who are their original artist.</p>
|
|
<p> I want to keep this site as simple as possible, but if you are the creator of any of these images and you want acknowledgment I will happily add a section with your name. Just open an issue <a href=\"https://github.com/AngelJumbo/gruvbox-wallpapers/issues\">here</a>.</p>
|
|
<p> The same goes, if you want me to remove your art.</p>
|
|
</body>
|
|
</html>" >> ./index.html
|