sosokker/image-caption-generator
1
0
Fork 0
mirror of https://github.com/Sosokker/image-caption-generator.git synced 2025-12-18 18:14:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add dancing baby and sample

Browse Source
This commit is contained in:
Sosokker 2025-01-14 15:24:28 +07:00
parent 54fd126a8f
commit bef6e9a6c1
3 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
samples/sample-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
static/baby-dance.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

19
templates/index.html
View File

@ -19,7 +19,11 @@
</style> </style>
</head> </head>
<body> <body>
<h1>Image Caption Generator</h1> <div id="title-section">
<img src="static/baby-dance.gif" />
<h1>Image Caption Generator</h1>
<img src="static/baby-dance.gif" />
</div>
<form id="uploadForm"> <form id="uploadForm">
<label for="file">Upload an image:</label> <label for="file">Upload an image:</label>
<input type="file" id="file" name="file" accept="image/*" required /> <input type="file" id="file" name="file" accept="image/*" required />
@ -138,5 +142,18 @@
font-size: 16px; font-size: 16px;
color: #007bff; color: #007bff;
} }
#title-section {
display: flex;
align-items: center;
justify-content: center;
gap: 10px; /* Space between title and GIF */
margin-bottom: 20px;
}
#title-section img {
width: 75px;
height: 75px;
border-radius: 50%;
}
</style> </style>
</html> </html>