Spaces:
Paused
Paused
Update static/index.html
Browse files- static/index.html +33 -11
static/index.html
CHANGED
|
@@ -78,16 +78,7 @@ input[type="file"] {
|
|
| 78 |
display: none;
|
| 79 |
}
|
| 80 |
|
| 81 |
-
|
| 82 |
-
#version {
|
| 83 |
-
width: 150px; /* Adjust width as needed */
|
| 84 |
-
padding: 8px;
|
| 85 |
-
border: 1px solid #ccc;
|
| 86 |
-
border-radius: 4px;
|
| 87 |
-
background-color: #333333; /* Background color */
|
| 88 |
-
color: white; /* Text color */
|
| 89 |
-
font-size: 16px;
|
| 90 |
-
}
|
| 91 |
|
| 92 |
/* Style for labels */
|
| 93 |
label {
|
|
@@ -216,13 +207,44 @@ h1 {
|
|
| 216 |
0% { transform: rotate(0deg); }
|
| 217 |
100% { transform: rotate(360deg); }
|
| 218 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 219 |
</style>
|
| 220 |
</head>
|
| 221 |
<body>
|
| 222 |
<h1>Aiconvert.online </h1>
|
| 223 |
<form id="predict" action="/predict/" method="post" enctype="multipart/form-data">
|
| 224 |
<label for="sourceFile" class="uploadLabel">Choose image </label>
|
| 225 |
-
<input type="file" id="sourceFile" name="source_file" accept="image/*" required onchange="previewImage(event, 'sourceImage')">
|
| 226 |
<div id="sourceImageContainer">
|
| 227 |
<img id="sourceImage">
|
| 228 |
</div><br>
|
|
|
|
| 78 |
display: none;
|
| 79 |
}
|
| 80 |
|
| 81 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 82 |
|
| 83 |
/* Style for labels */
|
| 84 |
label {
|
|
|
|
| 207 |
0% { transform: rotate(0deg); }
|
| 208 |
100% { transform: rotate(360deg); }
|
| 209 |
}
|
| 210 |
+
|
| 211 |
+
/* Style for version selection */
|
| 212 |
+
#version {
|
| 213 |
+
font-size: 18px; /* Adjust size as needed */
|
| 214 |
+
font-family: 'Barlow Condensed', sans-serif; /* Use the specified font */
|
| 215 |
+
color: #FFFFFF; /* Text color */
|
| 216 |
+
margin-bottom: 5px; /* Bottom margin */
|
| 217 |
+
padding: 8px;
|
| 218 |
+
border: 1px solid #ccc;
|
| 219 |
+
border-radius: 4px;
|
| 220 |
+
box-sizing: border-box;
|
| 221 |
+
margin-top: 5px;
|
| 222 |
+
font-size: 28px;
|
| 223 |
+
Width :200px;
|
| 224 |
+
text-align: center;
|
| 225 |
+
}
|
| 226 |
+
|
| 227 |
+
/* Style for the radio buttons */
|
| 228 |
+
input[type="radio"] {
|
| 229 |
+
margin-right: 30px; /* Add some space between radio button and label */
|
| 230 |
+
}
|
| 231 |
+
|
| 232 |
+
/* Style for the labels of radio buttons */
|
| 233 |
+
label[for="simple"], label[for="complex"] {
|
| 234 |
+
font-family: 'Barlow Condensed', sans-serif; /* Use the specified font */
|
| 235 |
+
color: #FFFFFF; /* Text color */
|
| 236 |
+
margin-right: 10px; /* Add some space between label and next element */
|
| 237 |
+
font-size: 20px;
|
| 238 |
+
}
|
| 239 |
+
|
| 240 |
+
|
| 241 |
</style>
|
| 242 |
</head>
|
| 243 |
<body>
|
| 244 |
<h1>Aiconvert.online </h1>
|
| 245 |
<form id="predict" action="/predict/" method="post" enctype="multipart/form-data">
|
| 246 |
<label for="sourceFile" class="uploadLabel">Choose image </label>
|
| 247 |
+
<input type="file" id="sourceFile" name="source_file" accept="image/*" required onchange="previewImage(event, 'sourceImage')">
|
| 248 |
<div id="sourceImageContainer">
|
| 249 |
<img id="sourceImage">
|
| 250 |
</div><br>
|