File size: 3,422 Bytes
8fdc036 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 |
<!doctype html>
<!-- A demo HTML file to test the bundled JS and CSS files -->
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin="anonymous"
/>
<script type="module" crossorigin src="./dist/lite.js"></script>
<link rel="stylesheet" href="./dist/lite.css" />
</head>
<body style="padding: 10px; height: 100%; width: 100%">
<h1>Lorem Ipsum Dolor</h1>
<p>
<strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit.
Nullam vitae est maximus,
<a href="https://example.com">link to example</a>, vestibulum lorem quis,
vehicula nunc.
</p>
<h2>Subheading: Curabitur blandit</h2>
<p>
Curabitur blandit tempus porttitor.
<em>Etiam porta sem malesuada</em> magna mollis euismod. Donec ullamcorper
nulla non metus auctor fringilla.
</p>
<h3>Subsection: Vestibulum</h3>
<p>
Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur
est at lobortis.
</p>
<blockquote>Cras mattis consectetur purus sit amet fermentum.</blockquote>
<pre><code>// Sample code block
function helloWorld() {
console.log("Hello, world!");
}
helloWorld();
</code></pre>
<ul>
<li>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
</li>
<li>
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
</li>
</ul>
<p>
<b>Bolded text:</b> Duis mollis, est non commodo luctus, nisi erat
porttitor ligula, eget lacinia odio sem nec elit.
</p>
<h4>Further Information</h4>
<p>
For more details, visit
<a href="https://example.com/moreinfo">our information page</a>.
</p>
<gradio-lite
playground
layout="horizontal"
style="height: 300px; padding: 20px"
shared-worker
>
import gradio as gr
<!-- -->
gr.Interface(fn=lambda x: x,
inputs=gr.Textbox(),outputs=gr.Textbox()).launch()
</gradio-lite>
<h3>Subsection: Vestibulum</h3>
<p>
Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur
est at lobortis.
</p>
<blockquote>Cras mattis consectetur purus sit amet fermentum.</blockquote>
<pre><code>// Sample code block
function helloWorld() {
console.log("Hello, world!");
}
helloWorld();
</code></pre>
<ul>
<li>
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
</li>
<li>
Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
</li>
</ul>
<p>
<b>Bolded text:</b> Duis mollis, est non commodo luctus, nisi erat
porttitor ligula, eget lacinia odio sem nec elit.
</p>
<h4>Further Information</h4>
<p>
For more details, visit
<a href="https://example.com/moreinfo">our information page</a>.
</p>
<gradio-lite playground layout="vertical" shared-worker>
import gradio as gr
<!-- -->
gr.ChatInterface(lambda x,y:x).launch()
</gradio-lite>
<h3>Subsection: Vestibulum</h3>
<p>
Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur
est at lobortis.
</p>
<gradio-lite playground style="height: 300px" shared-worker>
import gradio as gr
<!-- -->
gr.ChatInterface(lambda x,y:x).launch()
</gradio-lite>
</body>
</html>
|