updating Gemfile and improved webarkit-testing section

Author: kalwalt

Gemfile.lock

@@ -17,7 +17,13 @@ GEM
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
     ffi (1.17.0)
+    ffi (1.17.0-arm64-darwin)
+    ffi (1.17.0-x86_64-darwin)
     forwardable-extended (2.6.0)
+    google-protobuf (3.25.3)
+    google-protobuf (3.25.3-arm64-darwin)
+    google-protobuf (3.25.3-x86_64-darwin)
+    google-protobuf (3.25.3-x86_64-linux)
     http_parser.rb (0.8.0)
     i18n (1.14.5)
       concurrent-ruby (~> 1.0)
@@ -41,8 +47,8 @@ GEM
       jekyll (>= 3.7, < 5.0)
     jekyll-paginate (1.1.0)
     jekyll-pwa-plugin (2.2.3)
-    jekyll-sass-converter (2.2.0)
-      sassc (> 2.0.1, < 3.0)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
     jekyll-seo-tag (2.8.0)
       jekyll (>= 3.8, < 5.0)
     jekyll-sitemap (1.4.0)
@@ -61,23 +67,31 @@ GEM
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (5.0.5)
+    rake (13.2.1)
     rb-fsevent (0.11.2)
     rb-inotify (0.11.1)
       ffi (~> 1.0)
     rexml (3.2.8)
       strscan (>= 3.0.9)
     rouge (4.2.1)
     safe_yaml (1.0.5)
-    sassc (2.4.0)
-      ffi (~> 1.9)
+    sass-embedded (1.69.5)
+      google-protobuf (~> 3.23)
+      rake (>= 13.0.0)
+    sass-embedded (1.69.5-arm64-darwin)
+      google-protobuf (~> 3.23)
+    sass-embedded (1.69.5-x86_64-darwin)
+      google-protobuf (~> 3.23)
     strscan (3.1.0)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
     unicode-display_width (2.5.0)
     webrick (1.8.1)
 
 PLATFORMS
-  x64-mingw-ucrt
+  arm64-darwin
+  ruby
+  x86_64-darwin
   x86_64-linux
 
 DEPENDENCIES

examples/webarkit-testing/index.html

@@ -9,27 +9,38 @@
     <p>
         We present here some of the examples of our experimental project for WebAR <a
             href="https://github.com/webarkit/webarkit-testing">webarkit-testing</a>
-        Four examples with four trackers are available: Freak, Orb, Akaze and Teblid. To test you need the <img
-            src="/examples/Data/pinball.jpg" alt="Pinball image" />
-        Wait until an image will be superimposed with a blue rect around it.
+        Four examples with four trackers are available: Freak, Orb, Akaze and Teblid. To test you need the Pinball image
+        see below.</p> <img src="/examples/Data/pinball.jpg" alt="Pinball image"
+        title="pinball image to use for tracking" style="width:340px" />
+    <br>
+    <p>Wait until an image will be superimposed with a blue rect around it.
         If you find an issue file one at our <a href="https://github.com/webarkit/webarkit-testing/issues">issue
-            trakcer</a>
+            tracker</a>
         or if you want to comment or partecipate on the development start a <a
             href="https://github.com/webarkit/webarkit-testing/discussions">new discussion</a>
     </p>
 </div>
 <div class='box'>
-    <a href="/examples/webarkit-testing/akaze_example.html"><h2>Akaze example with 2d tracking</h2></a>
+    <a href="/examples/webarkit-testing/akaze_example.html">
+        <h2>Akaze example with 2d tracking</h2>
+    </a>
     <p>A simple WebARkit Akaze example that display an image.</p>
 </div>
 <div class='box'>
-    <a href="/examples/webarkit-testing/freak_example.html"><h2>Freak example with 2d tracking</h2></a>
+    <a href="/examples/webarkit-testing/freak_example.html">
+        <h2>Freak example with 2d tracking</h2>
+    </a>
     <p>A simple WebARKit Freak example that display an image.</p>
+</div>
 <div class='box'>
-    <a href="/examples/webarkit-testing/orb_example.html"><h2>Orb example with 2d tracking</h2></a>
+    <a href="/examples/webarkit-testing/orb_example.html">
+        <h2>Orb example with 2d tracking</h2>
+    </a>
     <p>A simple WebARKit Orb example that display an image.</p>
 </div>
 <div class='box'>
-    <a href="/examples/webarkit-testing/teblid_example.html"><h2>Teblid example with 2d tracking</h2></a>
+    <a href="/examples/webarkit-testing/teblid_example.html">
+        <h2>Teblid example with 2d tracking</h2>
+    </a>
     <p>A simple WebARKit Teblid example that display an image.</p>
 </div>