| <!doctype html> |
| <html style="height:100%;"> |
| <head> |
| <title>Upload Your Images</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
| <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> |
| </head> |
| <body> |
| <header class="flex items-center justify-between bg-white p-4 sm:p-6 rounded-lg shadow-md mb-8 flex-wrap"> |
| |
| <div class="flex items-center space-x-4 mb-4 sm:mb-0 w-full sm:w-auto justify-center sm:justify-start"> |
| |
| |
| |
| |
| |
| |
| |
| <img src="{{ url_for('static', filename='images/logo_black.png') }}" alt="KrongAI" class="squared-full shadow-sm" height="150cqh"> |
| </div> |
|
|
| |
| <div class="flex-grow text-center mb-4 sm:mb-0 order-first sm:order-none w-full sm:w-auto"> |
| <h1 class="text-3xl sm:text-4xl font-bold text-gray-800 leading-tight"> |
| 🇰🇭 For the development of AI 🇰🇭 |
| </h1> |
| </div> |
|
|
| |
| |
| <div class="w-full sm:w-auto flex justify-center sm:justify-end"> |
| |
| <div class="w-[128px] h-0 sm:h-[60px]"></div> |
| </div> |
| </header> |
| <div class="container"> |
| <center> |
| <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/> |
| </label> |
| <br> |
| <button type="submit" class="btn btn-success" style="margin-top:30px;">Submit</button> |
| </form> |
| <div style="margin-top:100px;"> |
| <h2 style="margin:-20px 0 40px 0;">Using LoRA-C and DoRA to fine-tune Detr-Resnet50 on Colab</h2> |
| <div> |
| <iframe width="560" height="315" src="https://www.youtube.com/embed/CbP9wIbu7IY?si=wD81nUiVRYzMySw6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> |
| </div> |
| <a href="https://colab.research.google.com/github/Kimang18/DoRA-LoRAC-for-object-detection/blob/main/DoRA-LoRAC_object_detection.ipynb"> |
| <img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab" /, width=150, height=150/> |
| </a> |
| </div> |
| </div> |
| </center> |
| </div> |
| |
| <footer class="mt-8 mb-4 text-center text-gray-500 text-sm w-full max-w-4xl"> |
| Thanks Huggingface Spaces 🤗 |
| </footer> |
| </body> |
| </html> |
