Added preload content to the rendering page.

Cf. #19 W/SlimerJS, maybe fixes faustedition/faust-web#22
faustedition · Nov 10, 2016 · f6a6746 · f6a6746
1 parent 175c2e4
commit f6a6746
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/svg_rendering/page/transcript-generation.html b/svg_rendering/page/transcript-generation.html
@@ -48,6 +48,37 @@
   </head>
   <body>
     <div id="container">
+
+    </div>
+    <div id="preload" style="visibility:hidden">
+      <!-- 
+      This container is used to actually pre-load a bunch of resources so they are
+      definitely available before the rendering starts.
+      -->
+
+      <p style="font-family:'Ubuntu';font-weight:400;font-style:normal">Ubuntu Regular</p>
+      <p style="font-family:'Ubuntu';font-weight:700;font-style:normal">Ubuntu Bold</p>
+      <p style="font-family:'Ubuntu';font-weight:400;font-style:italic">Ubuntu Italic</p>
+      <p style="font-family:'Ubuntu';font-weight:700;font-style:italic">Ubuntu Bold Italic</p>
+
+      <p style="font-family:'Ubuntu Mono';font-weight:400;font-style:normal">Ubuntu Mono Regular</p>
+      <p style="font-family:'Ubuntu Mono';font-weight:700;font-style:normal">Ubuntu Mono Bold</p>
+      <p style="font-family:'Ubuntu Mono';font-weight:400;font-style:italic">Ubuntu Mono Italic</p>
+      <p style="font-family:'Ubuntu Mono';font-weight:700;font-style:italic">Ubuntu Mono Bold Italic</p>
+
+      <p style="font-family:'faust-serif';font-weight:400;font-style:normal">faust-serif Regular</p>
+      <p style="font-family:'faust-serif';font-weight:700;font-style:normal">faust-serif Bold</p>
+      <p style="font-family:'faust-serif';font-weight:400;font-style:italic">faust-serif Italic</p>
+      <p style="font-family:'faust-serif';font-weight:700;font-style:italic">faust-serif Bold Italic</p>
+
+
+      <img src="img/grLineCurlyHorizontal.svg" alt="Preload grLineCurlyHorizontal.svg" />
+      <img src="img/grLineCurlyVertical.svg" alt="Preload grLineCurlyVertical.svg" />
+      <img src="img/grLineDiagonalFalling.svg" alt="Preload grLineDiagonalFalling.svg" />
+      <img src="img/grLineSLeftRight.svg" alt="Preload grLineSLeftRight.svg" />
+      <img src="img/grLineStraightHorizontal.svg" alt="Preload grLineStraightHorizontal.svg" />
+      <img src="img/grLineStraightVertical.svg" alt="Preload grLineStraightVertical.svg" />
+      <img src="img/usedMarker.svg" alt="Preload usedMarker.svg" />
     </div>
   </body>
 </html>