Update ifsandmaterial.html

89deb070 · Mandic · 2c843732 · 89deb070
Commit 89deb070 authored May 06, 2022 by Mandic
--- a/public/X3DOMTutorial/ifsandmaterial.html
+++ b/public/X3DOMTutorial/ifsandmaterial.html
-<html>
+<html>

 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<title> indexed face set and material </title>
 	<link rel="stylesheet" type="text/css" href="x3dom.css">
 	</link>
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/vs.min.css">
+  	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
+ 	<script>hljs.highlightAll();</script>
 </head>

 <body>
@@ -47,15 +50,24 @@
 						</Shape>
 					</Scene>
 				</X3D>
+				</p>
 			</td>
 			<td width="50%" align="left" valign="top" scope="col">
 				One shape has only ony appearance. If different colors for the building elements roof, wall and ground surfaces
 				shall be used,
 				we need to have different shape for these elements. However, they can share the same point set. The following
 				example uses different
-				Material for roo, wall, and ground surfaces.
+				Material for roof, wall, and ground surfaces.
 				<br>
-				<pre class="prettyprint">
+				<pre>
+				<code class="language-html">
+&lt;html&gt; 
+&lt;head&gt;
+&lt;title&gt; indexed face set and material &lt;/title&gt; 			
+	&lt;script type='text/javascript' src='http://www.x3dom.org/download/x3dom.js'&gt; &lt;/script&gt; 
+	&lt;link rel='stylesheet' type='text/css' href='http://www.x3dom.org/download/x3dom.css'&gt;&lt;/link&gt; 
+&lt;/head&gt; 
+&lt;body&gt; 
 	&lt;X3D id="shapedata" width="600px" height="600px" style="float:left"&gt;
 	  &lt;Scene&gt;
 	    &lt;Shape&gt;
@@ -94,10 +106,11 @@
 	    &lt;/Shape&gt;
 	  &lt;/Scene&gt;
 	&lt;/X3D&gt;
-        </pre>
+&lt;/body&gt; 
+&lt;/html&gt;
+</code>
+</pre>
 			</td>
-		</tr>
-	</table>
 			<script type="text/javascript" src="x3dom.js"></script>
 </body>