aotds/aotds-docks
1
0
Fork 0
Code Issues 28 Pull Requests Projects 2 Releases Wiki Activity

Merge branch 'layout'

Browse Source
This commit is contained in:
Yanick Champoux 2023-04-14 13:02:34 -04:00
commit f259ed2fbc
13 changed files with 99 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -17,3 +17,4 @@ dist/yarn-error.log
.histoire/dist
dist
src/lib/components/__image_snapshots__/__diff_output__/
.histoire/dist

16
.histoire/dist/__sandbox.html vendored
View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Histoire</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="/assets/style-7abbff26.css">
</head>
<body>
<div id="app"></div>
<script type="module" src="/assets/bundle-sandbox-5de41e5f.js"></script>
</body>
</html>

16
.histoire/dist/index.html vendored
View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Histoire</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="/assets/style-7abbff26.css">
<link rel="preload" href="/assets/vendor-5d606883.js" as="script" crossOrigin="anonymous">
</head>
<body>
<div id="app"></div>
<script type="module" src="/assets/bundle-main-2dc03f26.js"></script>
</body>
</html>

BIN
.histoire/screenshots/src-lib-components-shipedit-propulsion-engine-story-svelte-_default-1280x800.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

BIN
.histoire/screenshots/src-lib-components-shipedit-propulsion-story-svelte-_default-1280x800.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

28
src/lib/components/MainLayout.svelte Normal file
View File

@ -0,0 +1,28 @@
<header>
<nav>
<h1>
<a>The Docks</a>
</h1>
<h3 class="max">a Full Thrust ship builder</h3>
<a>About</a>
<span>&nbsp;</span>
</nav>
</header>
<main class="responsive">
<slot />
</main>
<script>
import "$lib/style/index.js";
</script>
<style>
header nav {
align-items: baseline;
font-family: "Faktos";
}
h3 {
font-size: var(--font-scale-12);
font-weight: normal;
}
</style>

BIN
src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-4-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/lib/components/__image_snapshots__/screenshots-test-ts-src-lib-components-screenshots-test-ts-image-snapshot-6-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

12
src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,12 @@
<Layout>
<slot />
</Layout>
<script>
import { setContext } from "svelte";
import { createApi } from "$lib/store/api.ts";
import Layout from "$lib/components/MainLayout.svelte";
setContext("api", createApi());
</script>

13
src/routes/+page.svelte
View File

@ -1,12 +1 @@
<App />
<script>
import { setContext } from "svelte";
import "$lib/style/index.js";
import shipStore from "$lib/store/ship.js";
import App from "$lib/components/App.svelte";
setContext("ship", shipStore());
</script>
TODO

23
src/routes/about/+layout.svelte Normal file
View File

@ -0,0 +1,23 @@
<nav class="m l left">
<a>
<i>Question_Mark</i>
<span>About</span>
</a>
<!-- TODO
<a>
<i>Quiz</i>
<span>See also</span>
</a>
<a>
<i>Format_List_Bulleted</i>
<span>Changelog</span>
</a>
-->
</nav>
<slot />
<style>
nav {
margin-top: 70px;
}
</style>

47
src/routes/about/+page.svelte
View File

@ -1,30 +1,3 @@
<header>
<nav>
<h1>
<a>The Docks</a>
</h1>
<h3 class="max">a Full Thrust ship builder</h3>
<a>About</a>
<span>&nbsp;</span>
</nav>
</header>
<main class="responsive">
<nav class="m l left">
<a>
<i>Question_Mark</i>
<span>About</span>
</a>
<!-- TODO
<a>
<i>Quiz</i>
<span>See also</span>
</a>
<a>
<i>Format_List_Bulleted</i>
<span>Changelog</span>
</a>
-->
</nav>
<h2>Welcome to the docks!</h2>
<!-- TODO
@ -46,8 +19,8 @@
</p>
<p>
The app is mostly developed for Firefox. I also check as much as I can that
I don't mess things too badly on Chrome. For the other browsers... caveat
The app is mostly developed for Firefox. I also check as much as I can that I
don't mess things too badly on Chrome. For the other browsers... caveat
emptor.
</p>
@ -59,24 +32,8 @@
<!-- TODO read the url from package.json -->
<a href="https://github.com/aotds/aotds-shipyard">Github</a>.
</p>
</main>
<script>
import "$lib/style/index.js";
</script>
<style>
header nav {
align-items: baseline;
font-family: "Faktos";
}
main nav {
margin-top: 70px;
}
h3 {
font-size: var(--font-scale-12);
font-weight: normal;
}
h2 {
margin-bottom: 1.5rem;
}

9
src/routes/about/about.test.js Normal file
View File

@ -0,0 +1,9 @@
import { render, fireEvent, screen, getByText } from "@testing-library/svelte";
import "@testing-library/jest-dom";
import About from "./+page.svelte";
test("we have an about page", () => {
const { getByText } = render(About);
expect(getByText("Welcome to the docks!")).toBeInTheDocument();
});