some stuff
parent
90663f3bfe
commit
cb992c955a
GPG Key ID:
91991C9808A18BB0
File diff suppressed because it is too large
Load Diff
@ -1,13 +0,0 @@
|
||||
import { lazy } from "solid-js";
|
||||
import { Routes, Route, Link } from "solid-app-router";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div>
|
||||
<h2>App</h2>
|
||||
<p>Some other stuff</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default App;
|
||||
@ -0,0 +1,17 @@
|
||||
import type { Component } from "solid-js";
|
||||
import { useRoutes, useLocation } from "solid-app-router";
|
||||
|
||||
import { routes } from "./routes"
|
||||
|
||||
const App: Component = () => {
|
||||
const location = useLocation();
|
||||
const Route = useRoutes(routes);
|
||||
document.title += location.pathname
|
||||
return (
|
||||
<div>
|
||||
<Route />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default App;
|
||||
@ -0,0 +1,18 @@
|
||||
import axios from "axios";
|
||||
|
||||
const API_URL = "/api/auth"
|
||||
|
||||
const register = async (username: string, email: string, password: string) => {
|
||||
axios.post(API_URL + "/register", {
|
||||
username,
|
||||
email,
|
||||
password
|
||||
}).then(
|
||||
responce => {
|
||||
if (responce.data.username) {
|
||||
|
||||
}
|
||||
return responce
|
||||
}
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import { Component, ComponentProps, JSX } from 'solid-js';
|
||||
|
||||
interface burgerProps extends ComponentProps<'span'> {
|
||||
datatarget: string
|
||||
}
|
||||
|
||||
const handelClick: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (e) => {
|
||||
var menu = document.querySelector("#" + e.currentTarget.dataset.target);
|
||||
e.currentTarget.classList.toggle("is-active");
|
||||
menu?.classList.toggle("is-active");
|
||||
}
|
||||
|
||||
const Burger: Component<burgerProps> = (props: burgerProps) => {
|
||||
return (
|
||||
<span onClick={handelClick} class="navbar-burger burger" data-target={props.datatarget} >
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
export default Burger;
|
||||
@ -0,0 +1,54 @@
|
||||
import { Component } from 'solid-js';
|
||||
import { Link } from "solid-app-router";
|
||||
import Burger from './burger';
|
||||
|
||||
const Navbar: Component = () => {
|
||||
return (
|
||||
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||
<div class="container">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="/">
|
||||
<h1 class="is-size-2">WOK ABLE</h1>
|
||||
</a>
|
||||
<Burger datatarget='navbarMenu' />
|
||||
</div>
|
||||
<div id="navbarMenu" class="navbar-menu">
|
||||
<div class="navbar-start">
|
||||
<Link class="navbar-item" href="/">
|
||||
<span class="icon">
|
||||
<i class="fa fa-home"></i>
|
||||
</span>
|
||||
<span>Home</span>
|
||||
</Link>
|
||||
<a class="navbar-item" href='https://spahl.ddns.net/jasper'>
|
||||
<span class="icon">
|
||||
<i class="fa-brands fa-git-alt"></i>
|
||||
</span>
|
||||
<span>View Source</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<span class="navbar-item">
|
||||
<Link class="button is-dark" href="/register">
|
||||
<span class="icon">
|
||||
<i class="fa fa-user-plus"></i>
|
||||
</span>
|
||||
<span>Register</span>
|
||||
</Link>
|
||||
</span>
|
||||
<span class="navbar-item">
|
||||
<Link class="button is-info" href="/login">
|
||||
<span class="icon">
|
||||
<i class="fa fa-arrow-right-to-bracket"></i>
|
||||
</span>
|
||||
<span>Login</span>
|
||||
</Link>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
|
||||
export default Navbar;
|
||||
@ -1,13 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
||||
monospace;
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
@charset "utf-8";
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@import "../node_modules/bulma/bulma.sass";
|
||||
|
||||
$schema-main: $white;
|
||||
$schema-inverted: $black;
|
||||
@ -0,0 +1,16 @@
|
||||
.coolbg {
|
||||
background: linear-gradient(
|
||||
rgba(0, 0, 0, 0.5),
|
||||
rgba(0, 0, 0, 0.5)
|
||||
), url('https://unsplash.it/1200/900?random') no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
.isomatrix {
|
||||
position: relative;
|
||||
transform-style: preserve-3d;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform: rotate(-30deg) skew(30deg)
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
.hero .nav, .hero.is-success .nav {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.hero .subtitle {
|
||||
padding: 3rem 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
import { Link } from 'solid-app-router';
|
||||
import { Component } from 'solid-js';
|
||||
import Navbar from "../componets/navbar";
|
||||
import styles from "./home.module.scss";
|
||||
import "./home.scss";
|
||||
|
||||
const Home: Component = () => {
|
||||
return (
|
||||
<>
|
||||
<section class={`hero is-info ${styles.coolbg}`}>
|
||||
<div class={`hero-body`}>
|
||||
<div class="container has-text-centered">
|
||||
<div class="column is-6 is-offset-3">
|
||||
<h1 class="title">
|
||||
Wok Able
|
||||
</h1>
|
||||
<h2 class="subtitle">
|
||||
The easy to use vacabulary learing system
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Navbar />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Home;
|
||||
@ -1,15 +0,0 @@
|
||||
import { Component, ComponentProps } from 'solid-js';
|
||||
|
||||
interface indexProps extends ComponentProps<any> {
|
||||
// add props here
|
||||
}
|
||||
|
||||
const index: Component<indexProps> = (props: indexProps) => {
|
||||
return (
|
||||
<div>
|
||||
<h2>index</h2>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default index;
|
||||
@ -0,0 +1,11 @@
|
||||
import { lazy } from "solid-js";
|
||||
import type { RouteDefinition } from "solid-app-router";
|
||||
|
||||
import Home from "./pages/home"
|
||||
|
||||
export const routes: RouteDefinition[] = [
|
||||
{
|
||||
path: "/",
|
||||
component: Home
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,9 @@
|
||||
import { createEffect } from "solid-js";
|
||||
import { Store, SetStoreFunction, createStore } from "solid-js/store"
|
||||
|
||||
export function createLocalStore<T>(initState: T, name: string): [Store<T>, SetStoreFunction<T>] {
|
||||
const [state, setState] = createStore(initState);
|
||||
if (localStorage[name]) setState(JSON.parse(localStorage[name]))
|
||||
createEffect(() => (localStorage[name] = JSON.stringify(state)))
|
||||
return [state, setState]
|
||||
}
|
||||
Loading…
Reference in New Issue