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");`
Add embedded demos to website (#1270) * adding gallery * added netlify files * new navbar design * header section new design * used by section new design * cards section new design * integrates with section new design * customer stories section new design * footer and gradient * demos section new design * docs fixes * docs reorg * docs reorg * upgrading to tailwind 3 * tailwind config changes * navbar new design * fixing body on all pages * Updating Guides (#1012) * updating getting started * updated codecov version * tweaks to gs * added netlify file * added netlify file * website prebuild script * increased code size * blocks * edits * blocks_hello * hello world * guide * merge main * added flipper demo * guide * guide * add guides * tweak to refresh website * header section new design * demos section new design * cards design * used by section * tweets section * footer on all pages * mobile responsive fixes * mobile responsive fixes * https fonts * completed blocks guide * unify components * minor tweaks * docs headers styling and navigation pane * parameter code blocks * styling description and input type * parameter tables and other styling * only documenting interactive components when possible * guides * embedding not working * demos not working * fixing demo code * fixing demos * demo fix * updated demos * updated demos * ui update * updated docstrings * updated code snippets so they run * updating docs * Interface docs * updating interface * fixing parameters in interface.py * required and defaults for interface, and styling * fixing up interface (#1207) * fixing up interface * fixed interface methods * formatting * updating interface docs * updating interface docs * formatting * docstring to load from docstrings * fixed colors * finalize interface content * interface examples * fixed examples * added some blocks docs * blocks * component fixes * reorganized some files (#1210) * formatting * added info for every component * fixes * blocks docs * added blocks demos * adding combined interfaces * added parallel, series * Doc: layout update (#1216) * doc layout * home spacing Co-authored-by: Abubakar Abid <abubakar@huggingface.co> * adding layouts * layouts done * added events for components * formatting and https * brings back dropdown and other components * fix header ids * moved ids and fixed nav * added parameters for remaining component * docstring fixes * landing page demos * demo window placeholder * demo nav * fixed test * formatting * demo code * correctly importing gradio css/js * remove keyvalues * modify launch script to move gradio assetS * components embedded test * correct demo name * hide try demo and embedding * local devserver changes * create embedding json with configs * changes * fixes * comment out layout docs * demo work * demo fixes * demo embedding fixes * typo * jinja fix * demo nav fix * hide demo button * formatting * removed whitespace * remove newline from parameter * styling demo window * copy work * hide demo buttons * remove index * remove layouts from docs * remove merge artifact * merge dockerfile * chagnes * changes * changes * changes * styling demo window * revert most things * whoops * chagnes * changes * changes * changes * changes * changes * changes * format * changes * fixed Dataset docstring * fix component signature and add required * adding string shortcuts * fix small issues parameter docstringss * string shortcuts * fixed gallery and label values * added for remaining parameters * formatting * extended embedded components * typo * remove capitalization from embeddings * try examples button * added demos for blocks and combining interfaces * demos styling * homepage update (#1275) * spacing * remove console.log * demo window fixes * new spaces * shorten codeblock width * fix plot * better string shortcuts * add embedding config for json * remove console log Co-authored-by: Abubakar Abid <abubakar@huggingface.co> Co-authored-by: aliabd <ali.si3luwa@gmail.com> Co-authored-by: Victor Muštar <victor.mustar@gmail.com> 2022-05-16 23:45:38 +08:00			`window.__gradio_mode__ = "app";`
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>`
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>`