Update app.py

app.py

@@ -29,22 +29,24 @@ with col5:
     if st.button('⏭️'):
         st.session_state.index = max_index
 
-# Assuming the dataset has the columns 'cityOrState', 'link', and 'linkType'
-item = dataset['train'][st.session_state.index]
-cityOrState = item['cityOrState']
-link = item['link']
-linkType = item['linkType']
-
-# Build the HTML for the current record
-links_html = f"""
-<ul style="list-style: none; padding: 0;">
-    <li style="margin: 10px 0; padding: 10px; background-color: #f0f0f0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);">
-        <a href="{link}" target="_blank" style="text-decoration: none; color: #333;">
-            <strong>{cityOrState}</strong> - {linkType} 🔗
-        </a>
-    </li>
-</ul>
+# Generate the A-Frame scene HTML with links from the dataset
+aframe_html = """
+<a-scene embedded style="width: 800px; height: 600px;">
+  <a-sky color="#ECECEC"></a-sky>
 """
 
-# Use Streamlit components to render the HTML
-components.html(links_html, height=100)
+# Loop through the dataset and create a-link entities for each record
+for index, item in enumerate(dataset['train']):
+    cityOrState = item['cityOrState']
+    link = item['link']
+    linkType = item['linkType']
+    position = f"{index * 1.5} 1.25 -3"  # Simple positioning logic
+    aframe_html += f"""
+    <a-link href="{link}" position="{position}" title="{cityOrState} - {linkType}" image="#homeThumbnail"></a-link>
+    """
+
+# Close the A-Scene tag
+aframe_html += "</a-scene>"
+
+# Use Streamlit components to render the A-Frame HTML
+components.html(aframe_html, height=600)