2023-02-26 20:49:29 +11:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2023-10-17 20:25:36 +11:00
|
|
|
<title>Wails Alpha</title>
|
|
|
|
|
<style>
|
|
|
|
|
html {
|
|
|
|
|
background-color: rgba(33, 37, 43);
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: white;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-ms-user-select: none;
|
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
padding-top: 40px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
|
|
|
|
|
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
|
|
|
sans-serif;
|
|
|
|
|
overscroll-behavior: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
|
width: 30%;
|
|
|
|
|
height: 20%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div {
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
font-size: 2rem;
|
|
|
|
|
}
|
|
|
|
|
/* CSS */
|
|
|
|
|
.button-42 {
|
|
|
|
|
background-color: initial;
|
|
|
|
|
background-image: linear-gradient(-180deg, #555555, #2f2f2f);
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-family: Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
|
|
|
|
|
height: 35px;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
outline: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
pointer-events: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
touch-action: manipulation;
|
|
|
|
|
user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
border: 0;
|
|
|
|
|
transition: box-shadow .2s;
|
|
|
|
|
font-size: medium;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button-42:hover {
|
|
|
|
|
background-image: linear-gradient(-180deg, #cb3939, #610000);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2023-02-26 20:49:29 +11:00
|
|
|
</head>
|
2023-10-17 20:25:36 +11:00
|
|
|
<body style="--webkit-app-region: drag;">
|
|
|
|
|
<img class="logo"
|
|
|
|
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAMrCAYAAADX0eD4AAAFQmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpDb2xvclNwYWNlPSIxIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTAyNCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjgxMSIKICAgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIKICAgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIgogICB0aWZmOkltYWdlTGVuZ3RoPSI4MTEiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTAyNCIKICAgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIKICAgdGlmZjpYUmVzb2x1dGlvbj0iNzIvMSIKICAgdGlmZjpZUmVzb2x1dGlvbj0iNzIvMSIKICAgeG1wOk1ldGFkYXRhRGF0ZT0i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
|
|
|
|
|
<div>Alpha</div>
|
|
|
|
|
<div>
|
|
|
|
|
<p class="button-42" onclick="window.open('https://wailsapp.github.io/wails/')">Documentation</p>
|
|
|
|
|
<p class="button-42" onclick="window.open('https://wailsapp.github.io/wails/getting-started/feedback/')">Feedback</p>
|
|
|
|
|
</div>
|
2023-10-31 17:24:00 -05:00
|
|
|
<div class="result" id="result">Please enter your name below 👇</div>
|
2023-10-17 20:25:36 +11:00
|
|
|
<div class="input-box" id="input">
|
2023-12-06 21:55:04 +01:00
|
|
|
<input autofocus autocomplete="off" class="input" id="name" type="text"/>
|
2024-03-22 11:18:04 +01:00
|
|
|
<button class="btn" id="greet-btn">Greet</button>
|
2023-10-17 20:25:36 +11:00
|
|
|
</div>
|
2024-03-22 11:18:04 +01:00
|
|
|
<script type="module">
|
|
|
|
|
import * as GreetService from "./bindings/main/GreetService.js";
|
2023-06-06 20:41:28 +10:00
|
|
|
|
2024-03-22 11:18:04 +01:00
|
|
|
async function greet() {
|
|
|
|
|
document.getElementById("result").innerHTML =
|
|
|
|
|
await GreetService.Greet(document.getElementById("name").value);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.getElementById("greet-btn").onclick = greet;
|
2023-06-06 20:41:28 +10:00
|
|
|
</script>
|
2023-02-26 20:49:29 +11:00
|
|
|
</body>
|
2023-10-31 17:24:00 -05:00
|
|
|
</html>
|
