mirror of
https://github.com/webui-dev/webui.git
synced 2024-10-26 15:33:47 +03:00
b0dd088d56
* All examples should use `/webui.js` instead of `webui.js`, this is because without the slash `/` it won't work if HTML file is located in a sub-folder.
40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>WebUI - Serve a Folder Example (C++)</title>
|
|
<style>
|
|
body {
|
|
color: white;
|
|
background: #0f2027;
|
|
background: -webkit-linear-gradient(to right, #43264c, #762f59, #501349);
|
|
background: linear-gradient(to right, #43264c, #762f59, #501349);
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-family: sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h3 id="title">Serve a Folder Example (C++)</h3>
|
|
<br />
|
|
<p id="description">
|
|
You can edit this HTML file as you need.<br />
|
|
Also, you can config WebUI to use Deno or Nodejs runtime for your JS/TS files.<br />
|
|
<br />
|
|
Please click on the link to switch to the second page<br />
|
|
Or click on the button to switch to the second page programmatically.
|
|
</p>
|
|
<br />
|
|
<h4><a href="second.html">Second Page As A Simple Link</a></h4>
|
|
<br />
|
|
<button id="SwitchToSecondPage">Switch to The Second Page Programmatically</button>
|
|
<br />
|
|
<br />
|
|
<button id="OpenNewWindow">Open The Second Window</button>
|
|
</body>
|
|
|
|
<!-- Connect this window to the background app -->
|
|
<script src="/webui.js"></script>
|
|
</html>
|