mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-01 14:21:16 +00:00
7773678e22
Apply the simplification of 2398d00e6f to all
index.html files we use. An async function
can be called directly.
60 lines
No EOL
1.6 KiB
HTML
60 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
This is a static html file used to display the wasm build.
|
|
In order to generate the build
|
|
- uncomment the #wasm# lines in Cargo.toml
|
|
- Run `wasm-pack build --release --target web` in this directory.
|
|
-->
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>SixtyFPS UI Printer Demo (Web Assembly version)</title>
|
|
<style>
|
|
canvas {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
canvas:focus {
|
|
outline: none;
|
|
}
|
|
|
|
@media screen and (max-width: 992px) and (orientation: landscape) {
|
|
.hide-in-mobile-landscape {
|
|
display: none;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
canvas {
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<p class="hide-in-mobile-landscape">This is the SixtyFPS UI Printer Demo compiled to WebAssembly. It simulates the
|
|
touch user interface of
|
|
the advanced "Print Machine 2000", without actually printing anything.</p>
|
|
<canvas id="canvas" width="640" height="480" unselectable="on"></canvas>
|
|
<p class="hide-in-mobile-landscape">
|
|
<a href="https://github.com/sixtyfpsui/sixtyfps/blob/master/examples/printerdemo/ui/printerdemo.60">
|
|
View Source Code on GitHub</a> -
|
|
<a
|
|
href="https://sixtyfps.io/editor?load_url=https://raw.githubusercontent.com/sixtyfpsui/sixtyfps/master/examples/printerdemo/ui/printerdemo.60">
|
|
Edit in the online code editor
|
|
</a>
|
|
</p>
|
|
<script type="module">
|
|
import init from './pkg/printerdemo.js';
|
|
init();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |