Modifying Content in the Gesture Interface

Modifying Content in the Gesture Interface
Step 1: Navigate to the Gesture-Interface Folder
Open your ownCloud server: Access your ownCloud server through your web browser or ownCloud client.
Locate and open the 
Gesture-Interface folder: This folder is the main directory where your content is organized.
Step 2: Understand the Example Folder Structure
Inside the 
Gesture-Interface folder, find the 
Example folder. This folder serves as a template for structuring your content.
Contents of the 
Example folder:
JSON file: The JSON file contains metadata for the images. Here's the format:
{
    "left": {
        "title": "Example Image 1",
        "caption": "Lorem ipsum odor amet, consectetuer adipiscing elit. Eget finibus eget vel ullamcorper vel massa potenti amet. Fringilla morbi efficitur neque malesuada lectus lobortis. Adipiscing tempus orci amet dis; tortor diam maximus lacus ultrices."
    },
    "right": {
        "title": "Example Image 2",
        "caption": "Lorem ipsum odor amet, consectetuer adipiscing elit. Pretium sed pharetra egestas vivamus lectus nulla fusce arcu. Mattis aenean viverra, curabitur vivamus eu netus. Sollicitudin ligula posuere quisque varius habitasse mi habitant. Suspendisse neque ipsum ullamcorper ipsum dignissim taciti sodales."
    }
}
Photos: Two images named 
Left and 
Right in JPG or PNG format.
Step 3: Navigate to the Runtime Folder
Inside the 
Gesture-Interface folder, find the 
Runtime folder: This folder contains subfolders with different names but similar structure to the 
Example folder.
Step 4: Create a New Folder in Runtime
Inside the 
Runtime folder, create a new folder: Name this folder according to your project or content.
Step 5: Add JSON File to the New Folder
Create a JSON file: In the newly created folder, create a JSON file with the same format as the one in the 
Example folder.
Example JSON file format:
{
    "left": {
        "title": "Your Image Title 1",
        "caption": "Your caption for the left image."
    },
    "right": {
        "title": "Your Image Title 2",
        "caption": "Your caption for the right image."
    }
}
Details:
Title: Provide a descriptive title for each image.
Caption: Write a detailed caption that explains or describes the image.
Step 6: Add Photos to the New Folder
Add two photos: Name the photos 
Left and 
Right in JPG or PNG format.
Ensure proper naming: The names should match exactly (
Left and 
Right) to ensure the JSON file references them correctly.
Step 7: Verify the Structure
Check the new folder: Ensure the new folder in 
Runtime has the following structure:
JSON file: Verify the JSON file is correctly formatted and contains the necessary metadata.
Photos: Ensure the photos named 
Left and 
Right are present and correctly named.
Step 8: Repeat for Other Folders
Repeat steps 4 to 7: For any other folders you need to create in the 
Runtime folder, follow the same steps to ensure consistency.