diff --git a/assets/logo_full.svg b/assets/logo_full.svg
new file mode 100644
index 0000000..f7e3678
--- /dev/null
+++ b/assets/logo_full.svg
@@ -0,0 +1,264 @@
+
+
+
+
diff --git a/assets/logo_small.svg b/assets/logo_small.svg
new file mode 100644
index 0000000..10f5249
--- /dev/null
+++ b/assets/logo_small.svg
@@ -0,0 +1,244 @@
+
+
+
+
diff --git a/rollup.config.js b/rollup.config.js
index bf63649..5c98a45 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -45,6 +45,7 @@ const frontendConfig = {
typescript(),
copy({
'src/index.html': 'dist/index.html',
+ 'assets': 'dist',
}),
cjs({
extensions: ['.js', '.ts'],
diff --git a/src/components/app-shell.ts b/src/components/app-shell.ts
index 041427f..e475d86 100644
--- a/src/components/app-shell.ts
+++ b/src/components/app-shell.ts
@@ -1,11 +1,23 @@
import { connect, withStore } from 'fit-html';
-import { html } from 'lit-html/lib/lit-extended';
+import { html, svg } from 'lit-html/lib/lit-extended';
import store from '../store';
import './view-home';
const View = (props: {}) => html`
-ForkTune
+
+
+
+
`;
const Shell = connect(
diff --git a/src/components/view-home.ts b/src/components/view-home.ts
index 2f11bf6..c8e7b11 100644
--- a/src/components/view-home.ts
+++ b/src/components/view-home.ts
@@ -19,12 +19,33 @@ interface ViewHomeDispatch {
}
const View = (props: ViewHomeProps & ViewHomeDispatch) => html`
-${!props.loggedIn ? html`` : ''}
-
+
+
+
+
+
+${!props.loggedIn ? html`
+
+
+
` : ''}
+
${props.playlists.map((playlist) => html`
- ${playlist.name}
`)}
-
+
`;
const mapStateToProps = (state: State): ViewHomeProps => ({
diff --git a/src/index.html b/src/index.html
index 7c21459..b2bc0da 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,6 +3,16 @@
ForkTune
+
