add examples buttons

Author: cyclotruc

templates/index.jinja

@@ -116,6 +116,7 @@
                         <input 
                             type="url" 
                             name="repo_url" 
+                            id="repo_url"
                             value="{{ repo_url }}"
                             placeholder="https://github.com/username/repository"
                             required
@@ -132,6 +133,21 @@
                         </button>
                     </div>
                 </form>
+                
+                <!-- Example repositories section -->
+                <div class="mt-6">
+                    <p class="text-gray-700 mb-3 font-medium">Try these example repositories:</p>
+                    <div class="flex flex-wrap gap-2">
+                        <button onclick="submitExample('https://github.com/cyclotruc/gitingest')"
+                                class="px-4 py-2 bg-[#E6F2FF] hover:bg-[#5A9BF5] text-gray-900 rounded transition-colors duration-200 border-[3px] border-gray-900 relative hover:-translate-y-px hover:-translate-x-px text-sm font-medium">
+                            Gitingest
+                        </button>
+                        <button onclick="submitExample('https://github.com/cyclotruc/gitcontainer')"
+                                class="px-4 py-2 bg-[#E6F2FF] hover:bg-[#5A9BF5] text-gray-900 rounded transition-colors duration-200 border-[3px] border-gray-900 relative hover:-translate-y-px hover:-translate-x-px text-sm font-medium">
+                            Gitcontainer
+                        </button>
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -324,6 +340,15 @@
     </footer>
 
     <script>
+        // Example submission function
+        function submitExample(repoUrl) {
+            const input = document.getElementById('repo_url');
+            input.value = repoUrl;
+            input.focus();
+            // Optionally auto-submit the form
+            // input.form.submit();
+        }
+
         // Monaco Editor setup
         let dockerfileEditor = null;
         let composeEditor = null;