diff --git a/dottes.html.tune b/dottes.html.tune
index 03e338a..8730a82 100644
--- a/dottes.html.tune
+++ b/dottes.html.tune
@@ -38,7 +38,7 @@
-
+
${notes}
diff --git a/dottes.html.tuneindex b/dottes.html.tuneindex
index 87c7014..a94c826 100644
--- a/dottes.html.tuneindex
+++ b/dottes.html.tuneindex
@@ -9,7 +9,7 @@
diff --git a/makeWebGraphics.sh b/makeWebGraphics.sh
index f149ac8..24f774f 100755
--- a/makeWebGraphics.sh
+++ b/makeWebGraphics.sh
@@ -32,12 +32,12 @@ find $booke -maxdepth 1 -name "*.abc" |
mkdir -p $tunedir
- tmpname=${name}.tmp
- convert -colors 256 -quality 90 -density 200 $graphicsdir/${name}.pdf $tunedir/${tmpname}.png
- convert -colors 256 -quality 90 -density 200 $graphicsdir/firstline-${name}.pdf $tunedir/firstline-${tmpname}.png
-
- mv $tunedir/${tmpname}.png $tunedir/${name}.png
- mv $tunedir/firstline-${tmpname}.png $tunedir/firstline-${name}.png
+ abcm2ps -g -F singletune -O $tunedir/$name.svg $filename
+ mv $tunedir/${name}001.svg $tunedir/$name.svg
+ $dir/abcfirstline.py $filename > firstline.abc
+ abcm2ps -g -F firstline -O $tunedir/firstline-$name.svg firstline.abc
+ mv $tunedir/firstline-${name}001.svg $tunedir/firstline-$name.svg
+ rm -f firstline.abc
# Make the web downloadable PDF with the tune title.
abcm2ps -E -F singletuneweb -O $tunedir/$name.eps $filename
diff --git a/web/css/dottes.css b/web/css/dottes.css
index ce51a93..1274ad0 100644
--- a/web/css/dottes.css
+++ b/web/css/dottes.css
@@ -383,7 +383,7 @@ ul.tune-type-list li
display: inline-block;
}
-img.dottes-png
+img.dottes-svg
{
display: block;
width: 100%; /* Make image fill width */