1<!DOCTYPE HTML> 2<html xml:lang="en" lang="en" dir="ltr" class="device-nonmobile palette-imgur unsafe-blur-off font-0" data-palette="imgur" prefix="og: http://ogp.me/ns#"> 3<head> 4 <meta charset="utf-8"> 5 <title>Upload plugin - PixVid</title> 6<meta name="apple-mobile-web-app-status-bar-style" content="black"> 7<meta name="mobile-web-app-capable" content="yes"> 8<meta name="viewport" content="width=device-width, initial-scale=1"> 9<meta name="apple-mobile-web-app-title" content="PixVid"> 10<meta name="description" content="A free image hosting service."> 11<link rel="manifest" href="/webmanifest"> 12 <meta name="generator" content="Chevereto 4"> 13<link rel="stylesheet" href="/content/legacy/themes/Peafowl/lib/peafowl.min.css?f75f271b83179f5963bbdb36e7d1a128"> 14<link rel="stylesheet" href="/content/legacy/themes/Peafowl/style.min.css?f75f271b83179f5963bbdb36e7d1a128"> 15 16<link rel="stylesheet" href="/content/legacy/themes/Peafowl/lib/font-awesome-6/css/all.min.css?f75f271b83179f5963bbdb36e7d1a128">
17<script data-cfasync="false">document.documentElement.className += " js"; var devices = ["phone", "phablet", "tablet", "laptop", "desktop", "largescreen"], window_to_device = function () { for (var e = [480, 768, 992, 1200, 1880, 2180], t = [], n = "", d = document.documentElement.clientWidth || document.getElementsByTagName("body")[0].clientWidth || window.innerWidth, c = 0; c < devices.length; ++c)d >= e[c] && t.push(devices[c]); for (0 == t.length && t.push(devices[0]), n = t[t.length - 1], c = 0; c < devices.length; ++c)document.documentElement.className = document.documentElement.className.replace(devices[c], ""), c == devices.length - 1 && (document.documentElement.className += " " + n), document.documentElement.className = document.documentElement.className.replace(/\s+/g, " "); if ("laptop" == n || "desktop" == n) { var o = document.getElementById("pop-box-mask"); null !== o && o.parentNode.removeChild(o) } }; window_to_device(), window.onresize = window_to_device;</script>
17 18 19 <link rel="shortcut icon" href="/content/images/system/default/favicon.png"> 20 <link rel="icon" type="image/png" href="/content/images/system/default/favicon.png" sizes="192x192"> 21 <link rel="apple-touch-icon" href="/content/images/system/default/favicon.png" sizes="180x180"> 22<meta property="og:type" content="website"> 23<meta property="og:url" content="https://pixvid.org/plugin"> 24<meta property="og:title" content="PixVid free image hosting"> 25<meta property="og:image" content="/content/images/system/default/home_cover.jpg"> 26<meta property="og:description" content="A free image hosting service."> 27<meta name="twitter:card" content="summary"> 28<meta name="twitter:description" content="A free image hosting service."> 29<meta name="twitter:title" content="Upload plugin"> 30<style> 31.font-0, html.font-0 body { 32 font-family: Helvetica, Arial, sans-serif; 33} 34.font-1, html.font-1 body { 35 font-family: "Times New Roman", Times, serif; 36} 37.font-2, html.font-2 body { 38 font-family: Georgia, serif; 39} 40.font-3, html.font-3 body { 41 font-family: Tahoma, Verdana, sans-serif; 42} 43.font-4, html.font-4 body { 44 font-family: "Trebuchet MS", Helvetica, sans-serif; 45} 46.font-5, html.font-5 body { 47 font-family: Geneva, Verdana, sans-serif; 48} 49.font-6, html.font-6 body { 50 font-family: "Courier New", Courier, monospace; 51} 52.font-7, html.font-7 body { 53 font-family: "Brush Script MT", cursive; 54} 55.font-8, html.font-8 body { 56 font-family: Copperplate, Papyrus, fantasy; 57} 58</style> 59<style> 60@media (prefers-color-scheme: dark) { 61 .palette-system:root { 62 color-scheme: dark; 63--colorBlue: hsl(216, 73%, 52%); 64--colorBlueHover: hsl(216, 73%, 42%); 65--alertAccent: hsl(48, 89%, 50%); 66--alertBackground: hsl(52, 100%, 90%); 67--alertText: hsl(278, 22%, 10%); 68--bodyBackground: hsl(0deg 0% 12.94%); 69--bodyEmpty: hsl(0deg 0% 18.43%); 70--bodySeparator: var(--bodyEmpty); 71--bodyText: hsl(245, 5%, 80%); 72--bodyTextSubtle: hsl(245, 5%, 45%); 73--buttonDefaultBackground: var(--bodyEmpty); 74--buttonDefaultHoverBackground: hsl(245, 5%, 10%); 75--buttonDefaultHoverText: var(--colorAccent); 76--buttonDefaultText: var(--bodyText); 77--inputBackground: hsl(0deg 0% 18.43%); 78--inputPlaceholderText: hsl(245, 5%, 50%); 79--inputText: var(--bodyText); 80--menuBackground: hsla(0deg, 0%, 18.43%, 75%); 81--menuItemHoverBackground: var(--colorAccent); 82--menuItemHoverText: hsl(245, 5%, 100%); 83--menuItemText: #DEDEDE; 84--menuSeparator: rgba(255, 255, 255, .1); 85--menuText: #DEDEDE; 86--modalBackground: var(--bodyBackground); 87--modalText: var(--bodyText);
88--topBarBackground: var(--bodyBackground); 89--topBarText: var(--bodyText); 90--topSubBarBackground: var(--bodyBackground); 91--viewerBackground: hsl(0deg 0% 9.02%); 92--linkText: rgb(41, 151, 255); 93--buttonAccentBackground: rgb(0, 113, 227); 94--buttonAccentHoverBackground: rgb(0, 118, 223); } 95} 96 97.palette-dark:root { 98 color-scheme: dark; 99--colorBlue: hsl(216, 73%, 52%); 100--colorBlueHover: hsl(216, 73%, 42%); 101--alertAccent: hsl(48, 89%, 50%); 102--alertBackground: hsl(52, 100%, 90%); 103--alertText: hsl(278, 22%, 10%); 104--bodyBackground: hsl(0deg 0% 12.94%); 105--bodyEmpty: hsl(0deg 0% 18.43%); 106--bodySeparator: var(--bodyEmpty); 107--bodyText: hsl(245, 5%, 80%); 108--bodyTextSubtle: hsl(245, 5%, 45%); 109--buttonDefaultBackground: var(--bodyEmpty); 110--buttonDefaultHoverBackground: hsl(245, 5%, 10%); 111--buttonDefaultHoverText: var(--colorAccent); 112--buttonDefaultText: var(--bodyText); 113--inputBackground: hsl(0deg 0% 18.43%); 114--inputPlaceholderText: hsl(245, 5%, 50%); 115--inputText: var(--bodyText); 116--menuBackground: hsla(0deg, 0%, 18.43%, 75%); 117--menuItemHoverBackground: var(--colorAccent); 118--menuItemHoverText: hsl(245, 5%, 100%); 119--menuItemText: #DEDEDE; 120--menuSeparator: rgba(255, 255, 255, .1); 121--menuText: #DEDEDE; 122--modalBackground: var(--bodyBackground); 123--modalText: var(--bodyText);
124--topBarBackground: var(--bodyBackground); 125--topBarText: var(--bodyText); 126--topSubBarBackground: var(--bodyBackground); 127--viewerBackground: hsl(0deg 0% 9.02%); 128--linkText: rgb(41, 151, 255); 129--buttonAccentBackground: rgb(0, 113, 227); 130--buttonAccentHoverBackground: rgb(0, 118, 223);} 131.palette-lush:root{ 132 --alertAccent: hsl(48, 89%, 50%); 133 --alertBackground: hsl(52, 100%, 90%); 134 --alertText: hsl(278, 22%, 10%); 135 --bodyBackground: hsl(150, 25%, 94%); 136 --bodyEmpty: hsl(150, 25%, 85%); 137 --bodySeparator: var(--bodyEmpty); 138 --bodyText: hsl(150, 25%, 16%); 139 --bodyTextDisabled: hsl(150, 25%, 50%); 140 --bodyTextSubtle: hsl(189, 6%, 45%); 141 --buttonAccentBackground: hsl(150, 25%, 70%); 142 --buttonAccentHoverBackground: hsl(150, 25%, 60%); 143 --buttonAccentHoverText: var(--buttonAccentText); 144 --buttonAccentText: hsl(150, 25%, 20%); 145 --buttonDefaultBackground: var(--bodyBackground); 146 --buttonDefaultBorder: hsl(150, 25%, 80%); 147 --buttonDefaultHoverBackground: hsl(150, 25%, 85%); 148 --buttonDefaultHoverBorder: hsl(150, 25%, 80%); 149 --buttonDefaultHoverText: hsl(150, 25%, 20%); 150 --buttonDefaultText: hsl(150, 25%, 20%); 151 --colorAccent: hsl(150, 40%, 50%); 152 --colorAccentStrong: hsl(150, 25%, 40%); 153 --inputBackground: hsl(0, 0%, 100%); 154 --inputPlaceholderText: hsl(150, 25%, 40%, 0.2); 155 --inputText: var(--bodyText); 156 --linkText: var(--colorAccent); 157 --menuBackground: hsla(150, 25%, 90%, 80%); 158 --menuItemHoverBackground: var(--colorAccent); 159 --menuItemHoverText: #FFF; 160 --menuItemText: var(--bodyText); 161 --menuSeparator: hsl(150, 25%, 72%); 162 --menuText: var(--bodyText); 163 --modalBackground: var(--bodyBackground); 164 --modalText: var(--bodyText);
165 --topBarBackground: var(--bodyBackground); 166 --topBarText: var(--bodyText); 167 --listItemText: var(--bodyBackground); 168} 169.palette-graffiti:root { 170 --alertAccent: hsl(48, 89%, 50%); 171 --alertBackground: hsl(52, 100%, 90%); 172 --alertText: var(--bodyText); 173 --bodyBackground: hsl(279, 77%, 95%); 174 --bodyEmpty: hsl(278, 80%, 91%); 175 --bodySeparator: hsl(278, 80%, 94%); 176 --bodyText: hsl(278, 22%, 10%); 177 --bodyTextDisabled: hsl(278, 80%, 90%); 178 --buttonAccentBackground: var(--colorAccent); 179 --buttonAccentHoverBackground: var(--colorAccentStrong); 180 --buttonAccentHoverText: var(--buttonAccentText); 181 --buttonDefaultBackground: var(--bodyBackground); 182 --buttonDefaultBorder: hsl(278, 80%, 90%); 183 --buttonDefaultHoverBackground: var(--bodyEmpty); 184 --buttonDefaultHoverBorder: hsl(278, 80%, 90%); 185 --buttonDefaultHoverText: var(--colorAccentStrong); 186 --buttonDefaultText: var(--colorAccent); 187 --colorAccent: hsl(278, 33%, 44%); 188 --colorAccentStrong: hsl(278, 33%, 40%); 189 --inputBackground: hsl(0, 0%, 100%); 190 --inputText: hsl(278, 22%, 10%); 191 --linkText: var(--colorAccent); 192 --menuBackground: hsla(278, 80%, 90%, 80%); 193 --menuItemHoverBackground: var(--colorAccent); 194 --menuItemHoverText: #FFF; 195 --menuItemText: var(--inputText); 196 --menuSeparator: hsl(278, 80%, 79%); 197 --menuText: var(--inputText); 198 --modalBackground: var(--bodyBackground); 199 --modalText: var(--inputText);
200 --topBarBackground: var(--bodyBackground); 201 --topBarText: var(--bodyText); 202 --listItemText: var(--bodyBackground); 203} 204.palette-abstract:root { 205 --alertAccent: hsl(48, 89%, 50%); 206 --alertBackground: hsl(52, 100%, 90%); 207 --alertText: hsl(278, 22%, 10%); 208 --bodyBackground: hsl(15, 73%, 97%); 209 --bodyEmpty: hsl(15, 100%, 92%); 210 --bodySeparator: var(--bodyEmpty); 211 --bodyText: hsl(15, 25%, 16%); 212 --bodyTextDisabled: hsl(15, 100%, 90%); 213 --bodyTextSubtle: hsl(189, 6%, 45%); 214 --buttonAccentBackground: var(--colorAccent); 215 --buttonAccentHoverBackground: var(--colorAccentStrong); 216 --buttonAccentHoverText: var(--buttonAccentText); 217 --buttonAccentText: hsl(0, 0%, 100%); 218 --buttonDefaultBackground: var(--bodyBackground); 219 --buttonDefaultBorder: hsl(15, 70%, 90%); 220 --buttonDefaultHoverBackground: hsl(15, 100%, 95%); 221 --buttonDefaultHoverBorder: hsl(15, 80%, 90%); 222 --buttonDefaultHoverText: var(--colorAccentStrong); 223 --buttonDefaultText: var(--colorAccentStrong); 224 --colorAccent: hsl(15, 70%, 30%); 225 --colorAccentStrong: hsl(15, 70%, 40%); 226 --inputBackground: var(--buttonAccentText); 227 --inputPlaceholderText: hsl(15, 100%, 20%, 0.3); 228 --inputText: var(--bodyText); 229 --linkText: var(--colorAccent); 230 --menuBackground: hsla(15, 100%, 90%, 80%); 231 --menuItemHoverBackground: var(--colorAccent); 232 --menuItemHoverText: #FFF; 233 --menuItemText: var(--bodyText); 234 --menuSeparator: hsl(15, 71%, 74%); 235 --menuText: var(--bodyText); 236 --modalBackground: var(--bodyBackground); 237 --modalText: var(--bodyText);
238 --topBarBackground: var(--bodyBackground); 239 --topBarText: var(--bodyText); 240 --listItemText: var(--bodyBackground); 241} 242.palette-cheers:root { 243 --alertAccent: hsl(48, 89%, 50%); 244 --alertBackground: hsl(52, 100%, 90%); 245 --alertText: hsl(278, 22%, 10%); 246 --bodyBackground: hsl(42, 60%, 91%); 247 --bodyEmpty: hsl(42, 80%, 82%); 248 --bodySeparator: var(--bodyEmpty); 249 --bodyText: hsl(42, 25%, 16%); 250 --bodyTextDisabled: hsl(42, 100%, 50%); 251 --bodyTextSubtle: hsl(189, 6%, 45%); 252 --buttonAccentBackground: hsl(42, 100%, 70%); 253 --buttonAccentHoverBackground: hsl(42, 100%, 60%); 254 --buttonAccentHoverText: var(--buttonAccentText); 255 --buttonAccentText: hsl(42, 80%, 20%); 256 --buttonDefaultBackground: var(--bodyBackground); 257 --buttonDefaultBorder: hsl(42, 70%, 80%); 258 --buttonDefaultHoverBackground: hsl(42, 80%, 85%); 259 --buttonDefaultHoverBorder: hsl(42, 80%, 80%); 260 --buttonDefaultHoverText: hsl(42, 80%, 20%); 261 --buttonDefaultText: hsl(42, 80%, 20%); 262 --colorAccent: hsl(42, 100%, 50%); 263 --colorAccentStrong: hsl(42, 100%, 40%); 264 --inputBackground: hsl(0, 0%, 100%); 265 --inputPlaceholderText: hsl(42, 100%, 40%, 0.2); 266 --inputText: var(--bodyText); 267 --linkText: var(--colorAccent); 268 --menuBackground: hsla(42, 90%, 90%, 80%); 269 --menuItemHoverBackground: var(--colorAccent); 270 --menuItemHoverText: #FFF; 271 --menuItemText: var(--bodyText); 272 --menuSeparator: hsl(42, 70%, 67%); 273 --menuText: var(--bodyText); 274 --modalBackground: var(--bodyBackground); 275 --modalText: var(--bodyText);
276 --topBarBackground: var(--bodyBackground); /* hsl(42, 100%, 70%) */ 277 --topBarText: var(--bodyText); 278 --listItemText: var(--bodyBackground); 279} 280.palette-imgur:root { 281 color-scheme: dark; 282 --alertAccent: var(--colorAccent); 283 --alertBackground: #463979; 284 --alertText: var(--bodyText); 285 --backgroundDarkAlpha: rgb(0 0 0 / 80%); 286 --backgroundLightAlpha: rgba(26, 25, 62, .9); 287 --bodyBackground: rgb(39,41,45); 288 --bodyEmpty: hsl(222.35deg 10.83% 24.78%); 289 --bodySeparator: #464b57; 290 --bodyText: #DADCDF; 291 --bodyTextDisabled: #b4b9c2; 292 --bodyTextSubtle: #999; 293 --buttonAccentHoverText: var(--buttonAccentText); 294 --buttonAccentText: #FFF; 295 --buttonDefaultBackground: #464b57; 296 --buttonDefaultHoverBackground: var(--colorAccent); 297 --buttonDefaultHoverText: var(--buttonAccentText); 298 --buttonDefaultText: #FFF; 299 --colorAccent: #1bb76e; 300 --colorAccentStrong: #31be7c; 301 --inputBackground: #191919; 302 --inputPlaceholderText: #9298a0; 303 --inputText: #f2f2f2; 304 --linkText: var(--colorAccent); 305 --menuBackground: hsl(222deg 6% 35% / 80%); 306 --menuItemHoverBackground: #4a58fb; 307 --menuItemHoverText: var(--buttonAccentText); 308 --menuItemText: var(--buttonAccentText); 309 --menuSeparator: rgb(11 14 15 / 10%); 310 --menuText: var(--buttonAccentText); 311 --modalBackground: rgb(60 66 75 / 50%); 312 --modalText: var(--buttonAccentText);
313 --topBarBackground: linear-gradient(180deg, #171544 0%, rgba(39,41,45,1)); 314 --topSubBarBackground: var(--bodyBackground); 315 --topBarText: var(--bodyText); 316 --viewerBackground: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.1)); 317} 318.palette-flickr:root { 319 --bodyBackground: #f2f5f6; 320 --colorAccent: #128fdc; 321 --colorAccentStrong: #1c9be9; 322 --linkText: #006dac; 323 --topBarBackground: rgb(0 0 0 / 90%); 324 --topSubBarBackground: var(--bodyBackground); 325 --topBarText: #FFF; 326 --viewerBackground: #212124; 327} 328.palette-deviantart:root { 329 color-scheme: dark; 330 --alertAccent: var(--colorAccent); 331 --alertBackground: #9affde; 332 --bodyBackground: #06070d; 333 --bodyEmpty: var(--bodyBackground); 334 --bodyText: #f2f2f2; 335 --bodyTextSubtle: #5d5c6c; 336 --buttonAccentHoverBackground: var(--colorAccentStrong); 337 --buttonAccentHoverText: var(--buttonAccentText); 338 --buttonAccentText: #FFF; 339 --buttonDefaultBackground: var(--bodyBackground); 340 --buttonDefaultHoverBackground:var(--bodyBackground); 341 --buttonDefaultHoverText: var(--buttonDefaultText); 342 --buttonDefaultText: #f2f2f2; 343 --colorAccent: #00e59b; 344 --colorAccentStrong: #31be7c; 345 --inputBackground: #292f34; 346 --inputPlaceholderText: #838592; 347 --inputText: #838592; 348 --linkText: var(--colorAccent); 349 --menuBackground: var(--bodyBackground); 350 --menuItemHoverBackground: #282f34; 351 --menuItemHoverText: var(--colorAccent); 352 --menuItemText: #b1b1b9; 353 --menuText: var(--buttonAccentText); 354 --modalText: var(--buttonDefaultText);
355 --topBarBackground: #06070d; 356 --topBarText: #fff; 357 --viewerBackground: linear-gradient(180deg, rgba(26,28,35,1) 0%, rgba(11,13,18,1) 100%); 358} 359.palette-cmyk:root { 360 color-scheme: dark; 361 --alertAccent: var(--buttonAccentBackground); 362 --alertBackground: #fff5b3; 363 --alertText: var(--bodyText); 364 --bodyBackground: #000; 365 --bodyEmpty: #000e10; 366 --bodySeparator: #370f1d; 367 --bodyText: #00bcd4; 368 --bodyTextSubtle: var(--buttonAccentBackground); 369 --buttonAccentBackground: #ec407a; 370 --buttonAccentHoverBackground: var(--bodyText); 371 --buttonAccentHoverText: #fff; 372 --buttonAccentText: var(--buttonAccentHoverText); 373 --buttonDefaultBackground: var(--bodyBackground); 374 --buttonDefaultHoverBackground: var(--bodyBackground); 375 --buttonDefaultHoverText: #ffd54f; 376 --buttonDefaultText: var(--buttonAccentBackground); 377 --colorAccent: var( --buttonDefaultHoverText); 378 --inputBackground: #edcf6e; 379 --inputPlaceholderText: var(--bodyBackground); 380 --linkText: var(--buttonDefaultHoverText); 381 --menuBackground: rgb(0 0 0 / 70%); 382 --menuItemHoverBackground: var(--buttonAccentBackground); 383 --menuItemHoverText: var(--buttonAccentText); 384 --menuItemText: var(--buttonDefaultHoverText); 385 --menuSeparator: rgb(11 14 15 / 10%); 386 --menuText: var(--buttonAccentHoverText); 387 --modalBackground: var(--bodyBackground); 388 --modalText: var(--bodyText);
389 --topBarBackground: rgb(0 0 0 / 70%); 390 --topBarText: var(--bodyText); 391 --viewerBackground: linear-gradient(180deg, rgba(26,28,35,1) 0%, rgba(11,13,18,1) 100%); 392} 393</style> 394<link rel="alternate" hreflang="x-default" href="https://pixvid.org/plugin"> 395<link rel="alternate" hreflang="ar" href="https://pixvid.org/plugin/?lang=ar"> 396<link rel="alternate" hreflang="bg-bg" href="https://pixvid.org/plugin/?lang=bg-BG"> 397<link rel="alternate" hreflang="bs-ba" href="https://pixvid.org/plugin/?lang=bs-BA"> 398<link rel="alternate" hreflang="ca" href="https://pixvid.org/plugin/?lang=ca"> 399<link rel="alternate" hreflang="cs" href="https://pixvid.org/plugin/?lang=cs"> 400<link rel="alternate" hreflang="da" href="https://pixvid.org/plugin/?lang=da"> 401<link rel="alternate" hreflang="de" href="https://pixvid.org/plugin/?lang=de"> 402<link rel="alternate" hreflang="de-de" href="https://pixvid.org/plugin/?lang=de-DE"> 403<link rel="alternate" hreflang="el" href="https://pixvid.org/plugin/?lang=el"> 404<link rel="alternate" hreflang="en" href="https://pixvid.org/plugin"> 405<link rel="alternate" hreflang="es" href="https://pixvid.org/plugin/?lang=es"> 406<link rel="alternate" hreflang="et-ee" href="https://pixvid.org/plugin/?lang=et-EE"> 407<link rel="alternate" hreflang="fa" href="https://pixvid.org/plugin/?lang=fa"> 408<link rel="alternate" hreflang="fi" href="https://pixvid.org/plugin/?lang=fi"> 409<link rel="alternate" hreflang="fr" href="https://pixvid.org/plugin/?lang=fr"> 410<link rel="alternate" hreflang="he" href="https://pixvid.org/plugin/?lang=he"> 411<link rel="alternate" hreflang="hr" href="https://pixvid.org/plugin/?lang=hr"> 412<link rel="alternate" hreflang="hu" href="https://pixvid.org/plugin/?lang=hu"> 413<link rel="alternate" hreflang="id" href="https://pixvid.org/plugin/?lang=id"> 414<link rel="alternate" hreflang="it" href="https://pixvid.org/plugin/?lang=it"> 415<link rel="alternate" hreflang="ja" href="https://pixvid.org/plugin/?lang=ja"> 416<link rel="alternate" hreflang="ko" href="https://pixvid.org/plugin/?lang=ko"> 417<link rel="alternate" hreflang="lt-lt" href="https://pixvid.org/plugin/?lang=lt-LT"> 418<link rel="alternate" hreflang="nb" href="https://pixvid.org/plugin/?lang=nb"> 419<link rel="alternate" hreflang="nl" href="https://pixvid.org/plugin/?lang=nl"> 420<link rel="alternate" hreflang="pl" href="https://pixvid.org/plugin/?lang=pl"> 421<link rel="alternate" hreflang="pt" href="https://pixvid.org/plugin/?lang=pt"> 422<link rel="alternate" hreflang="pt-br" href="https://pixvid.org/plugin/?lang=pt-BR"> 423<link rel="alternate" hreflang="ro" href="https://pixvid.org/plugin/?lang=ro"> 424<link rel="alternate" hreflang="ru" href="https://pixvid.org/plugin/?lang=ru"> 425<link rel="alternate" hreflang="sk" href="https://pixvid.org/plugin/?lang=sk"> 426<link rel="alternate" hreflang="sr-rs" href="https://pixvid.org/plugin/?lang=sr-RS"> 427<link rel="alternate" hreflang="sv" href="https://pixvid.org/plugin/?lang=sv"> 428<link rel="alternate" hreflang="th" href="https://pixvid.org/plugin/?lang=th"> 429<link rel="alternate" hreflang="tr" href="https://pixvid.org/plugin/?lang=tr"> 430<link rel="alternate" hreflang="uk" href="https://pixvid.org/plugin/?lang=uk"> 431<link rel="alternate" hreflang="vi" href="https://pixvid.org/plugin/?lang=vi"> 432<link rel="alternate" hreflang="zh-cn" href="https://pixvid.org/plugin/?lang=zh-CN"> 433<link rel="alternate" hreflang="zh-tw" href="https://pixvid.org/plugin/?lang=zh-TW"> 434</head> 435<body id="plugin" class="page" data-route="plugin"> 436 <header id="top-bar" class="top-bar top-bar--main"> 437 <div class="content-width"> 438 <div id="logo" class="top-bar-logo no-select"> 439 <a href="/">PixVid</a> 440 </div> 441 <ul class="top-bar-left float-left"> 442 <li data-action="top-bar-menu-full" data-nav="mobile-menu" class="top-btn-el phone-show hidden"> 443 <span class="top-btn-text"><span class="icon fas fa-bars"></span></span> 444 </li> 445 446 447 <li data-action="top-bar-search" data-nav="search" class="phone-hide pop-btn">
448 <span class="top-btn-text"><span class="icon fas fa-search"></span><span class="btn-text phone-hide phablet-hide">Search</span></span> 449 </li> 450 <li data-action="top-bar-search-input" class="top-bar-search-input phone-hide pop-btn pop-keep-click hidden"> 451 <div class="input-search"> 452 <form action="/search/images/" method="get"> 453 <input required class="search" type="text" placeholder="Search" autocomplete="off" spellcheck="false" name="q"> 454 </form> 455 <span class="fas fa-search icon--search"></span><span class="icon--close fas fa-times" data-action="clear-search" title="Close"></span><span class="icon--settings fa-solid fa-sliders" data-modal="form" data-target="advanced-search" title="Advanced search"></span> 456 </div> 457 </li> 458 <div class="hidden" data-modal="advanced-search"> 459 <span class="modal-box-title"><i class="fa-solid fa-sliders margin-right-5"></i>Advanced search</span> 460 <form action="/search/images/" method="get" data-beforeunload="continue"> 461 <div class="input-label"> 462 <label for="as_q">All these words</label> 463 <input type="text" id="as_q" name="as_q" class="text-input" placeholder="Type the important words: tri-colour rat terrier"> 464 </div> 465 <div class="input-label"> 466 <label for="as_epq">This exact word or phrase</label> 467 <input type="text" id="as_epq" name="as_epq" class="text-input" placeholder="Put exact words in quotes: "rat terrier""> 468 </div> 469 <div class="input-label"> 470 <label for="as_eq">None of these words</label> 471 <input type="text" id="as_eq" name="as_eq" class="text-input" placeholder="Put a minus sign just before words you don't want: -rodent -"Jack Russell""> 472 </div> 473 </form> 474 </div> 475 </ul> 476 <ul class="top-bar-right float-right keep-visible"> 477 478 <li data-action="top-bar-upload" data-link="js" data-nav="upload" class="top-btn-el" > 479 <a aria-label="Upload" href="/upload" class="top-btn-text"><span class="icon fas fa-cloud-upload-alt"></span><span class="btn-text phone-hide phablet-hide">Upload</span></a> 480 </li> 481 482 <li id="top-bar-signin" data-nav="signin" class="top-btn-el"> 483 <a aria-label="Sign in" href="/login" class="top-btn-text"><span class="icon fas fa-sign-in-alt"></span><span class="btn-text phone-hide phablet-hide">Sign in</span> 484 </a> 485 </li> 486 <li data-nav="language" class="phone-hide pop-btn"> 487 <span class="top-btn-text"> 488 <span class="icon fas fa-language"></span><span class="btn-text phablet-hide">EN</span> 489 </span> 490 <div class="pop-box --auto-cols pbcols5 arrow-box arrow-box-top anchor-center"> 491 <div class="pop-box-inner pop-box-menu pop-box-menucols"> 492 <ul> 493 <li><a href="https://pixvid.org/plugin/?lang=ar">Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li> 494<li><a href="https://pixvid.org/plugin/?lang=bg-BG">ÐÑлгаÑÑки</a></li> 495<li><a href="https://pixvid.org/plugin/?lang=bs-BA">Bosanski</a></li> 496<li><a href="https://pixvid.org/plugin/?lang=ca">Сatalà </a></li> 497<li><a href="https://pixvid.org/plugin/?lang=cs">ÄeÅ¡tina</a></li> 498<li><a href="https://pixvid.org/plugin/?lang=da">Dansk</a></li> 499<li><a href="https://pixvid.org/plugin/?lang=de">Deutsch</a></li> 500<li><a href="https://pixvid.org/plugin/?lang=de-DE">Deutsch (Deutschland)</a></li> 501<li><a href="https://pixvid.org/plugin/?lang=el">Îλληνικά</a></li> 502<li class="current"><a href="https://pixvid.org/plugin/?lang=en">English</a></li> 503<li><a href="https://pixvid.org/plugin/?lang=es">Español</a></li> 504<li><a href="https://pixvid.org/plugin/?lang=et-EE">Eesti (Eesti)</a></li> 505<li><a href="https://pixvid.org/plugin/?lang=fa">ÙØ§Ø±Ø³Û</a></li> 506<li><a href="https://pixvid.org/plugin/?lang=fi">Suomi</a></li> 507<li><a href="https://pixvid.org/plugin/?lang=fr">Français</a></li> 508<li><a href="https://pixvid.org/plugin/?lang=he">×¢×ר×ת</a></li> 509<li><a href="https://pixvid.org/plugin/?lang=hr">Hrvatski</a></li> 510<li><a href="https://pixvid.org/plugin/?lang=hu">Magyar</a></li> 511<li><a href="https://pixvid.org/plugin/?lang=id">Bahasa Indonesia</a></li> 512<li><a href="https://pixvid.org/plugin/?lang=it">Italiano</a></li> 513<li><a href="https://pixvid.org/plugin/?lang=ja">æ¥æ¬èª</a></li> 514<li><a href="https://pixvid.org/plugin/?lang=ko">íêµì´</a></li> 515<li><a href="https://pixvid.org/plugin/?lang=lt-LT">Lietuvių (Lietuva)</a></li> 516<li><a href="https://pixvid.org/plugin/?lang=nb">âªNorsk BokmÃ¥lâ¬</a></li> 517<li><a href="https://pixvid.org/plugin/?lang=nl">Nederlands</a></li> 518<li><a href="https://pixvid.org/plugin/?lang=pl">Polski</a></li> 519<li><a href="https://pixvid.org/plugin/?lang=pt">Português</a></li> 520<li><a href="https://pixvid.org/plugin/?lang=pt-BR">Português (Brasil)</a></li> 521<li><a href="https://pixvid.org/plugin/?lang=ro">RomânÄ</a></li> 522<li><a href="https://pixvid.org/plugin/?lang=ru">Ð ÑÑÑкий</a></li> 523<li><a href="https://pixvid.org/plugin/?lang=sk">SlovenÄina</a></li> 524<li><a href="https://pixvid.org/plugin/?lang=sr-RS">СÑпÑки</a></li> 525<li><a href="https://pixvid.org/plugin/?lang=sv">Svenska</a></li> 526<li><a href="https://pixvid.org/plugin/?lang=th">à¹à¸à¸¢</a></li> 527<li><a href="https://pixvid.org/plugin/?lang=tr">Türkçe</a></li> 528<li><a href="https://pixvid.org/plugin/?lang=uk">УкÑаÑнÑÑка</a></li> 529<li><a href="https://pixvid.org/plugin/?lang=vi">Tiếng Viá»t</a></li> 530<li><a href="https://pixvid.org/plugin/?lang=zh-CN">ç®ä½ä¸æ</a></li> 531<li><a href="https://pixvid.org/plugin/?lang=zh-TW">ç¹é«ä¸æ</a></li> 532 </ul> 533 </div> 534 </div> 535 </li> 536 <li data-nav="about" class="phone-hide pop-btn pop-keep-click">
537 <span class="top-btn-text"> 538 <span class="icon far fa-question-circle"></span><span class="btn-text phone-hide phablet-hide laptop-hide tablet-hide desktop-hide">About</span> 539 </span> 540 <div class="pop-box arrow-box arrow-box-top anchor-right"> 541 <div class="pop-box-inner pop-box-menu"> 542 <ul> 543 <li class="with-icon"><a href="/api-v1"><span class="btn-icon fas fa-project-diagram"></span> API</a> 544 </li> 545 <li class="with-icon"><a href="/plugin"><span class="btn-icon fas fa-plug-circle-plus"></span> Plugin</a> 546 </li> 547 <li class="with-icon"><a href="https://phcorner.org/contact" target="_blank"><span class="btn-icon fas fa-at"></span> Contact us</a> 548 </li> 549 </ul> 550 </div> 551 </div> 552 </li> 553 </ul> 554 </div> 555 </header> 556 <div class="center-box c24 margin-top-20 padding-bottom-10"> 557 <div class="content-width"> 558 <div class="header default-margin-bottom"> 559 <h1 class="header-title"><i class="fa-solid fa-plug-circle-plus color-accent margin-right-5"></i>Upload plugin</h1> 560 </div> 561 <div class="text-content"> 562 <p>Add media uploading and sharing to your website, blog or forum by installing our upload plugin. It provides file uploading to any website by placing a button that will allow your users to directly upload to our service and it will automatically handle the codes needed for insertion. All features included like drag and drop, remote upload, image resizing and more.</p> 563 <h2><i class="fa-solid fa-circle-check color-accent margin-right-5"></i>Supported software</h2> 564 <p>The plugin works in any website with user-editable content and for supported software, it will place an upload button that will match the target editor toolbar so no extra customization is needed.</p> 565 <ul> 566 <li>bbPress</li> 567<li>Discourse</li> 568<li>Discuz!</li> 569<li>Invision Power Board</li> 570<li>MyBB</li> 571<li>NodeBB</li> 572<li>ProBoards</li> 573<li>phpBB</li> 574<li>Simple Machines Forum</li> 575<li>Vanilla Forums</li> 576<li>vBulletin</li> 577<li>WoltLab</li> 578<li>XenForo</li> 579 </ul> 580 <h2><i class="fa-solid fa-wand-magic-sparkles color-accent margin-right-5"></i>Add it to your website</h2> 581 <p>Copy and paste the plugin code into your website HTML code (preferably inside the head section). There are plenty options to make it fit better to your needs.</p> 582 <div data-content="pup-options"> 583 <div class="input-label"> 584 <label for="palette">Color palette</label> 585 <div class="c9 phablet-c1"> 586 <select type="text" name="palette" id="palette" class="text-input"> 587 <option value="" selected="selected">Default</option> 588<option value="clear">Clear</option> 589<option value="turquoise">Turquoise</option> 590<option value="green">Green</option> 591<option value="blue">Blue</option> 592<option value="purple">Purple</option> 593<option value="darkblue">Darkblue</option> 594<option value="yellow">Yellow</option> 595<option value="orange">Orange</option> 596<option value="red">Red</option> 597<option value="grey">Grey</option> 598<option value="black">Black</option> 599 </select> 600 </div> 601 <div class="input-below">Button color scheme</div> 602 </div> 603 <div class="input-label"> 604 <label for="auto-insert">Embed codes</label> 605 <div class="c9 phablet-c1"> 606 <select type="text" name="auto-insert" id="auto-insert" class="text-input"> 607 <option value="viewer-links">Viewer link</option> 608<option value="frame-links">Frame link</option> 609<option value="full-html-embed">HTML full linked</option> 610<option value="medium-html-embed">HTML medium linked</option> 611<option value="thumb-html-embed">HTML thumbnail linked</option> 612<option value="full-markdown-embed">Markdown full linked</option> 613<option value="medium-markdown-embed">Markdown medium linked</option> 614<option value="thumb-markdown-embed">Markdown thumbnail linked</option> 615<option value="full-bbcode-embed">BBCode full linked</option> 616<option value="medium-bbcode-embed">BBCode medium linked</option> 617<option value="thumb-bbcode-embed">BBCode thumbnail linked</option> 618 </select> 619 </div> 620 <div class="input-below">Embed codes that will be auto-inserted in editor box</div> 621 </div> 622 <div class="input-label"> 623 <label for="sibling">Sibling selector</label> 624 <div class="c9 phablet-c1"> 625 <input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string"> 626 </div> 627 <div class="input-below">Sibling element selector where to place the button next to</div> 628 </div> 629 <div class="input-label"> 630 <label for="sibling-pos">Sibling position</label> 631 <div class="c9 phablet-c1"> 632 <select type="text" name="sibling-pos" id="sibling-pos" class="text-input"> 633 <option value="" selected="selected">After</option> 634 <option value="before">Before</option> 635 </select> 636 </div> 637 <div class="input-below">Position relative to sibling element</div> 638 </div> 639 </div> 640 641 <h4 class="margin-bottom-10"><i>Preview</i></h4> 642 <div><style type="text/css" id="chevereto-pup-style">.chevereto-pup-container{display:inline-block;margin-top:5px;margin-bottom:5px}.chevereto-pup-button{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.05);border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.chevereto-pup-button:hover{border-top-color:rgba(255,255,255,.1);border-right-color:rgba(0,0,0,.05);border-bottom-color:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.05);}.chevereto-pup-button-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center;position:relative;height:1em;width:1em;margin-right:.25em}.chevereto-pup-button-icon img,.chevereto-pup-button-icon svg{width:1em;height:1em;bottom:-.125em;position:absolute}.chevereto-pup-button-icon svg{fill:currentColor}.chevereto-pup-button--palette-default{color:#000;background:#ececec}.chevereto-pup-button--palette-default:hover{background:#2980b9;color:#fff}.chevereto-pup-button--palette-clear{color:inherit;background:inherit}.chevereto-pup-button--palette-clear:hover{background:inherit;color:#2980b9}.chevereto-pup-button--palette-turquoise{color:#fff;background:#16a085}.chevereto-pup-button--palette-turquoise:hover{background:#1abc9c;color:#fff}.chevereto-pup-button--palette-green{color:#fff;background:#27ae60}.chevereto-pup-button--palette-green:hover{background:#2ecc71;color:#fff}.chevereto-pup-button--palette-blue{color:#fff;background:#2980b9}.chevereto-pup-button--palette-blue:hover{background:#3498db;color:#fff}.chevereto-pup-button--palette-purple{color:#fff;background:#8e44ad}.chevereto-pup-button--palette-purple:hover{background:#9b59b6;color:#fff}.chevereto-pup-button--palette-darkblue{color:#fff;background:#2c3e50}.chevereto-pup-button--palette-darkblue:hover{background:#34495e;color:#fff}.chevereto-pup-button--palette-yellow{color:#fff;background:#f39c12}.chevereto-pup-button--palette-yellow:hover{background:#f1c40f;color:#fff}.chevereto-pup-button--palette-orange{color:#fff;background:#d35400}.chevereto-pup-button--palette-orange:hover{background:#e67e22;color:#fff}.chevereto-pup-button--palette-red{color:#fff;background:#c0392b}.chevereto-pup-button--palette-red:hover{background:#e74c3c;color:#fff}.chevereto-pup-button--palette-grey{color:#000;background:#ececec}.chevereto-pup-button--palette-grey:hover{background:#e0e0e0;color:#000}.chevereto-pup-button--palette-black{color:#fff;background:#333}.chevereto-pup-button--palette-black:hover{background:#666;color:#fff}</style><div class="chevereto-pup-container"><button id="pup-preview" class="chevereto-pup-button chevereto-pup-button--palette-default"><span class="chevereto-pup-button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewB
642ox="0 0 100 100"><path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z"/></svg></span><span class="%tClass">Upload images</span></button></div></div> 643 644 <h4 class="margin-bottom-10"><i>HTML code</i></h4> 645 <div class="input-label margin-bottom-0"> 646 <textarea id="pup-insert-code" data-focus="select-all" class="code code--snippet code--inline-auto" autocomplete="off" spellcheck="false" readonly><script async src="//pixvid.org/sdk/pup.js" data-url="https://pixvid.org/upload"></script></textarea> 647 <button type="button" class="input-action" data-action="copy" data-action-target="#pup-insert-code"><i class="far fa-copy"></i> copy</button> 648 </div> 649 <div class="margin-bottom-40"> 650 <h3>Advanced options</h3> 651 <p>The plugin has a large set of additional options that allow full customization. You can use custom HTML, CSS, own color palette, set observers and more. Check the <a rel="external" href="https://chevereto.com/go/v4pup" target="_blank">documentation</a> and the plugin source to get a better idea of these advanced options.</p> 652 </div> 653 </div> 654 </div> 655</div>
656<script> 657document.addEventListener("DOMContentLoaded", function() { 658 if(typeof CHV == "undefined") { 659 CHV = {obj: {}, fn: {}, str:{}}; 660 } else { 661 if(typeof CHV.obj.embed_share_tpl == "undefined") { 662 CHV.obj.embed_share_tpl = {}; 663 } 664 if(typeof CHV.obj.embed_upload_tpl == "undefined") { 665 CHV.obj.embed_upload_tpl = {}; 666 } 667 } 668 CHV.obj.embed_share_tpl = {"links":{"label":"Link","options":{"viewer-links":{"label":"Viewer link","template":"%URL_VIEWER%","size":"viewer"},"frame-links":{"label":"Frame link","template":"%URL_FRAME%","size":"full"}}},"html-codes":{"label":"HTML","options":{"full-html-embed":{"label":"HTML full linked","template":{"image":"<a href=\"%URL_VIEWER%\"><img src=\"%URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","video":"<a href=\"%URL_VIEWER%\"><video src=\"%URL%\" controls poster=\"%URL_FRAME%\"><\/video><\/a>"},"size":"full"},"medium-html-embed":{"label":"HTML medium linked","template":"<a href=\"%URL_VIEWER%\"><img src=\"%MEDIUM_URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","size":"medium"},"thumb-html-embed":{"label":"HTML thumbnail linked","template":"<a href=\"%URL_VIEWER%\"><img src=\"%THUMB_URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","size":"thumb"}}},"markdown":{"label":"Markdown","options":{"full-markdown-embed":{"label":"Markdown full linked","template":{"image":"[](%URL_VIEWER%)","video":"[](%URL_VIEWER%)"},"size":"full"},"medium-markdown-embed":{"label":"Markdown medium linked","template":"[](%URL_VIEWER%)","size":"medium"},"thumb-markdown-embed":{"label":"Markdown thumbnail linked","template":"[](%URL_VIEWER%)","size":"thumb"}}},"bbcodes":{"label":"BBCode","options":{"full-bbcode-embed":{"label":"BBCode full linked","template":{"image":"[url=%URL_VIEWER%][img]%URL%[\/img][\/url]","video":"[url=%URL_VIEWER%][video]%URL%[\/video][\/url]"},"size":"full"},"medium-bbcode-embed":{"label":"BBCode medium linked","template":"[url=%URL_VIEWER%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"thumb-bbcode-embed":{"label":"BBCode thumbnail linked","template":"[url=%URL_VIEWER%][img]%THUMB_URL%[\/img][\/url]","size":"thumb"}}}}; 669 CHV.obj.embed_upload_tpl = {"links":{"label":"Link","options":{"viewer-links":{"label":"Viewer link","template":"%URL_VIEWER%","size":"viewer"}
669,"frame-links":{"label":"Frame link","template":"%URL_FRAME%","size":"full"},"delete-links":{"label":"Delete link","template":"%DELETE_URL%","size":"full"}}},"html-codes":{"label":"HTML","options":{"full-html-embed":{"label":"HTML full linked","template":{"image":"<a href=\"%URL_VIEWER%\"><img src=\"%URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","video":"<a href=\"%URL_VIEWER%\"><video src=\"%URL%\" controls poster=\"%URL_FRAME%\"><\/video><\/a>"},"size":"full"},"medium-html-embed":{"label":"HTML medium linked","template":"<a href=\"%URL_VIEWER%\"><img src=\"%MEDIUM_URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","size":"medium"},"thumb-html-embed":{"label":"HTML thumbnail linked","template":"<a href=\"%URL_VIEWER%\"><img src=\"%THUMB_URL%\" alt=\"%DISPLAY_TITLE%\" border=\"0\"><\/a>","size":"thumb"}}},"markdown":{"label":"Markdown","options":{"full-markdown-embed":{"label":"Markdown full linked","template":{"image":"[](%URL_VIEWER%)","video":"[](%URL_VIEWER%)"},"size":"full"},"medium-markdown-embed":{"label":"Markdown medium linked","template":"[](%URL_VIEWER%)","size":"medium"},"thumb-markdown-embed":{"label":"Markdown thumbnail linked","template":"[](%URL_VIEWER%)","size":"thumb"}}},"bbcodes":{"label":"BBCode","options":{"full-bbcode-embed":{"label":"BBCode full linked","template":{"image":"[url=%URL_VIEWER%][img]%URL%[\/img][\/url]","video":"[url=%URL_VIEWER%][video]%URL%[\/video][\/url]"},"size":"full"},"medium-bbcode-embed":{"label":"BBCode medium linked","template":"[url=%URL_VIEWER%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"thumb-bbcode-embed":{"label":"BBCode thumbnail linked","template":"[url=%URL_VIEWER%][img]%THUMB_URL%[\/img][\/url]","size":"thumb"}}}}; 670}); 671</script>
671 672<div data-modal="form-embed-codes" class="hidden"> 673 <span class="modal-box-title"><i class="fas fa-code"></i> Embed codes</span> 674 <div class="image-preview"></div> 675 <div class="input-label margin-bottom-0"> 676 <div class="c8 margin-bottom-10"> 677 <select name="form-embed-toggle" id="form-embed-toggle" class="text-input" data-combo="form-embed-toggle-combo"> 678 <optgroup label="Link"> 679 <option value="viewer-links" data-size="viewer">Viewer link</option> 680 <option value="frame-links" data-size="full">Frame link</option> 681</optgroup><optgroup label="HTML"> 682 <option value="full-html-embed" data-size="full">HTML full linked</option> 683 <option value="medium-html-embed" data-size="medium">HTML medium linked</option> 684 <option value="thumb-html-embed" data-size="thumb">HTML thumbnail linked</option> 685</optgroup><optgroup label="Markdown"> 686 <option value="full-markdown-embed" data-size="full">Markdown full linked</option> 687 <option value="medium-markdown-embed" data-size="medium">Markdown medium linked</option> 688 <option value="thumb-markdown-embed" data-size="thumb">Markdown thumbnail linked</option> 689</optgroup><optgroup label="BBCode"> 690 <option value="full-bbcode-embed" data-size="full">BBCode full linked</option> 691 <option value="medium-bbcode-embed" data-size="medium">BBCode medium linked</option> 692 <option value="thumb-bbcode-embed" data-size="thumb">BBCode thumbnail linked</option> 693</optgroup> </select> 694 </div> 695 <div id="form-embed-toggle-combo"> 696 <div data-combo-value="viewer-links" class="switch-combo"> 697 <textarea id="modal-embed-code-0" class="r3 resize-vertical" name="viewer-links" data-size="viewer" data-focus="select-all"></textarea> 698 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-0"><i class="far fa-copy"></i> copy</button> 699 </div> 700<div data-combo-value="frame-links" class="switch-combo soft-hidden"> 701 <textarea id="modal-embed-code-1" class="r3 resize-vertical" name="frame-links" data-size="full" data-focus="select-all"></textarea> 702 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-1"><i class="far fa-copy"></i> copy</button> 703 </div> 704<div data-combo-value="full-html-embed" class="switch-combo soft-hidden"> 705 <textarea id="modal-embed-code-2" class="r3 resize-vertical" name="full-html-embed" data-size="full" data-focus="select-all"></textarea> 706 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-2"><i class="far fa-copy"></i> copy</button> 707 </div> 708<div data-combo-value="medium-html-embed" class="switch-combo soft-hidden"> 709 <textarea id="modal-embed-code-3" class="r3 resize-vertical" name="medium-html-embed" data-size="medium" data-focus="select-all"></textarea> 710 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-3"><i class="far fa-copy"></i> copy</button> 711 </div> 712<div data-combo-value="thumb-html-embed" class="switch-combo soft-hidden"> 713 <textarea id="modal-embed-code-4" class="r3 resize-vertical" name="thumb-html-embed" data-size="thumb" data-focus="select-all"></textarea> 714 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-4"><i class="far fa-copy"></i> copy</button> 715 </div> 716<div data-combo-value="full-markdown-embed" class="switch-combo soft-hidden"> 717 <textarea id="modal-embed-code-5" class="r3 resize-vertical" name="full-markdown-embed" data-size="full" data-focus="select-all"></textarea> 718 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-5"><i class="far fa-copy"></i> copy</button> 719 </div> 720<div data-combo-value="medium-markdown-embed" class="switch-combo soft-hidden"> 721 <textarea id="modal-embed-code-6" class="r3 resize-vertical" name="medium-markdown-embed" data-size="medium" data-focus="select-all"></textarea> 722 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-6"><i class="far fa-copy"></i> copy</button> 723 </div> 724<div data-combo-value="thumb-markdown-embed" class="switch-combo soft-hidden"> 725 <textarea id="modal-embed-code-7" class="r3 resize-vertical" name="thumb-markdown-embed" data-size="thumb" data-focus="select-all"></textarea> 726 <button type="button" class="input-action" data-action="copy" data-action-target="#modal
726-embed-code-7"><i class="far fa-copy"></i> copy</button> 727 </div> 728<div data-combo-value="full-bbcode-embed" class="switch-combo soft-hidden"> 729 <textarea id="modal-embed-code-8" class="r3 resize-vertical" name="full-bbcode-embed" data-size="full" data-focus="select-all"></textarea> 730 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-8"><i class="far fa-copy"></i> copy</button> 731 </div> 732<div data-combo-value="medium-bbcode-embed" class="switch-combo soft-hidden"> 733 <textarea id="modal-embed-code-9" class="r3 resize-vertical" name="medium-bbcode-embed" data-size="medium" data-focus="select-all"></textarea> 734 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-9"><i class="far fa-copy"></i> copy</button> 735 </div> 736<div data-combo-value="thumb-bbcode-embed" class="switch-combo soft-hidden"> 737 <textarea id="modal-embed-code-10" class="r3 resize-vertical" name="thumb-bbcode-embed" data-size="thumb" data-focus="select-all"></textarea> 738 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-embed-code-10"><i class="far fa-copy"></i> copy</button> 739 </div> 740 </div> 741 </div> 742</div> 743<div id="anywhere-upload" class="no-select upload-box upload-box--fixed upload-box--hidden queueEmpty" data-queue-size="0"> 744 <div class="content-width"> 745 <div class="upload-box-inner"> 746 <div class="upload-box-heading c18 center-box"> 747 <div class="upload-box-status"> 748 <div data-group="upload"> 749 <span class="icon fas fa-photo-video color-accent cursor-pointer" data-trigger="anywhere-upload-input"></span> 750 <div class="heading device-mobile--hide"><a data-trigger="anywhere-upload-input">Drag and drop or paste files here to upload</a></div> 751 <div class="heading device-nonmobile--hide"><a data-trigger="anywhere-upload-input">Select the files to upload</a></div> 752 <div class="device-mobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input"><i class="fas fa-folder-plus margin-right-5"></i>browse from your computer</a>.</div> 753 <div class="device-nonmobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input"><i class="fas fa-folder-plus margin-right-5"></i>browse from device</a> or <a data-trigger="anywhere-upload-input-camera"><i class="fas fa-camera margin-right-5"></i>use camera</a>.</div> 754 <div class="upload-box-allowed-files margin-top-10 text-transform-uppercase"> 755 <span>AVIF JPG JPEG PNG BMP GIF WEBP MOV MP4 WEBM</span> 756 <span class="margin-left-5 display-inline-block">max 16 MB <span class="fas fa-exclamation-triangle" rel="tooltip" data-tiptip="top" title="Register to get 32 MB"></span> 757 </span> 758 </div> 759 </div> 760 <div data-group="upload-queue-ready" class="soft-hidden"> 761 <span class="icon fas fa-photo-video color-accent cursor-pointer" data-trigger="anywhere-upload-input"></span> 762 <div class="heading device-mobile--hide">Customize upload by clicking on any preview</div> 763 <div class="heading device-nonmobile--hide">Customize upload by touching on any preview</div> 764 <div class="device-mobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input"><i class="fas fa-folder-plus margin-right-5"></i>browse from your computer</a>.</div> 765 <div class="device-nonmobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input"><i class="fas fa-folder-plus margin-right-5"></i>browse from device</a> or <a data-trigger="anywhere-upload-input-camera"><i class="fas fa-camera margin-right-5"></i>use camera</a>.</div> 766 </div> 767 <div data-group="uploading" class="soft-hidden"> 768 <span class="icon fas fa-cloud-upload-alt color-accent"></span> 769 <div class="heading">Uploading <span data-text="queue-size">0</span> <span data-text="queue-objects">files</span> (<span data-text="queue-progress">0</span>% complete)</div> 770 <div class="upload-box-status-text">The queue is being uploaded, it should take just a few seconds to complete.</div> 771 </div> 772 <div data-group="upload-result" data-result="success" class="soft-hidden"> 773 <span class="icon fas fa-check-circle color-success"></span> 774 <div class="heading">Upload complete</div> 775 <div class="upload-box-status-text"> 776 <div data-group="user" class="soft-hidden"> 777 <div data-group="user-stream" class="soft-hidden"> 778 Uploaded content added to <a data-link="upload-target"><i class="fas fa-user margin-right-5"></i><span data-text="upload-target"></span></a>. You can <a data-modal="form" data-target="form-uploaded-create-album"><i class="fas fa-images margin-right-5"></i>create new album</a> with the content just uploaded. </div> 779 <div data-group="user-album" class="soft-hidden">Uploaded content added to <a data-link="upload-target"><i class="fas fa-user margin-right-5"></i><span data-text="upload-target"></span></a>.</div> 780 </div> 781 <div data-group="guest" class="soft-hidden"> 782 You must <a href="/signup"><i class="fas fa-user-plus margin-right-5"></i>create an account</a> or <a href="/login"><i class="fas fa-sign-in-alt margin-right-5"></i>sign in</a> to save this content into your account. </div> 783 </div> 784 </div> 785 <div data-group="upload-result" data-result="error" class="soft-hidden"> 786 <span class="icon fas fa-times color-fail"></span> 787 <div class="heading">No <span data-text="queue-objects">file</span> have been uploaded</div> 788 <div class="upload-box-status-text">Some errors have occurred and the system couldn't process your request.</div> 789 </div>
790 </div> 791 </div> 792 <input id="anywhere-upload-input" data-action="anywhere-upload-input" class="hidden-visibility" type="file" accept="image/avif,image/jpg,image/jpeg,image/png,image/bmp,image/gif,image/webp,video/quicktime,video/mp4,video/webm,image/quicktime" multiple> 793 <input id="anywhere-upload-input-camera" data-action="anywhere-upload-input" class="hidden-visibility" type="file" capture="camera" accept="image/*,video/*"> 794 <ul id="anywhere-upload-queue" class="upload-box-queue content-width soft-hidden" data-group="upload-queue"></ul> 795 <div id="anywhere-upload-submit" class="btn-container text-align-center margin-bottom-0 soft-hidden" data-group="upload-queue-ready"> 796 <div data-group="upload-queue-ready"> 797 <div class="input-label upload-input-col center-box text-align-left"> 798 <label for="upload-expiration">Auto delete</label> 799 <select type="text" name="upload-expiration" id="upload-expiration" class="text-input"> 800 <option value="" selected>Don't auto delete</option> 801<option value="PT5M">After 5 minutes</option> 802<option value="PT15M">After 15 minutes</option> 803<option value="PT30M">After 30 minutes</option> 804<option value="PT1H">After 1 hour</option> 805<option value="PT3H">After 3 hours</option> 806<option value="PT6H">After 6 hours</option> 807<option value="PT12H">After 12 hours</option> 808<option value="P1D">After 1 day</option> 809<option value="P2D">After 2 days</option> 810<option value="P3D">After 3 days</option> 811<option value="P4D">After 4 days</option> 812<option value="P5D">After 5 days</option> 813<option value="P6D">After 6 days</option> 814<option value="P1W">After 1 week</option> 815<option value="P2W">After 2 weeks</option> 816<option value="P3W">After 3 weeks</option> 817<option value="P1M">After 1 month</option> 818<option value="P2M">After 2 months</option> 819<option value="P3M">After 3 months</option> 820<option value="P4M">After 4 months</option> 821<option value="P5M">After 5 months</option> 822<option value="P6M">After 6 months</option> 823<option value="P1Y">After 1 year</option> 824 </select> 825 </div> 826 <div class="margin-20"><input type="checkbox" name="upload-tos" id="upload-tos" class="margin-right-5" value="1"><label for="upload-tos">I agree to the <a >terms</a> and <a >privacy policy</a></label></div> 827 <button class="btn btn-big accent" data-action="upload" data-public="Upload" data-private="Private upload"><i class="fas fa-cloud-upload-alt"></i> Upload</button> 828 </div> 829 <div data-group="uploading" class="soft-hidden"> 830 <button class="btn plain disabled btn-big plain margin-right-5" disabled data-action="upload-privacy-copy"><span class="icon fas fa-lock-open" data-lock="fa-lock" data-unlock="fa-lock-open"></span></button><button class="btn btn-big disabled off" disabled>Uploading</button> <span class="btn-alt">or <a data-action="cancel-upload" data-button="close-cancel">cancel</a><a data-action="cancel-upload-remaining" data-button="close-cancel" class="soft-hidden">cancel remaining</a></span> 831 </div> 832 </div> 833 <div id="anywhere-upload-report"> 834 <div data-group="upload-result" data-result="mixted" class="soft-hidden margin-top-10 text-align-center upload-box-status-text">Note: Some files couldn't be uploaded. <a data-modal="simple" data-target="failed-upload-result">learn more</a></div> 835 <div data-group="upload-result" data-result="error" class="soft-hidden margin-top-10 text-align-center upload-box-status-text">Check the <a data-modal="simple" data-target="failed-upload-result">error report</a> for more information.</div> 836 </div> 837 <div class="upload-box-close position-absolute"> 838 <a class="btn btn-small default" data-action="reset-upload" data-button="close-cancel"><span class="btn-icon fas fa-undo"></span><span class="btn-text">reset</span></a> 839 <a class="btn btn-small default" data-action="cancel-upload" data-button="close-cancel"><span class="btn-icon fas fa-times"></span><span class="btn-text">cancel</span></a> 840 <a class="btn btn-small default" data-action="cancel-upload-remaining" data-button="close-cancel"><span class="btn-icon fas fa-times"></span><span class="btn-text">cancel remaining</span></a> 841 </div> 842 <div data-group="upload-result" data-result="success" class="c18 center-box soft-hidden"> 843 <div class="input-label margin-bottom-0"> 844 <label for="uploaded-embed-toggle">Embed codes</label> 845 <div class="c8 margin-bottom-10"> 846 <select name="uploaded-embed-toggle" id="uploaded-embed-toggle" class="text-input" data-combo="uploaded-embed-toggle-combo"> 847 <optgroup label="Link"> 848 <option value="viewer-links" data-size="viewer">Viewer link</option> 849 <option value="frame-links" data-size="full">Frame link</option> 850 <option value="delete-links" data-size="full">Delete link</option> 851</optgroup><optgroup label="HTML"> 852 <option value="full-html-embed" data-size="full">HTML full linked</option> 853 <option value="medium-html-embed" data-size="medium">HTML medium linked</option> 854 <option value="thumb-html-embed" data-size="thumb">HTML thumbnail linked</option> 855</optgroup><optgroup label="Markdown"> 856 <option value="full-markdown-embed" data-size="full">Markdown full linked</option> 857 <option value="medium-markdown-embed" data-size="medium">Markdown medium linked</option> 858 <option value="thumb-markdown-embed" data-size="thumb">Markdown thumbnail linked</option> 859</optgroup><optgroup label="BBCode"> 860 <option value="full-bbcode-embed" data-size="full">BBCode full linked</option> 861 <option value="medium-bbcode-embed" data-size="medium">BBCode medium linked</option> 862 <option value="thumb-bbcode-embed" data-size="thumb">BBCode thumbnail linked</option> 863</optgroup> </select> 864 </div> 865 <div id="uploaded-embed-toggle-combo"> 866 <div data-combo-value="viewer-links" class="switch-combo"> 867 <textarea id="uploaded-embed-code-0" class="r2 resize-vertical" name="viewer-links" data-size="viewer" data-focus="select-all"></textarea> 868 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-0"><i class="far fa-copy"></i> copy</button> 869 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-0">insert</button> 870 </div> 871<div data-combo-value="frame-links" class="switch-combo soft-hidden"> 872 <textarea id="uploaded-embed-code-1" class="r2 resize-vertical" name="frame-links" data-size="full" data-focus="select-all"></textarea> 873 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-1"><i class="far fa-copy"></i> copy</button> 874 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-1">insert</button> 875 </div> 876<div data-combo-value="delete-links" class="switch-combo soft-hidden"> 877 <textarea id="uploaded-embed-code-2" class="r2 resize-vertical" name="delete-links" data-size="full" data-focus="select-all"></textarea> 878 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-2"><i class="far fa-copy"></i> copy</button> 879 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-2">insert</button> 880 </div> 881<div data-combo-value="full-html-embed" class="switch-combo soft-hidden"> 882 <textarea id="uploaded-embed-code-3" class="r2 resize-vertical" name="full-html-embed" data-size="full" data-focus="select-all"></textarea> 883 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-3"><i class="far fa-copy"></i> copy</button> 884 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-3">insert</button> 885 </div> 886<div data-combo-value="medium-html-embed" class="switch-combo soft-hidden"> 887 <textarea id="uploaded-embed-code-4" class="r2 resize-vertical" name="medium-html-embed" data-size="medium" data-focus="select-all"></textarea> 888 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-4"><i class="far fa-copy"></i> copy</button> 889 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-4">insert</button> 890 </div> 891<div data-combo-value="thumb-html-embed" class="switch-combo soft-hidden"> 892 <textarea id="uploaded-embed-code-5" class="r2 resize-vertical" name="thumb-html-embed" data-size="thumb" data-focus="select-all"></textarea> 893 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-5"><i class="far fa-copy"></i> copy</button> 894 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-5">insert</button> 895 </div> 896<div data-combo-value="full-markdown-embed" class="switch-combo soft-hidden"> 897 <textarea id="uploaded-embed-code-6" class="r2 resize-vertical" name="full-markdown-embed" data-size="full" data-focus="select-all"></textarea> 898 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-6"><i class="far fa-copy"></i> copy</button> 899 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-6">insert</button> 900 </div> 901<div data-combo-value="medium-markdown-embed" class="switch-combo soft-hidden"> 902 <textarea id="uploaded-embed-code-7" class="r2 resize-vertical" name="medium-markdown-embed" data-size="medium" data-focus="select-all"></textarea> 903 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-7"><i class="far fa-copy"></i> copy</button> 904 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-7">insert</button> 905 </div> 906<div data-combo-value="thumb-markdown-embed" class="switch-combo soft-hidden"> 907 <textarea id="uploaded-embed-code-8" class="r2 resize-vertical" name="thumb-markdown-embed" data-size="thumb" data-focus="select-all"></textarea> 908 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-8"><i class="far fa-copy"></i> copy</button> 909 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-8">insert</button> 910 </div> 911<div data-combo-value="full-bbcode-embed" class="switch-combo soft-hidden"> 912 <textarea id="uploaded-embed-code-9" class="r2 resize-vertical" name="full-bbcode-embed" data-size="full" data-focus="select-all"></textarea> 913 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-9"><i class="far fa-copy"></i> copy</button> 914 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-9">insert</button> 915 </div> 916<div data-combo-value="medium-bbcode-embed" class="switch-combo soft-hidden"> 917 <textarea id="uploaded-embed-code-10" class="r2 resize-vertical" name="medium-bbcode-embed" data-size="medium" data-focus="select-all"></textarea> 918 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-10"><i class="far fa-copy"></i> copy</button> 919 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-10">insert</button> 920 </div> 921<div data-combo-value="thumb-bbcode-embed" class="switch-combo soft-hidden"> 922 <textarea id="uploaded-embed-code-11" class="r2 resize-vertical" name="thumb-bbcode-embed" data-size="thumb" data-focus="select-all"></textarea> 923 <button type="button" class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-11"><i class="far fa-copy"></i> copy</button> 924 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-11">insert</button> 925 </div> 926 </div>
927 </div> 928 </div> 929 </div> 930 </div> 931 <div class="hidden"> 932 <div id="anywhere-upload-item-template"> 933 <li class="queue-item"> 934 <a class="block image-link" data-group="image-link" href="#file" target="_blank"></a> 935 <div class="result done block"><span class="icon fas fa-check-circle color-white"></span></div> 936 <div class="result failed block"><span class="icon fas fa-exclamation-triangle color-fail"></span></div> 937 <div class="load-url block"><span class="big-icon fas fa-network-wired"></span></div> 938 <div class="preview block checkered-background"></div> 939 <div class="progress block"> 940 <div class="progress-bar" data-content="progress-bar"></div> 941 </div> 942 <div class="block edit" data-action="edit" title="Edit"> 943 </div> 944 <div class="queue-item-button cancel hover-display" data-action="cancel" title="Remove"> 945 <span class="icon fas fa-times"></span> 946 </div> 947 </li> 948 </div> 949 <div id="anywhere-upload-edit-item"> 950 <span class="modal-box-title"><i class="fas" data-content="icon" data-icon-image="fa-image" data-icon-video="fa-video"></i> Edit upload</span> 951 <div class="modal-form"> 952 <div class="image-preview"></div> 953 <div class="input-label"> 954 <label for="form-title">Title <span class="optional">optional</span></label> 955 <input type="text" id="form-title" name="form-title" class="text-input" value="" placeholder="Untitled image" maxlength="100"> 956 </div> 957 <div class="input-label" data-action="resize-combo-input"> 958 <label for="form-width" class="display-block-forced">Resize image</label> 959 <div class="c6 overflow-auto clear-both"> 960 <div class="c3 float-left"> 961 <input type="number" min="16" pattern="\d+" name="form-width" id="form-width" class="text-input" title="Width" rel="template-tooltip" data-tiptip="top"> 962 </div> 963 <div class="c3 float-left margin-left-10"> 964 <input type="number" min="16" pattern="\d+" name="form-height" id="form-height" class="text-input" title="Height" rel="template-tooltip" data-tiptip="top"> 965 </div> 966 </div> 967 <div class="input-below font-size-small" data-content="animated-gif-warning">Note: Animated GIF images won't be resized.</div> 968 </div> 969 <div class="input-label"> 970 <label for="form-expiration">Auto delete</label> 971 <div class="c6 phablet-1"> 972 <select type="text" name="form-expiration" id="form-expiration" class="text-input"> 973 <option value="" selected>Don't auto delete</option> 974<option value="PT5M">After 5 minutes</option> 975<option value="PT15M">After 15 minutes</option> 976<option value="PT30M">After 30 minutes</option> 977<option value="PT1H">After 1 hour</option> 978<option value="PT3H">After 3 hours</option> 979<option value="PT6H">After 6 hours</option> 980<option value="PT12H">After 12 hours</option> 981<option value="P1D">After 1 day</option> 982<option value="P2D">After 2 days</option> 983<option value="P3D">After 3 days</option> 984<option value="P4D">After 4 days</option> 985<option value="P5D">After 5 days</option> 986<option value="P6D">After 6 days</option> 987<option value="P1W">After 1 week</option> 988<option value="P2W">After 2 weeks</option> 989<option value="P3W">After 3 weeks</option> 990<option value="P1M">After 1 month</option> 991<option value="P2M">After 2 months</option> 992<option value="P3M">After 3 months</option> 993<option value="P4M">After 4 months</option> 994<option value="P5M">After 5 months</option> 995<option value="P6M">After 6 months</option> 996<option value="P1Y">After 1 year</option> 997 </select> 998 </div> 999 </div> 1000 <div class="input-label"> 1001 <label for="form-description">Description <span class="optional">optional</span></label> 1002 <textarea id="form-description" name="form-description" class="text-input no-resize" placeholder="Brief description of this image"></textarea> 1003 </div> 1004 </div> 1005 </div> 1006 </div> 1007 <template data-modal="form-uploaded-create-album" class="hidden" data-is-xhr data-submit-fn="CHV.fn.submit_upload_edit" data-ajax-deferred="CHV.fn.complete_upload_edit"> 1008 <span class="modal-box-title"><i class="fas fa-images"></i> Create album</span> 1009 <p>The uploaded content will be moved to this newly created album. You must <a href="/signup"><i class="fas fa-user-plus margin-right-5"></i>create an account</a> or <a href="/login"><i class="fas fa-sign-in-alt margin-right-5"></i>sign in</a> if you want to edit this album later on.</p> 1010 <div class="modal-form"> 1011 <div name="move-new-album" id="move-new-album" data-content="form-new-album" data-view="switchable"> 1012 <div class="input-label"> 1013 <label for="form-album-name">Name</label> 1014 <input type="text" name="form-album-name" id="form-album-name" class="text-input" value="" placeholder="Unnamed album" maxlength="100" required autocomplete="off"> 1015</div> 1016<div class="input-label"> 1017 <label for="form-album-description">Description <span class="optional">optional</span></label> 1018 <textarea id="form-album-description" name="form-album-description" class="text-input no-resize" placeholder="Brief description of this album"></textarea> 1019</div> 1020<div class="input-label overflow-auto"> 1021 <div class="c8 grid-columns"> 1022 <label for="form-privacy">Privacy</label> 1023 <select name="form-privacy" id="form-privacy" class="text-input" data-combo="form-privacy-combo" rel="template-tooltip" data-tiptip="right" data-title="Who can view this content"> 1024 <option value="public">Public</option><option disabled value="private">Private (just me)</option><option value="private_but_link">Private (anyone with the link)</option><option value="password">Private (password protected)</option> </select> 1025 </div> 1026</div> 1027<div id="form-privacy-combo"> 1028 <div data-combo-value="password" class="switch-combo soft-hidden"> 1029 <div class="input-label overflow-auto"> 1030 <div class="c8 grid-columns"> 1031 <label for="form-album-password">Password</label> 1032 <input type="password" name="form-album-password" class="text-input" value="" placeholder="Set password" data-required> 1033 </div> 1034 </div> 1035 </div> 1036</div> 1037 </div> 1038 </div> 1039 </template> 1040 <div data-modal="failed-upload-result" class="hidden"> 1041 <span class="modal-box-title"><i class="fas fa-exclamation-circle"></i>
1041 Error report</span> 1042 <ul data-content="failed-upload-result"></ul> 1043 </div> 1044</div> 1045<div id="modal-share" class="hidden"> 1046 <span class="modal-box-title"><i class="fas fa-share-alt"></i> Share</span> 1047 <div class="image-preview"></div> 1048 <p class="highlight margin-bottom-20 font-size-small text-align-center padding-5" data-content="privacy-private">__privacy_notes__</p> 1049 <ul class="panel-share-networks"> 1050 </ul> 1051 <div class="input-label margin-bottom-0"> 1052 <label for="modal-share-url">Link</label> 1053 <div class="position-relative"> 1054 <input type="text" name="modal-share-url" id="modal-share-url" class="text-input" value="__url__" data-focus="select-all" readonly> 1055 <button type="button" class="input-action" data-action="copy" data-action-target="#modal-share-url" value=""><i class="far fa-copy"></i> copy</button> 1056 </div> 1057 </div> 1058</div>
1059<script defer data-cfasync="false" src="/content/legacy/themes/Peafowl/lib/chevereto-all.min.js?f75f271b83179f5963bbdb36e7d1a128" id="chevereto-js"></script>
vendor: 1 bytes, line 1059
1059
1060<script data-cfasync="false">var CHEVERETO = {"id":"","edition":"Chevereto","version":"4.5.7","source":{"label":"chevereto.com","url":"https:\/\/chevereto.com\/panel\/downloads"},"api":{"download":"https:\/\/chevereto.com\/api\/download","get":{"info":"https:\/\/chevereto.com\/api\/get\/info\/4"}}}</script>
1060
1060<script type="application/ld+json"> 1061 { 1062 "@context": "http://schema.org", 1063 "@type": "WebSite", 1064 "url": "https://pixvid.org/", 1065 "potentialAction": { 1066 "@type": "SearchAction", 1067 "target": "https://pixvid.org/search/images/?q={q}", 1068 "query-input": "required name=q" 1069 } 1070 } 1071 </script>
vendor: 2 bytes, line 1071
1071
1072<script data-cfasync="false"> 1073document.getElementById("chevereto-js").addEventListener("load", function() { 1074 PF.obj.devices = window.devices; 1075 PF.fn.window_to_device = window.window_to_device; 1076 PF.obj.config.public_url = "https://pixvid.org/"; 1077 PF.obj.config.base_url = "/"; 1078 PF.obj.config.json_api = "/json"; 1079 PF.obj.config.listing.items_per_page = "24"; 1080 PF.obj.config.listing.device_to_columns = {"phone":"2","phablet":"3","tablet":"4","laptop":"5","desktop":"6","largescreen":"6"}; 1081 PF.obj.config.auth_token = "fdb2b92950525aa3be92559b3d80c164e43af323"; 1082 PF.obj.l10n = []; 1083 if (typeof CHV == "undefined") { 1084 CHV = { 1085 obj: {}, 1086 fn: {}, 1087 str: {} 1088 }; 1089 } 1090 CHV.obj.vars = { 1091 urls: { 1092 home: PF.obj.config.base_url, 1093 search: "/search", 1094 login: "/login", 1095 } 1096 }; 1097 PF.obj.vars = $.extend({}, CHV.obj.vars); 1098 CHV.obj.config = { 1099 image: { 1100 max_filesize: "16 MB", 1101 right_click: false, 1102 load_max_filesize: "5 MB", 1103 max_width: "3840", 1104 max_height: "3840", 1105 }, 1106 upload: { 1107 url: false, 1108 redirect_single_upload: true, 1109 threads: "1", 1110 image_types: ["avif","jpg","jpeg","png","bmp","gif","webp","mov","mp4","webm","quicktime"], 1111 moderation: false, 1112 maxQueue: null, 1113 chunkSize: 16000000, 1114 }, 1115 user: { 1116 avatar_max_filesize: "1 MB", 1117 background_max_filesize: "2 MB", 1118 }, 1119 captcha: { 1120 isNeeded: false, 1121 version: 'turnstile', 1122 enabled: false, 1123 sitekey: "", 1124 }, 1125 listing: { 1126 viewer: false, 1127 }, 1128 palettesId: {"system":10,"blanco":0,"dark":1,"flickr":2,"imgur":3,"deviantart":4,"lush":5,"graffiti":6,"abstract":7,"cheers":8,"cmyk":9} }; 1129 CHV.obj.page_info = {"doctitle":"Upload plugin - PixVid","pre_doctitle":"Upload plugin","pos_doctitle":" - PixVid"}; 1130 }); 1131</script>
1131 1132<template id="tags-autocomplete-item"> 1133<li class="tag-container"> 1134 <button class="tag btn btn-capsule default" rel="tag">%name%</button> 1135</li> 1136</template> 1137</body> 1138</html>
1139<script> 1140document.addEventListener("DOMContentLoaded", function(event) { 1141 var $pluginButton = $("#pup-preview"); 1142 var tagAttrs = {"async":"","src":"\/\/pixvid.org\/sdk\/pup.js","data-url":"https:\/\/pixvid.org\/upload"}; 1143 var el = document.createElement("script"); 1144 for(var key in tagAttrs) { 1145 el.setAttribute(key, tagAttrs[key]); 1146 } 1147 $(document).on("keyup change", "[data-content=pup-options] *:input", function(e) { 1148 var attr = 'data-' + $(this).attr("name"); 1149 var val = $(this).val(); 1150 if(val) { 1151 el.setAttribute(attr, val); 1152 } else { 1153 el.removeAttribute(attr); 1154 } 1155 $("#pup-insert-code").val(el.outerHTML.replace('=""', '')).highlight(); 1156 }); 1157 $(document).on("change", "#palette", function(e) { 1158 var val = $(this).val() || "default"; 1159 $pluginButton.removeClass(function(i, className) { 1160 return (className.match (/(^|\s)chevereto-pup-button--palette-\S+/g) || []).join(' '); 1161 }).addClass('chevereto-pup-button--palette-' + val); 1162 }); 1163}); 1164</script>
vendor: 2 bytes, line 1164
1164
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.