Update transform.html

e0789dce · Mandic · b9fea9e5 · e0789dce
Commit e0789dce authored 3 years ago by Mandic
Show whitespace changes
Inline Side-by-side

Showing

with 100 additions and 87 deletions
+100 -87
--- a/public/X3DOMTutorial/transform.html
+++ b/public/X3DOMTutorial/transform.html
-<html>
+<html>

 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<title> Transformation </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>
@@ -39,6 +42,7 @@
 						</Transform>
 					</Scene>
 				</X3D>
+				</p>
 			</td>
 			<td width="50%" align="left" valign="top" scope="col">
 				In X3DOM, a shape such as Box, Cone, and Sphere is always created at the center of the coordinate system. The
@@ -47,7 +51,15 @@
 				be applied. See slides for
 				the different kinds of affine transformations: translation, rotation, and scaling.
 				<br>
-				<pre class="prettyprint">
+<pre>
+<code class="language-html">
+&lt;html&gt; 
+	&lt;head&gt;
+	&lt;title&gt; Transformation &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;background transparency='0' skyColor='1 1 1'&gt; &lt;/background&gt;
@@ -75,12 +87,13 @@
 			&lt;/Transform&gt; 
 		&lt;/Scene&gt;
 		&lt;/X3D&gt;
-        </pre>
+	&lt;/body&gt; 
+&lt;/html&gt;
+</code>
+</pre>
 				<br>
 				This example illustrates how to move shapes to another location.
 			</td>
-		</tr>
-	</table>
 			<script type="text/javascript" src="x3dom.js"></script>
 </body>