motiejus/create.sh

## create.sh
#!/bin/bash

if [[ -n "$1" ]]; then
    URL=$1
else
    URL=https://dans.im/gifs/
fi

set -euo pipefail

cat <<EOF
<html>
  <head>
    <title>gifs from dans.im</title>
    <style>
.container { width: 80%; margin: 30px auto; overflow: hidden; }
.galleryItem { margin: 10px; float: left; border: 1px red solid; padding: 10px; border-radius: 5px; }
.galleryItem img { max-width: 100%; border-radius: 5px; }
    </style>
  </head>
  <!-- generated by https://gist.github.com/Motiejus/dac1f357894bb7536610cc2aceca5d33 -->
  <body>
EOF

curl -s $URL | \
  awk -F'"' '/^<a href="/ { print $2}' | while read gif; do
    echo "    <div class=\"galleryItem\">"
    echo "      <img src=\"${URL}${gif}\" alt=\"\" /></a>"
    echo "      <p>https://dans.im/gifs/${gif}</p>"
    echo "    </div>"
    echo
  done


cat <<EOF
  </body>
</html>
EOF
	#!/bin/bash

	if [[ -n "$1" ]]; then
	URL=$1
	else
	URL=https://dans.im/gifs/
	fi

	set -euo pipefail

	cat <<EOF
	<html>
	<head>
	<title>gifs from dans.im</title>
	<style>
	.container { width: 80%; margin: 30px auto; overflow: hidden; }
	.galleryItem { margin: 10px; float: left; border: 1px red solid; padding: 10px; border-radius: 5px; }
	.galleryItem img { max-width: 100%; border-radius: 5px; }
	</style>
	</head>
	<!-- generated by https://gist.github.com/Motiejus/dac1f357894bb7536610cc2aceca5d33 -->
	<body>
	EOF

	curl -s $URL \| \
	awk -F'"' '/^<a href="/ { print $2}' \| while read gif; do
	echo " <div class=\"galleryItem\">"
	echo " <img src=\"${URL}${gif}\" alt=\"\" /></a>"
	echo " <p>https://dans.im/gifs/${gif}</p>"
	echo " </div>"
	echo
	done


	cat <<EOF
	</body>
	</html>
	EOF