this repo has no description
phaz.uk
1import "./App.css";
2
3import { createEffect, createSignal } from "solid-js";
4
5import { Sidebar } from "./Components/Sidebar";
6import { Actions } from "./Components/Actions";
7import { Relays } from "./Components/Relays";
8import { animate } from "animejs";
9import { Settings } from "./Components/Settings";
10import { Debug } from "./Components/Debug";
11
12let App = () => {
13 let [ page, setPage ] = createSignal(0);
14 let carousel!: HTMLDivElement;
15
16 createEffect(() => {
17 let pagenum = page();
18 animate(carousel.children, { translateY: '-' + ( 100 * pagenum ) + '%', ease: 'outElastic(.1, .7)', duration: 500 });
19 })
20
21 return (
22 <>
23 <Sidebar setPage={setPage} />
24
25 <div app-carousel ref={carousel}>
26 <Actions />
27 <Relays />
28 <Debug page={page} />
29 <Settings />
30 </div>
31 </>
32 );
33}
34
35export default App;