1<!DOCTYPE html> 2<html lang="en" style="margin: 0; padding: 0; min-height: 100%"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta 6 name="viewport" 7 content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1" 8 /> 9 10 11 <meta property="og:url" content="https://gradio.app/" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:image" content="" /> 14 <meta property="og:title" content="Gradio" /> 15 <meta 16 property="og:description" 17 content="" 18 /> 19 <meta name="twitter:card" content="summary_large_image" /> 20 <meta name="twitter:creator" content="@teamGradio" /> 21 <meta name="twitter:title" content="Gradio" /> 22 <meta 23 name="twitter:description" 24 content="" 25 /> 26 <meta name="twitter:image" content="" /> 27 28
28<script> 29
vendor: 146 bytes, lines 29-34
29window.dataLayer = window.dataLayer || []; 30 function gtag() { 31 dataLayer.push(arguments); 32 } 33 gtag("js", new Date()); 34 gtag("config", "
34UA-156449732-1
vendor: 7 bytes, lines 34-35
34"); 35
35window.__gradio_mode__ = "app"; 36 </script>
36 37 38
38<script>window.gradio_config = {"version":"3.15.0\n","mode":"blocks","dev_mode":false,"components":[{"id":1,"type":"markdown","props":{"value":"\u003ccenter\u003e\u003ch1\u003eImage Colorization With Hint\u003c/h1\u003e\u003c/center\u003e\n\u003ch2\u003eColorize your images/sketches with hint points.\u003c/h2\u003e\n\u003cbr /\u003e","name":"markdown","visible":true,"style":{}}},{"id":2,"type":"row","props":{"type":"row","variant":"default","visible":true,"style":{}}},{"id":3,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":4,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"sketch","streaming":false,"mirror_webcam":true,"label":"Sketch","show_label":true,"interactive":true,"name":"image","visible":true,"elem_id":"sketch-canvas","style":{}}},{"id":5,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"show_label":true,"interactive":false,"name":"image","visible":false,"style":{}}},{"id":6,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":7,"type":"slider","props":{"minimum":1,"maximum":4294967296,"step":1,"value":3533716969,"label":"Seed","show_label":true,"interactive":true,"name":"slider","visible":true,"style":{}}},{"id":8,"type":"radio","props":{"choices":["Roughly Hint","Precisely Hint"],"value":"Roughly Hint","label":"Hint Mode","show_label":true,"name":"radio","visible":true,"style":{}}},{"id":9,"type":"button","props":{"value":"Run","variant":"secondary","name":"button","visible":true,"style":{}}},{"id":10,"type":"form","props":{"type":"form","visible":true,"style":{}}},{"id":11,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":12,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"label":"Output","show_label":true,"interactive":false,"name":"image","visible":true,"style":{}}},{"id":13,"type":"row","props":{"type":"row","variant":"default","visible":true,"style":{}}},{"id":14,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":15,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"label":"Sketch","show_label":true,"interactive":true,"name":"image","visible":true,"style":{}}},{"id":16,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"show_label":true,"interactive":false,"name":"image","visible":false,"style":{}}},{"id":17,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":18,"type":"radio","props":{"choices":["Model 1","Model 2"],"value":"Model 1","label":"Model 2","show_label":true,"name":"radio","visible":true,"style":{}}},{"id":19,"type":"button","props":{"value":"Run Colorization","variant":"secondary","name":"button","visible":true,"style":{}}},{"id":20,"type":"form","props":{"type":"form","visible":true,"style":{}}},{"id":21,"type":"column","props":{"type":"column","variant":"default","scale":1,"min_width":320,"visible":true,"style":{}}},{"id":22,"type":"image","props":{"image_mode":"RGB","source":"upload","tool":"editor","streaming":false,"mirror_webcam":true,"label":"Output2","show_label":true,"interactive":false,"name":"image","visible":true,"style":{}}},{"id":23,"type":"markdown","props":{"value":"\u003cp\u003eUpon uploading an image, kindly give color hints at specific points, and then run the model. Average inference time is about 52 seconds.\u
38003cbr /\u003e\u003c/p\u003e\n","name":"markdown","visible":true,"style":{}}},{"id":24,"type":"markdown","props":{"value":"\u003cp\u003eAuthors: \u003ca href=\"https://www.linkedin.com/in/chakshu-dhannawat/\"\u003eChakshu Dhannawat\u003c/a\u003e, \u003ca href=\"https://www.linkedin.com/in/navlika-singh-963120204/\"\u003eNavlika Singh\u003c/a\u003e,\u003ca href=\"https://www.linkedin.com/in/akshat-jain-103550201/\"\u003e Akshat Jain\u003c/a\u003e\u003c/p\u003e\n","name":"markdown","visible":true,"style":{}}}],"theme":"default","css":null,"title":"Gradio","is_space":true,"enable_queue":true,"show_error":false,"show_api":true,"is_colab":false,"layout":{"id":0,"children":[{"id":1},{"id":2,"children":[{"id":3,"children":[{"id":4},{"id":5}]},{"id":6,"children":[{"id":10,"children":[{"id":7},{"id":8}]},{"id":9}]},{"id":11,"children":[{"id":12}]}]},{"id":13,"children":[{"id":14,"children":[{"id":15},{"id":16}]},{"id":17,"children":[{"id":20,"children":[{"id":18}]},{"id":19}]},{"id":21,"children":[{"id":22}]}]},{"id":23},{"id":24}]},"dependencies":[{"targets":[],"trigger":"load","inputs":[],"outputs":[7],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[]},{"targets":[4],"trigger":"upload","inputs":[4],"outputs":[4,5],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[]},{"targets":[15],"trigger":"upload","inputs":[4],"outputs":[4],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[]},{"targets":[9],"trigger":"click","inputs":[4,5,7,8],"outputs":[12],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[]},{"targets":[19],"trigger":"click","inputs":[15,18],"outputs":[22],"backend_fn":true,"js":null,"queue":null,"api_name":null,"scroll_to_output":false,"show_progress":true,"every":null,"batch":false,"max_batch_size":4,"cancels":[]}]};</script>
38 39 40 <link rel="preconnect" href="https://fonts.googleapis.com" /> 41 <link 42 rel="preconnect" 43 href="https://fonts.gstatic.com" 44 crossorigin="anonymous" 45 /> 46 <link 47 href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap" 48 rel="stylesheet" 49 /> 50 <link 51 href="https://fonts.googleapis.com/css?family=IBM Plex Mono" 52 rel="stylesheet" 53 /> 54
54<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
54 55
55<script type="module" crossorigin src="./assets/index.396f4a72.js"></script>
55 56 57 </head> 58 59 <body style="width: 100%; margin: 0; padding: 0; height: 100%"> 60 <gradio-app control_page_title="true"> 61 <div 62 id="root" 63 style="display: flex; flex-direction: column; flex-grow: 1" 64 ></div> 65 </gradio-app> 66
66<script> 67 const ce = document.getElementsByTagName("gradio-app"); 68 if (ce[0]) { 69 ce[0].addEventListener("domchange", () => { 70 document.body.style.padding = "0"; 71 }); 72 document.body.style.padding = "0"; 73 } 74 </script>
74 75 </body> 76</html>
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.