idk stuff

package.json

@@ -21,7 +21,7 @@
     "@fortawesome/react-fontawesome": "^0.1.9",
     "@sentry/browser": "^5.15.5",
     "@sentry/integrations": "^5.15.5",
-    "bluelib": "^0.13.14",
+    "bluelib": "^0.14.2",
     "css-loader": "^3.5.2",
     "file-loader": "^5.1.0",
     "history": "^4.10.1",

src/index.js

@@ -1,4 +1,6 @@
 // Import debugging tools
+import {useState} from "preact/hooks";
+
 let Sentry = null;
 if(process.env.NODE_ENV === "development") {
 	console.debug("Initializing Preact Debugger...")
@@ -27,7 +29,6 @@ import Home from "./routes/Home";
 
 // noinspection ES6UnusedImports
 import "bluelib/dist/index.css";
-import {theme} from "bluelib";
 import './meta/manifest.json';
 import './meta/CNAME';
 import './meta/.nojekyll';
@@ -36,15 +37,20 @@ import './meta/favicon.ico';
 import Router from 'preact-router';
 import {createHashHistory} from "history";
 
+import { theme, BasicContainer } from 'bluelib';
+
 // noinspection JSUnusedGlobalSymbols
 export default function(props) {
+	let [currentPage, setCurrentPage] = useState(window.location.hash.substr(1));
+	const onPageChange = (event) => {
+		setCurrentPage(event.url);
+	};
+
 	return (
-		<div id="app" class={theme.bluelib}>
-			<BasicContainer>
-				<Router history={createHashHistory()}>
-					<Home path={"/"}/>
-				</Router>
-			</BasicContainer>
+		<div id="app" className={theme.bluelib}>
+			<Router history={createHashHistory()} onChange={onPageChange}>
+				<Home path={"/"}/>
+			</Router>
 		</div>
 	);
 }

src/routes/Home.js

@@ -1,17 +1,11 @@
-import {Panel} from "bluelib";
+import style from "./Home.less";
 
 export default function (props) {
     return (
-        <div>
-            <h1>
-                Steffo<small>'s website</small>
-            </h1>
-            <Panel title={"Hello there!"}>
-                Hi! Welcome to my website!
-            </Panel>
-            <Panel title={"Under construction"}>
-                This website is currently under (re)construction. Come back another time!
-            </Panel>
+        <div class={style.container}>
+            <div class={style.content}>
+                hello there general kenobi
+            </div>
         </div>
     );
 }

src/routes/Home.less

@@ -0,0 +1,11 @@
+
+.container {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+}
+
+.content {
+  margin-top: auto;
+  margin-bottom: auto;
+}