gradio/ui/packages/app/index.html

<!DOCTYPE html>
<html
	lang="en"
	style="
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		height: 100%;
	"
>
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1, shrink-to-fit=no"
		/>

		<script type="module" src="./src/main.ts"></script>
		<meta property="og:url" content="https://gradio.app/" />
		<meta property="og:type" content="website" />
		<meta property="og:image" content="{{ config['thumbnail'] or '' }}" />
		<meta property="og:title" content="{{ config['title'] or '' }}" />
		<meta
			property="og:description"
			content="{{ config['simple_description'] or '' }}"
		/>
		<meta name="twitter:card" content="summary_large_image" />
		<meta name="twitter:creator" content="@teamGradio" />
		<meta name="twitter:title" content="{{ config['title'] or '' }}" />
		<meta
			name="twitter:description"
			content="{{ config['simple_description'] or '' }}"
		/>
		<meta name="twitter:image" content="{{ config['thumbnail'] or '' }}" />

		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag() {
				dataLayer.push(arguments);
			}
			gtag("js", new Date());
			gtag("config", "UA-156449732-1");
			window.gradio_mode = "app";
		</script>

		%gradio_config%

		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link
			rel="preconnect"
			href="https://fonts.gstatic.com"
			crossorigin="anonymous"
		/>
		<link
			href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
			rel="stylesheet"
		/>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
	</head>

	<body
		style="
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		"
	>
		<div
			id="root"
			style="display: flex; flex-direction: column; flex-grow: 1"
		></div>
	</body>
</html>
Multi pkg (#515) * bootstrap ui package * bootstrap packages * update frontend docs * fix gitignore * fix gitignore * fix gitignore * add pnpm link to docs 2022-02-01 21:45:55 +08:00			`<!DOCTYPE html>`
Full height gradio app (#828) * fix * changes * changes * changes Co-authored-by: Ali Abid <aliabid94@gmail.com> 2022-03-18 00:54:01 +08:00			`<html`
			`lang="en"`
			`style="`
			`margin: 0;`
			`padding: 0;`
			`display: flex;`
			`flex-direction: column;`
			`flex-grow: 1;`
			`height: 100%;`
			`"`
			`>`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`<head>`
			`<meta charset="utf-8" />`
			`<meta`
			`name="viewport"`
			`content="width=device-width, initial-scale=1, shrink-to-fit=no"`
			`/>`
Multi pkg (#515) * bootstrap ui package * bootstrap packages * update frontend docs * fix gitignore * fix gitignore * fix gitignore * add pnpm link to docs 2022-02-01 21:45:55 +08:00
type components with typescript (#545) * type audio component * add types * add types for dropdown * add types for File * type image component * type number component * type radio * type slider * type textbox * type timeseries * type video * remove logs * fix formatting * some output component types * type JSON output * type label output * type timeseries and video output * type more output components * more types * type interface and app * update config to ts * update nam,es 2022-02-07 22:34:53 +08:00			`<script type="module" src="./src/main.ts"></script>`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`<meta property="og:url" content="https://gradio.app/" />`
			`<meta property="og:type" content="website" />`
			`<meta property="og:image" content="{{ config['thumbnail'] or '' }}" />`
			`<meta property="og:title" content="{{ config['title'] or '' }}" />`
			`<meta`
			`property="og:description"`
added support for markdown in description 2022-02-03 22:12:48 +08:00			`content="{{ config['simple_description'] or '' }}"`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`/>`
			`<meta name="twitter:card" content="summary_large_image" />`
			`<meta name="twitter:creator" content="@teamGradio" />`
			`<meta name="twitter:title" content="{{ config['title'] or '' }}" />`
			`<meta`
			`name="twitter:description"`
added support for markdown in description 2022-02-03 22:12:48 +08:00			`content="{{ config['simple_description'] or '' }}"`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`/>`
			`<meta name="twitter:image" content="{{ config['thumbnail'] or '' }}" />`
html tweaks (#1145) * html tweaks * formatting 2022-05-04 05:44:17 +08:00
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`<script>`
			`window.dataLayer = window.dataLayer \|\| [];`
			`function gtag() {`
			`dataLayer.push(arguments);`
			`}`
			`gtag("js", new Date());`
			`gtag("config", "UA-156449732-1");`
			`window.gradio_mode = "app";`
			`</script>`
html tweaks (#1145) * html tweaks * formatting 2022-05-04 05:44:17 +08:00
			`%gradio_config%`

Examples UI (#1121) * add fonts * Update tailwind.config.js * Examples UI * demos examples update * text align * prettier * formatting Co-authored-by: Ali Abid <aliabid94@gmail.com> 2022-05-02 16:38:18 +08:00			`<link rel="preconnect" href="https://fonts.googleapis.com" />`
			`<link`
			`rel="preconnect"`
			`href="https://fonts.gstatic.com"`
			`crossorigin="anonymous"`
			`/>`
			`<link`
			`href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"`
			`rel="stylesheet"`
			`/>`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>`
			`</head>`
Multi pkg (#515) * bootstrap ui package * bootstrap packages * update frontend docs * fix gitignore * fix gitignore * fix gitignore * add pnpm link to docs 2022-02-01 21:45:55 +08:00
Full height gradio app (#828) * fix * changes * changes * changes Co-authored-by: Ali Abid <aliabid94@gmail.com> 2022-03-18 00:54:01 +08:00			`<body`
			`style="`
			`margin: 0;`
			`padding: 0;`
			`display: flex;`
			`flex-direction: column;`
			`flex-grow: 1;`
			`"`
			`>`
			`<div`
			`id="root"`
			`style="display: flex; flex-direction: column; flex-grow: 1"`
			`></div>`
add ci for ui (#524) * add ci for frontend * add ci for frontend * fix workflow * fix format errors 2022-02-02 23:49:37 +08:00			`</body>`
Multi pkg (#515) * bootstrap ui package * bootstrap packages * update frontend docs * fix gitignore * fix gitignore * fix gitignore * add pnpm link to docs 2022-02-01 21:45:55 +08:00			`</html>`