liftinstall/static/index.html

82 lines
3.1 KiB
HTML
Raw Normal View History

2018-01-26 12:29:28 +00:00
<!doctype html>
2018-01-27 03:27:41 +00:00
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
2018-01-26 12:29:28 +00:00
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>yuzu Installer</title>
<link rel="stylesheet" href="/css/bulma.css" type="text/css">
<link rel="stylesheet" href="/css/main.css" type="text/css">
</head>
<body>
2018-01-27 03:27:41 +00:00
<div id="app">
<nav class="navbar is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
2018-01-26 12:29:28 +00:00
<span class="navbar-item">
2018-01-27 03:27:41 +00:00
<img src="/img/logo.png" v-bind:alt="config.general.name">
2018-01-26 12:29:28 +00:00
</span>
2018-01-27 03:27:41 +00:00
</div>
</nav>
2018-01-26 12:29:28 +00:00
2018-01-27 03:27:41 +00:00
<!-- Main content -->
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-one-third">
<h1 class="title">
Welcome to the {{ config.general.name }} installer!
</h1>
<h2 class="subtitle">
We will have you up and running in just a few moments.
</h2>
</div>
2018-01-26 12:29:28 +00:00
2018-01-27 03:27:41 +00:00
<div class="column">
<h4 class="subtitle">Select your preferred settings:</h4>
2018-01-26 12:29:28 +00:00
2018-01-27 03:27:41 +00:00
<!-- Build options -->
<div class="tile is-ancestor">
<div class="tile is-parent" v-for="package in config.packages" :index="package.name">
<div class="tile is-child">
<div class="box">
<label class="checkbox">
<input type="checkbox" v-bind:checked="package.default" />
{{ package.name }}
</label>
<p>
{{ package.description }}
</p>
</div>
2018-01-26 12:29:28 +00:00
</div>
</div>
</div>
2018-01-27 03:27:41 +00:00
<div class="field">
<label class="label subtitle is-6">Install Location</label>
<div class="control">
<input class="input" type="text" placeholder="%localappdata%\yuzu">
2018-01-26 12:29:28 +00:00
</div>
</div>
2018-01-27 03:27:41 +00:00
<a class="button is-primary">Install!</a>
2018-01-26 12:29:28 +00:00
</div>
</div>
</div>
2018-01-27 03:27:41 +00:00
</section>
</div>
<script src="/api/config"></script>
<script src="/js/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
config : config
}
});
</script>
2018-01-26 12:29:28 +00:00
</body>
</html>