update text

app.py

@@ -141,7 +141,7 @@ def download():
     user_id = session.get('_id')
     anno_path = get_anno_path(user_id)
     img_dir = get_images_directory(user_id)
-    shutil.copyfile(anno_path, f'{img_dir}/annotations.csv')
+    shutil.copyfile(anno_path, f'{img_dir}/annotations_pascal_voc.csv')
     shutil.make_archive('final', 'zip', img_dir)
     return send_file('final.zip',
                      mimetype='text/csv',

templates/final.html

@@ -37,7 +37,8 @@
     <div class="container" style="margin-top:20px;">
         <center>
         <div class="jumbotron">
-            <h2>Download the Annotations as CSV File</h2> 
+            <h2>Download the annotations as CSV File</h2> 
+            <h3>The annotations are in Pascal VOC format</h3> 
             <button id="downloadButton" style="margin-top:10px;" class="btn btn-success">Download</button>
             <div id="messageBox" class="mt-8 p-4 bg-blue-100 border border-blue-400 text-blue-700 rounded-lg hidden" role="alert">
                 <p id="messageText" class="font-medium"></p>
@@ -53,7 +54,7 @@
 
                     // Trigger the download by creating a temporary link and clicking it
                     var link = document.createElement('a');
-                    link.href = "{{ url_for('download', download='annotations.csv') }}";
+                    link.href = "{{ url_for('download', download='annotations_pascal_voc.csv') }}";
                     link.download = 'my_file.txt'; // This is optional but good practice
                     document.body.appendChild(link);
                     link.click();

templates/index.html

@@ -38,6 +38,7 @@
         <div class="jumbotron" style="margin-top:20px;">
             <h2 style="margin:-20px 0 40px 0;">Image Annotator</h2>
             <h1 style="margin:-20px 0 40px 0;">for Object Detection</h1>
+            <h3>Upload your image dataset below and click submit</h3>
             <form enctype="multipart/form-data" method="post">
                 <label class="btn btn-default">
                     <input id="file" name="file" type="file" multiple/>

templates/tagger.html

@@ -59,6 +59,11 @@
             <h1 class="text-3xl sm:text-4xl font-bold text-gray-800 leading-tight">
                 🇰🇭 By Cambodian, for the development of AI 🇰🇭
             </h1>
+            <h3>One annotation takes 2 steps:</h3>
+            <ol>
+              <li>Create bounding box by click and hold on your image</li>
+              <li>Enter label for the bounding box</li>
+            </ol>
         </div>
 
         <!-- Right Section: Placeholder (can be used for user avatar/menu later) -->