Update ar.html

ar.html

@@ -227,17 +227,16 @@
 
         <a-camera position="0 0 0" look-controls="enabled: false"></a-camera>
 
-        <!-- TARGET MINDAR (AR REALE) -->
+        
+        <!-- TARGET MINDAR (AR REALE) 16:9 -->
+        <!-- 
         <a-entity id="example-target" mindar-image-target="targetIndex: 0">
             <a-entity id="ar-content-group">
-                <!-- VIDEO -->
                 <a-entity id="myVid" 
                     geometry="primitive: plane; width: 1.6; height: 0.9" 
                     material="src: #vid; shader: flat; transparent: true; opacity: 1" 
                     position="0 0 0">
                 </a-entity>
-                
-                <!-- CORNICI GRAFICHE -->
                 <a-plane position="0 0.47 0" width="1.68" height="0.03" color="#00ff41" material="shader: flat">
                     <a-animation attribute="opacity" from="1" to="0.7" dur="100" direction="alternate" repeat="indefinite"></a-animation>
                 </a-plane>
@@ -250,7 +249,37 @@
                 <a-plane position="-0.77 0.41 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
                 <a-plane position="0.77 -0.41 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
                 
-                <a-text value="STABLE_LINK" color="#00ff41" align="center" width="1.5" position="0 -0.6 0.01" 
+                <a-text value="INNOVATION_LAB_DEV" color="#00ff41" align="center" width="1.5" position="0 -0.6 0.01" 
+                        font="https://cdn.aframe.io/fonts/Roboto-msdf.json">
+                    <a-animation attribute="opacity" from="0.3" to="1" dur="800" direction="alternate" repeat="indefinite"></a-animation>
+                </a-text>
+            </a-entity>
+        </a-entity>
+        --> 
+
+      <!-- TARGET MINDAR (AR REALE) 1:1 -->
+       <a-entity id="example-target" mindar-image-target="targetIndex: 0">
+            <a-entity id="ar-content-group">
+                <a-entity id="myVid" 
+                    geometry="primitive: plane; width: 1; height: 1" 
+                    material="src: #vid; shader: flat; transparent: true; opacity: 1" 
+                    position="0 0 0">
+                </a-entity>
+                
+                <a-plane position="0 0.515 0" width="1.06" height="0.03" color="#00ff41" material="shader: flat">
+                    <a-animation attribute="opacity" from="1" to="0.7" dur="100" direction="alternate" repeat="indefinite"></a-animation>
+                </a-plane>
+                
+                <a-plane position="0 -0.515 0" width="1.06" height="0.03" color="#00ff41" material="shader: flat"></a-plane>
+                
+                <a-plane position="-0.515 0 0" width="0.03" height="1.06" color="#00ff41" material="shader: flat"></a-plane>
+                
+                <a-plane position="0.515 0 0" width="0.03" height="1.06" color="#00ff41" material="shader: flat">
+                    <a-animation attribute="opacity" from="1" to="0.7" dur="150" direction="alternate" repeat="indefinite"></a-animation>
+                </a-plane>
+                <a-plane position="-0.45 0.45 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
+                <a-plane position="0.45 -0.45 0.01" width="0.15" height="0.03" color="white" material="shader: flat; opacity: 0.9"></a-plane>
+                <a-text value="INNOVATION_LAB_DEV" color="#00ff41" align="center" width="1.5" position="0 -0.65 0.01" 
                         font="https://cdn.aframe.io/fonts/Roboto-msdf.json">
                     <a-animation attribute="opacity" from="0.3" to="1" dur="800" direction="alternate" repeat="indefinite"></a-animation>
                 </a-text>