start adding instance wizard

This commit is contained in:
Nolan Lawson 2018-01-07 15:11:17 -08:00
parent f67ee7a7eb
commit 70749d9053
8 changed files with 44 additions and 11 deletions

View file

@ -25,5 +25,15 @@ h1 {
} }
a { a {
color: inherit; color: royalblue;
}
a:visited {
color: royalblue;
}
@media (max-width: 767px) {
p {
font-size: 1.3em;
}
} }

View file

@ -1,8 +1,8 @@
{ {
"background_color": "#ffffff", "background_color": "#ffffff",
"theme_color": "#aa1e1e", "theme_color": "#4169e1",
"name": "TODO", "name": "Pinafore for Mastodon",
"short_name": "TODO", "short_name": "Pinafore",
"display": "minimal-ui", "display": "minimal-ui",
"start_url": "/", "start_url": "/",
"icons": [ "icons": [

View file

@ -3,9 +3,13 @@
</:Head> </:Head>
<Layout page='home'> <Layout page='home'>
<h1>Home page!</h1> <h1>Pinafore for Mastodon</h1>
<p>This is the home page.</p> <p>Pinafore is a web client for <a href="https://joinmastodon.org">Mastodon</a>, optimized for performance and simplicity.</p>
<p>To get started, <a href="/settings/instance-wizard">log in to an instance</a>.</p>
<p>Don't have an instance? <a href="https://joinmastodon.org">Join Mastodon!</a></p>
</Layout> </Layout>
<script> <script>

View file

@ -9,7 +9,7 @@
</Layout> </Layout>
<script> <script>
import Layout from './_components/Layout.html'; import Layout from '../_components/Layout.html';
export default { export default {
components: { components: {

View file

@ -0,0 +1,19 @@
<:Head>
<title>Instance Wizard</title>
</:Head>
<Layout page='settings'>
<h1>Instance Wizard</h1>
<p>Add an instance!</p>
</Layout>
<script>
import Layout from '../_components/Layout.html';
export default {
components: {
Layout
}
};
</script>

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name='viewport' content='width=device-width'> <meta name='viewport' content='width=device-width'>
<meta name='theme-color' content='#aa1e1e'> <meta name='theme-color' content='#4169e1'>
<link rel='stylesheet' href='/global.css'> <link rel='stylesheet' href='/global.css'>
<link rel='manifest' href='/manifest.json'> <link rel='manifest' href='/manifest.json'>

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name='viewport' content='width=device-width'> <meta name='viewport' content='width=device-width'>
<meta name='theme-color' content='#aa1e1e'> <meta name='theme-color' content='#4169e1'>
<link rel='manifest' href='/manifest.json'> <link rel='manifest' href='/manifest.json'>
<link rel='icon' type='image/png' href='/favicon.png'> <link rel='icon' type='image/png' href='/favicon.png'>

View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset='utf-8'> <meta charset='utf-8'>
<meta name='viewport' content='width=device-width'> <meta name='viewport' content='width=device-width'>
<meta name='theme-color' content='#aa1e1e'> <meta name='theme-color' content='#4169e1'>
<link rel='manifest' href='/manifest.json'> <link rel='manifest' href='/manifest.json'>
<link rel='icon' type='image/png' href='/favicon.png'> <link rel='icon' type='image/png' href='/favicon.png'>