Fix compliance of generated HTML.

Also tab-align generated source code for readability. Removed an extra
div.
This commit is contained in:
Joachim Desroches 2021-02-22 17:00:04 +01:00
parent a807c58b41
commit 8d323b4ef3
No known key found for this signature in database
GPG key ID: 6778C9C29C02D691

View file

@ -2,7 +2,7 @@
cat << EOF cat << EOF
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>e-Durable Tooling</title> <title>e-Durable Tooling</title>
@ -12,7 +12,7 @@ cat << EOF
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<img id="header-logo" src="assets/edurable-logo.png" /> <img id="header-logo" alt="e-Durable logo" src="assets/edurable-logo.png" />
<p> <p>
Convenience webpage to quickly access e-Durable services. Sources on <a Convenience webpage to quickly access e-Durable services. Sources on <a
@ -24,23 +24,22 @@ cat << EOF
EOF EOF
for entry in services/*; do for entry in services/*; do
cat <<- EOF cat << EOF
<div class="row"> <div class="row">
<div class="col-3 horizontal-align-center vertical-align-center"> <div class="col-3 horizontal-align-center vertical-align-center">
<img src="$entry/logo.png" class="service-logo" /> <img src="$entry/logo.png" alt="$entry logo" class="service-logo" />
</div> </div>
<div class="col-3 vertical-align-center"> <div class="col-3 vertical-align-center">
<a href="$(cat "$entry/url")">$(basename "$entry")</a> <a href="$(cat "$entry/url")">$(basename "$entry")</a>
</div> </div>
<div class="col-6 vertical-align-center"> <div class="col-6 vertical-align-center">
$(cat "$entry/description") $(cat "$entry/description")
</div> </div>
</div> </div>
EOF EOF
done done
cat << EOF cat << EOF
</div>
</div> </div>
</body> </body>
</html> </html>