@c -*- coding: utf-8; mode: texinfo; -*-
-
@c Don't replace quotes with directed quotes.
@set txicodequoteundirected
@ifnotinfo
@macro sourceimage{FILENAME,WIDTH,HEIGHT,ALTTEXT}
-@image{\FILENAME\,\WIDTH\,\HEIGHT\,\ALTTEXT\}
+@image{pictures/\FILENAME\,\WIDTH\,\HEIGHT\,\ALTTEXT\}
@end macro
@end ifnotinfo
@ifinfo
@macro sourceimage{FILENAME,WIDTH,HEIGHT,ALTTEXT}
-@image{lilypond/\FILENAME\,\WIDTH\,\HEIGHT\,\ALTTEXT\}
+@image{lilypond/pictures/\FILENAME\,\WIDTH\,\HEIGHT\,\ALTTEXT\}
@end macro
@end ifinfo
@c ***** Headers *****
+@ifclear snippets-sections
@macro lydoctitle {TEXT}
+@need 600
@emph{\TEXT\}
@end macro
-
+@end ifclear
@c ***** Indexing *****
@end macro
@end ifnothtml
+
+
+@c ***** Macros specific to the web site *****
+
+@ifset web
+
+@macro help{TEXT}
+@html
+<div class="help">
+<strong>
+ <span style="text-decoration:blink">Help wanted:</span>
+</strong> \TEXT\
+</div>
+@end html
+@end macro
+
+@macro divId {ID}
+@html
+<div id="\ID\">
+@end html
+@end macro
+
+@macro divClass {CLASS}
+@html
+<div class="\CLASS\">
+@end html
+@end macro
+
+@macro divEnd
+@c keep the space for proper nesting of </p>
+
+@html
+</div>
+@end html
+@end macro
+
+
+@c not strictly necessary, but it makes things easier for updating news
+@macro newsItem
+@html
+<div class="news-item">
+@end html
+@end macro
+
+@macro newsEnd
+@c keep the space for proper nesting of </p>
+
+@html
+</div>
+@end html
+@end macro
+
+@macro exampleImage{IMAGE-FILE}
+@html
+<div class="float-center">
+ <a class="clickable" href="examples/\IMAGE-FILE\.png">
+ <img src="examples/\IMAGE-FILE\-small.png" alt="\IMAGE-FILE\">
+ </a>
+ <p style="text-align: center">
+ (click to enlarge)
+ </p>
+</div>
+@end html
+@iftex
+@image{examples/\IMAGE-FILE\-small,,,\IMAGE-FILE\,png}
+@end iftex
+@ifinfo
+@image{lilypond/examples/\IMAGE-FILE\,,,\IMAGE-FILE\,png}
+@end ifinfo
+@end macro
+
+
+
+@macro imageClickable{IMAGE-FILE, EXT, MORE-TEXT, CLICK-FILE, CLICK-EXT, POSITION}
+@html
+<div class="float-\POSITION\">
+ <a class="clickable" href="../pictures/\CLICK-FILE\.\CLICK-EXT\">
+ <img src="../pictures/\IMAGE-FILE\.\EXT\" alt="\IMAGE-FILE\">
+ </a>
+ <p style="text-align: center">
+ \MORE-TEXT\
+ </p>
+</div>
+@end html
+@iftex
+@image{pictures/\IMAGE-FILE\,,,\IMAGE-FILE\}
+@end iftex
+@ifinfo
+@image{lilypond/pictures/\IMAGE-FILE\,,,\IMAGE-FILE\}
+@end ifinfo
+@end macro
+
+@macro imageFloat{IMAGE-FILE, EXT, POSITION}
+@html
+<img class="float-\POSITION\" src="../pictures/\IMAGE-FILE\.\EXT\" alt="\IMAGE-FILE\">
+@end html
+@iftex
+@image{pictures/\IMAGE-FILE\,,,\IMAGE-FILE\,\EXT\}
+@end iftex
+@ifinfo
+@image{lilypond/pictures/\IMAGE-FILE\,,,\EXT\}
+@end ifinfo
+@end macro
+
+@macro imageId{ID, IMAGE-FILE, EXT, ALT}
+@html
+<div id="\ID\">
+ <img src="../pictures/\IMAGE-FILE\.\EXT\" alt="\ALT\">
+</div>
+@end html
+@iftex
+@image{pictures/\IMAGE-FILE\,,,\ALT\}
+@end iftex
+@ifinfo
+@image{lilypond/pictures/\IMAGE-FILE\,,,\ALT\}
+@end ifinfo
+@end macro
+
+@end ifset