aronmal/jg-eucs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Language seperation

Browse source
This commit is contained in:
aronmal 2023-10-18 15:27:22 +02:00
parent 2522551cde
commit 7390bcbc01
Signed by: aronmal
GPG key ID: 816B7707426FC612
20 changed files with 279 additions and 538 deletions
Download patch file Download diff file Expand all files Collapse all files

0
public/styles/Geräte.css → public/styles/devices.css
View file

0
public/styles/UEberblick.css → public/styles/overview.css
View file

0
public/styles/Start.css → public/styles/start.css
View file

20
src/components/Counter.css
View file

@ -1,20 +0,0 @@
.increment {
font-family: inherit;
font-size: inherit;
padding: 1em 2em;
color: #335d92;
background-color: rgba(68, 107, 158, 0.1);
border-radius: 2em;
border: 2px solid rgba(68, 107, 158, 0);
outline: none;
width: 200px;
font-variant-numeric: tabular-nums;
}
.increment:focus {
border: 2px solid #335d92;
}
.increment:active {
background-color: rgba(68, 107, 158, 0.2);
}

11
src/components/Counter.tsx
View file

@ -1,11 +0,0 @@
import { createSignal } from "solid-js";
import "./Counter.css";
export default function Counter() {
const [count, setCount] = createSignal(0);
return (
<button class="increment" onClick={() => setCount(count() + 1)}>
Clicks: {count()}
</button>
);
}

2
src/components/DeviceTile.tsx
View file

@ -2,7 +2,7 @@ import { Show } from "solid-js";
function DeviceTile(props: { href?: string; name: string; src: string }) {
return (
<a href={props.href ?? "soon.HTML"}>
<a href={props.href ?? "/soon"}>
<div class="raster">
<h3>{props.name}</h3>
<Show when={props.src.startsWith("/images")}>

40
src/root.css
View file

@ -1,40 +0,0 @@
body {
font-family: Gordita, Roboto, Oxygen, Ubuntu, Cantarell,
'Open Sans', 'Helvetica Neue', sans-serif;
}
a {
margin-right: 1rem;
}
main {
text-align: center;
padding: 1em;
margin: 0 auto;
}
h1 {
color: #335d92;
text-transform: uppercase;
font-size: 4rem;
font-weight: 100;
line-height: 1.1;
margin: 4rem auto;
max-width: 14rem;
}
p {
max-width: 14rem;
margin: 2rem auto;
line-height: 1.35;
}
@media (min-width: 480px) {
h1 {
max-width: none;
}
p {
max-width: none;
}
}

27
src/root.tsx
View file

@ -1,15 +1,34 @@
// @refresh reload
import { Suspense } from "solid-js";
import { Body, FileRoutes, Head, Html, Meta, Routes, Scripts, Title } from "solid-start";
import "./root.css";
import { Body, FileRoutes, Head, Html, Link, Meta, Routes, Scripts, Title } from "solid-start";
export default function Root() {
return (
<Html lang="en">
<Head>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta charset="UTF-8" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>SolidStart - Bare</Title>
<Meta charset="utf-8" />
<Meta name="viewport" content="width=device-width, initial-scale=1" />
</Head>
<Body>
<Suspense>

93
src/routes/StartDE.tsx
View file

@ -1,93 +0,0 @@
import { Link, Meta, Title } from "solid-start";
function StartDE() {
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Start</Title>
<Link rel="stylesheet" href="/styles/Start.css" />
<div class="container">
<img id="cover" src="/images/Gear3.webp" />
<div class="centered">
<h1>Bock auf was Neues?</h1>
</div>
</div>
<h1 id="gone">Bock auf was Neues?</h1>
<p>Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne eletrische Einräder.</p>
<div class="righties">
<img src="/images/ShermanStanding.jpg" />
</div>
<p>Von 0 auf 50kmh in 3s, 100kmh top Geschwindigkeit und 230km Reichweite machen aus diesen Geräten den ultimativen Sport.</p>
<div class="righties">
<img src="/images/UltimativeSport.jpg" />
</div>
<p>Gleichzeitig 50° steile Wände hochfahren und MTB Trails mit leichtigkeit nehmen.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/MTBtrailsEase.mp4" type="video/mp4" />
</video>
</div>
<p>Jeden Weg nutzen und nie wieder im Verkehr stecken.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/traffic.mp4" type="video/mp4" />
</video>
</div>
<p>Und trotzdem leicht zu transportiren und untern Tisch zu packen.</p>
<div class="righties">
<img src="/images/KidsKS16X.jpg" />
</div>
<p>Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:</p>
<a href="/UEberblickDE">
<div id="MoreButton">
<p>Ich will alles darüber lesen!</p>
</div>
</a>
<a href="https:/youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
<div id="MoreButton">
<p>Mir reichen Videos</p>
</div>
</a>
<a href="/StartENG">
<div id="MoreButton">
<p>Language</p>
</div>
</a>
</>
);
}
export default StartDE;

98
src/routes/StartENG.tsx
View file

@ -1,98 +0,0 @@
import { Link, Meta, Title } from "solid-start";
function StartENG() {
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Start</Title>
<Link rel="stylesheet" href="/styles/Start.css" />
<div class="container">
<img id="cover" src="/images/Gear3.webp" />
<div class="centered">
<h1>Wanna try something new?</h1>
</div>
</div>
<h1 id="gone">Wanna try something new?</h1>
<p>Flexible - Modern - Faster then law it self. These are modern electric unicycles:</p>
<div class="righties">
<img src="/images/ShermanStanding.jpg" />
</div>
<p>From 0 auf 50kmh in 3s, 100kmh top speed and 230km range make these devices the ultimate sport.</p>
<div class="righties">
<img src="/images/UltimativeSport.jpg" />
</div>
<p>Meanwhile climbing 50° steep walls and taking MTB trails with ease.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/MTBtrailsEase.mp4" type="video/mp4" />
</video>
</div>
<p>Taking every path and never get stuck in traffic again.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/traffic.mp4" type="video/mp4" />
</video>
</div>
<p>But still being easy to carry and store just under your desk.</p>
<div class="righties">
<img src="/images/KidsKS16X.jpg" />
</div>
<p>Interested? Then take a deep dive into PEV's and EUC's:</p>
<a href="/UEberblickENG">
<div id="MoreButton">
<p>I want to read everything about it!</p>
</div>
</a>
<a href="https:/youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
<div id="MoreButton">
<p>Na, videos are just fine</p>
</div>
</a>
<a href="/StartDE">
<div id="MoreButton">
<p>Sprache</p>
</div>
</a>
</>
);
}
export default StartENG;

31
src/routes/KSS22DE.tsx → src/routes/de/KSS22.tsx
View file

@ -1,36 +1,15 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
function KSS22DE() {
function KSS22() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Title>KS S22</Title>
<Link rel="stylesheet" href="/styles/Geräte.css" />
<Link rel="stylesheet" href="/styles/devices.css" />
<div id="sidenavbar">
<button onClick={() => navigate(-1)}>Zurück</button>
<button onClick={() => navigate("/UEberblickDE")}>Start</button>
<button onClick={() => navigate("/de/overview")}>Start</button>
</div>
<div class="row">
@ -215,4 +194,4 @@ function KSS22DE() {
);
}
export default KSS22DE;
export default KSS22;

70
src/routes/de/index.tsx Normal file
View file

@ -0,0 +1,70 @@
import { Link, Title } from "solid-start";
function StartDE() {
return (
<>
<Title>Start</Title>
<Link rel="stylesheet" href="/styles/start.css" />
<div class="container">
<img id="cover" src="/images/Gear3.webp" />
<div class="centered">
<h1>Bock auf was Neues?</h1>
</div>
</div>
<h1 id="gone">Bock auf was Neues?</h1>
<p>Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne eletrische Einräder.</p>
<div class="righties">
<img src="/images/ShermanStanding.jpg" />
</div>
<p>Von 0 auf 50kmh in 3s, 100kmh top Geschwindigkeit und 230km Reichweite machen aus diesen Geräten den ultimativen Sport.</p>
<div class="righties">
<img src="/images/UltimativeSport.jpg" />
</div>
<p>Gleichzeitig 50° steile Wände hochfahren und MTB Trails mit leichtigkeit nehmen.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/MTBtrailsEase.mp4" type="video/mp4" />
</video>
</div>
<p>Jeden Weg nutzen und nie wieder im Verkehr stecken.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/traffic.mp4" type="video/mp4" />
</video>
</div>
<p>Und trotzdem leicht zu transportiren und untern Tisch zu packen.</p>
<div class="righties">
<img src="/images/KidsKS16X.jpg" />
</div>
<p>Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:</p>
<a href="/de/overview">
<div id="MoreButton">
<p>Ich will alles darüber lesen!</p>
</div>
</a>
<a href="https:/youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
<div id="MoreButton">
<p>Mir reichen Videos</p>
</div>
</a>
<a href="/en/">
<div id="MoreButton">
<p>Language</p>
</div>
</a>
</>
);
}
export default StartDE;

68
src/routes/HerstellerDE.tsx → src/routes/de/manufacturers.tsx
View file

@ -1,53 +1,31 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
function HerstellerDE() {
function Manufacturers() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Hersteller</Title>
<Link rel="stylesheet" href="/styles/UEberblick.css" />
<Link rel="stylesheet" href="/styles/overview.css" />
<div id="navbar">
<a href="/StartDE">Start</a>
<a href="/UEberblickDE#start">Was sind EUCs?</a>
<a href="/UEberblickDE#why">Warum EUCs?</a>
<a href="/UEberblickDE#funktion">Funktionsweise</a>
<a href="/UEberblickDE#begriffe">Begriffe</a>
<a href="/UEberblickDE#sicherheit">Sicherheit</a>
<a href="/UEberblickDE#ausrüstung">Ausrüstung</a>
<a href="/UEberblickDE#cutout">Cut-out's</a>
<a href="/UEberblickDE#akkuss">Akkusicherheit</a>
<a href="/UEberblickDE#fahrweise">Fahrweise</a>
<a href="/UEberblickDE#wobbles">Wobbles</a>
<a href="/UEberblickDE#leistung">Leistung</a>
<a href="/UEberblickDE#federung">Federung</a>
<a href="/UEberblickDE#reifen">Reifen</a>
<a href="/UEberblickDE#historie">Historie</a>
<a href="/HerstellerDE">Hersteller</a>
<a href="/UEberblickDE#geräte">Geräte Liste</a>
<a href="/de/">Start</a>
<a href="/de/overview#start">Was sind EUCs?</a>
<a href="/de/overview#why">Warum EUCs?</a>
<a href="/de/overview#funktion">Funktionsweise</a>
<a href="/de/overview#begriffe">Begriffe</a>
<a href="/de/overview#sicherheit">Sicherheit</a>
<a href="/de/overview#ausrüstung">Ausrüstung</a>
<a href="/de/overview#cutout">Cut-out's</a>
<a href="/de/overview#akkuss">Akkusicherheit</a>
<a href="/de/overview#fahrweise">Fahrweise</a>
<a href="/de/overview#wobbles">Wobbles</a>
<a href="/de/overview#leistung">Leistung</a>
<a href="/de/overview#federung">Federung</a>
<a href="/de/overview#reifen">Reifen</a>
<a href="/de/overview#historie">Historie</a>
<a href="/de/manufacturers">Hersteller</a>
<a href="/de/overview#geräte">Geräte Liste</a>
{/* <button onclick="myFunction()">Light Mode</button> */}
{/* <button onclick="window.location.href='UEberblickENG';">Language</button> */}
{/* <button onclick="window.location.href='en/overview';">Language</button> */}
<div>{/* <button onclick="closeit()"><-Schließen</button> */}</div>
</div>
<div id="sidenavbar">
@ -96,7 +74,7 @@ function HerstellerDE() {
<!--hersteller-->
*/}
<div class="row">
<h3 id="hersteller">Erklärung und Geschichte der Produzenten</h3>
<h3 id="manufacturers">Erklärung und Geschichte der Produzenten</h3>
<p>Es gibt/gab viele Hersteller von elektrischen Einrädern, hier werden nur die größeren und wichtigen beschrieben. Neben denen gibt u.a Airwheel, IPS, Solowheel, Rockwheel, Firewheel, ESWAY, Fosjoas, MonoRover, F-wheel. Da der Markt so klein ist, gibt es leider kaum einfach erhältliche Informationen über Verkaufszahlen oder Marktanteile der Firmen.</p>
<h3 id="ninebot">
@ -161,4 +139,4 @@ function HerstellerDE() {
);
}
export default HerstellerDE;
export default Manufacturers;

48
src/routes/UEberblickDE.tsx → src/routes/de/overview.tsx
View file

@ -1,39 +1,15 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
import DeviceTile from "~/components/DeviceTile";
function UEberblickDE() {
function overview() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Einführung EUCs</Title>
<Link rel="stylesheet" href="/styles/UEberblick.css" />
<Link rel="stylesheet" href="/styles/overview.css" />
<div id="navbar">
<a href="/StartDE">Start</a>
<a href="/de/">Start</a>
<a href="#start">Was sind EUCs?</a>
<a href="#why">Warum EUCs?</a>
<a href="#funktion">Funktionsweise</a>
@ -48,10 +24,10 @@ function UEberblickDE() {
<a href="#federung">Federung</a>
<a href="#reifen">Reifen</a>
<a href="#historie">Historie</a>
<a href="/HerstellerDE">Hersteller</a>
<a href="manufacturers">Hersteller</a>
<a href="#geräte">Geräte Liste</a>
{/* <button onclick="myFunction()">Light Mode</button> */}
{/* <button onclick="window.location.href='UEberblickENG';">Language</button> */}
{/* <button onclick="window.location.href='en/overview';">Language</button> */}
<div>{/* <button onclick="closeit()"><-Schließen</button> */}</div>
</div>
@ -346,7 +322,7 @@ function UEberblickDE() {
</p>
</div>
<div style={{"padding-left":"3%"}} class="col-6">
<div style={{ "padding-left": "3%" }} class="col-6">
<p class="imghover">
<b id="trolley">Trolley Handle</b>: ein ausfahrbarer Griff zum Schieben des Gerätes, ähnlich wie bei einem Koffer.
</p>
@ -492,7 +468,7 @@ function UEberblickDE() {
</p>
<p>
<b>Tiefenentladung</b>, also das Entladen unter die empfohlene Spannung der Zellen, schädigt den <a href="#akku">Akku</a> und erhöht das Risiko. Vor allem Begode hat da wenig Schutz, und lässt meist bei niedrigem Akkustand noch viel Leistung aus dem Akku ziehen, so wie das Gerät bis zur absoluten Entleerung fahren. Aber auch Ninebot hat damit ein Problem, da sich der <a href="#akku">Akku</a> wegen dem <a href="#BMS">BMS</a> auch entlädt, wenn das Gerät aus ist. Bei längeren Stand Zeiten ohne wieder Aufladung führt das zu Schäden. Ninebot hat kaum bekannte Brände, mehr dazu im Kapitel <a href="#hersteller">Hersteller</a>.
<b>Tiefenentladung</b>, also das Entladen unter die empfohlene Spannung der Zellen, schädigt den <a href="#akku">Akku</a> und erhöht das Risiko. Vor allem Begode hat da wenig Schutz, und lässt meist bei niedrigem Akkustand noch viel Leistung aus dem Akku ziehen, so wie das Gerät bis zur absoluten Entleerung fahren. Aber auch Ninebot hat damit ein Problem, da sich der <a href="#akku">Akku</a> wegen dem <a href="#BMS">BMS</a> auch entlädt, wenn das Gerät aus ist. Bei längeren Stand Zeiten ohne wieder Aufladung führt das zu Schäden. Ninebot hat kaum bekannte Brände, mehr dazu im Kapitel <a href="manufacturers">Hersteller</a>.
</p>
<p>
@ -500,7 +476,7 @@ function UEberblickDE() {
</p>
<p>
<b>Physikalischer Schaden</b>, also Erschütterung oder Penetration der Zellen kann ebenfalls zum Kurzschluss und im schlimmsten Fall zum Brand führen. Das ist eher selten, aber ebenfalls häufiger bei Begode, da hier die Akkus ausschließlich in schrumpfschlauch gepackt werden, und sich dann relativ frei im Gehäuse bewegen können. Wohingegen <a href="#hersteller">Kingsong</a> und <a href="#hersteller">Inmotion</a> die Akkus extra verpacken und meist auch Wasserfest konstruieren.
<b>Physikalischer Schaden</b>, also Erschütterung oder Penetration der Zellen kann ebenfalls zum Kurzschluss und im schlimmsten Fall zum Brand führen. Das ist eher selten, aber ebenfalls häufiger bei Begode, da hier die Akkus ausschließlich in schrumpfschlauch gepackt werden, und sich dann relativ frei im Gehäuse bewegen können. Wohingegen <a href="manufacturers">Kingsong</a> und <a href="manufacturers">Inmotion</a> die Akkus extra verpacken und meist auch Wasserfest konstruieren.
</p>
<p>
@ -660,7 +636,7 @@ function UEberblickDE() {
<div class="righties">
<img src="/images/solowheel-1.jpg" />
</div>
<img class="lefties" style={{"clear":"none"}} src="/images/historieEUC.webp" />
<img class="lefties" style={{ clear: "none" }} src="/images/historieEUC.webp" />
<p>
Die Grundlegende Technik kam mit dem
<a href="https:/de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener">
@ -731,7 +707,7 @@ function UEberblickDE() {
.
</p>
<DeviceTile href="KSS22DE.html" name="Kingsong S22" src="/videos/S20Werbevideo.mp4" />
<DeviceTile href="KSS22" name="Kingsong S22" src="/videos/S20Werbevideo.mp4" />
<DeviceTile name="Kingsong 16X" src="/images/KS16X.jpg" />
@ -769,4 +745,4 @@ function UEberblickDE() {
);
}
export default UEberblickDE;
export default overview;

30
src/routes/KSS22ENG.tsx → src/routes/en/KSS22.tsx
View file

@ -1,35 +1,15 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
function KSS22ENG() {
function KSS22() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Title>KS S22</Title>
<Link rel="stylesheet" href="/styles/Geräte.css" />
<Link rel="stylesheet" href="/styles/devices.css" />
<div id="sidenavbar">
<button onClick={() => navigate(-1)}>Back</button>
<button onClick={() => navigate("/UEberblickENG")}>Start</button>
<button onClick={() => navigate("/en/overview")}>Start</button>
</div>
<div class="row">
@ -212,4 +192,4 @@ function KSS22ENG() {
);
}
export default KSS22ENG;
export default KSS22;

75
src/routes/en/index.tsx Normal file
View file

@ -0,0 +1,75 @@
import { Link, Title } from "solid-start";
function StartENG() {
return (
<>
<Title>Start</Title>
<Link rel="stylesheet" href="/styles/start.css" />
<div class="container">
<img id="cover" src="/images/Gear3.webp" />
<div class="centered">
<h1>Wanna try something new?</h1>
</div>
</div>
<h1 id="gone">Wanna try something new?</h1>
<p>Flexible - Modern - Faster then law it self. These are modern electric unicycles:</p>
<div class="righties">
<img src="/images/ShermanStanding.jpg" />
</div>
<p>From 0 auf 50kmh in 3s, 100kmh top speed and 230km range make these devices the ultimate sport.</p>
<div class="righties">
<img src="/images/UltimativeSport.jpg" />
</div>
<p>Meanwhile climbing 50° steep walls and taking MTB trails with ease.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/MTBtrailsEase.mp4" type="video/mp4" />
</video>
</div>
<p>Taking every path and never get stuck in traffic again.</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/traffic.mp4" type="video/mp4" />
</video>
</div>
<p>But still being easy to carry and store just under your desk.</p>
<div class="righties">
<img src="/images/KidsKS16X.jpg" />
</div>
<p>Interested? Then take a deep dive into PEV's and EUC's:</p>
<a href="/en/overview">
<div id="MoreButton">
<p>I want to read everything about it!</p>
</div>
</a>
<a href="https:/youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
<div id="MoreButton">
<p>Na, videos are just fine</p>
</div>
</a>
<a href="/de/">
<div id="MoreButton">
<p>Sprache</p>
</div>
</a>
</>
);
}
export default StartENG;

70
src/routes/HerstellerENG.tsx → src/routes/en/manufacturers.tsx
View file

@ -1,53 +1,31 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
function HerstellerENG() {
function Manufacturers() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Hersteller</Title>
<Link rel="stylesheet" href="/styles/UEberblick.css" />
<Title>Manufacturers</Title>
<Link rel="stylesheet" href="/styles/overview.css" />
<div id="navbar">
<a href="/StartENG">Start</a>
<a href="/UEberblickENG#start">What are EUCs?</a>
<a href="/UEberblickENG#why">Why EUCs?</a>
<a href="/UEberblickENG#funktion">Functionality</a>
<a href="/UEberblickENG#begriffe">Glossarry</a>
<a href="/UEberblickENG#sicherheit">Safety</a>
<a href="/UEberblickENG#ausrüstung">Gear</a>
<a href="/UEberblickENG#cutout">Cut-out's</a>
<a href="/UEberblickENG#akkuss">Battery safety</a>
<a href="/UEberblickENG#fahrweise">Ride style</a>
<a href="/UEberblickENG#wobbles">Wobbles</a>
<a href="/UEberblickENG#leistung">Performance</a>
<a href="/UEberblickENG#federung">Suspension</a>
<a href="/UEberblickENG#reifen">Tires</a>
<a href="/UEberblickENG#historie">History</a>
<a href="/HerstellerENG">Manufacturer</a>
<a href="/UEberblickENG#geräte">Device list</a>
<a href="/en/">Start</a>
<a href="/en/overview#start">What are EUCs?</a>
<a href="/en/overview#why">Why EUCs?</a>
<a href="/en/overview#funktion">Functionality</a>
<a href="/en/overview#begriffe">Glossarry</a>
<a href="/en/overview#sicherheit">Safety</a>
<a href="/en/overview#ausrüstung">Gear</a>
<a href="/en/overview#cutout">Cut-out's</a>
<a href="/en/overview#akkuss">Battery safety</a>
<a href="/en/overview#fahrweise">Ride style</a>
<a href="/en/overview#wobbles">Wobbles</a>
<a href="/en/overview#leistung">Performance</a>
<a href="/en/overview#federung">Suspension</a>
<a href="/en/overview#reifen">Tires</a>
<a href="/en/overview#historie">History</a>
<a href="/en/manufacturers">Manufacturers</a>
<a href="/en/overview#geräte">Device list</a>
{/* <button onclick="myFunction()">Light Mode</button> */}
{/* <button onclick="window.location.href='HerstellerDE';">Sprache</button> */}
{/* <button onclick="window.location.href='/de/manufacturers';">Sprache</button> */}
<div>{/* <button onclick="closeit()"><a> <-Close</a></button> */}</div>
</div>
<div id="sidenavbar">
@ -96,7 +74,7 @@ function HerstellerENG() {
<!--hersteller-->
*/}
<div class="row">
<h3 id="hersteller">History and explonation of manufacturers</h3>
<h3 id="manufacturers">History and explonation of manufacturers</h3>
<p>There are/were many manufacturers of electric unicycles, only the larger and more important ones are described here. In addition to those, there are Airwheel, IPS, Solowheel, Rockwheel, Firewheel, ESWAY, Fosjoas, MonoRover, F-wheel, among others. Unfortunately, because the market is so small, there is little readily available information about company sales or market share.</p>
<h3 id="ninebot">
@ -159,4 +137,4 @@ function HerstellerENG() {
);
}
export default HerstellerENG;
export default Manufacturers;

46
src/routes/UEberblickENG.tsx → src/routes/en/overview.tsx
View file

@ -1,36 +1,14 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
import DeviceTile from "~/components/DeviceTile";
function UEberblickENG() {
function Overview() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>Introduction EUCs</Title>
<Link rel="stylesheet" href="/styles/UEberblick.css" />
<Link rel="stylesheet" href="/styles/overview.css" />
<div id="navbar">
<a href="/StartENG">Start</a>
<a href="/en/">Start</a>
<a href="#start">What are EUCs?</a>
<a href="#why">Why EUCs?</a>
<a href="#funktion">Functionality</a>
@ -45,10 +23,10 @@ function UEberblickENG() {
<a href="#federung">Suspension</a>
<a href="#reifen">Tires</a>
<a href="#historie">History</a>
<a href="/HerstellerENG">Manufacturer</a>
<a href="manufacturers">Manufacturers</a>
<a href="#geräte">Device list</a>
{/* <button onclick="myFunction()">Light Mode</button> */}
{/* <button onclick="window.location.href='UEberblickDE';">Sprache</button> */}
{/* <button onclick="window.location.href='/de/overview';">Sprache</button> */}
<div>{/* <button onclick="closeit()"><a> <-Close</a></button> */}</div>
</div>
<div id="sidenavbar">
@ -362,7 +340,7 @@ function UEberblickENG() {
</p>
</div>
<div style={{"padding-left":"3%"}} class="col-6">
<div style={{ "padding-left": "3%" }} class="col-6">
<p class="imghover">
<b id="trolley">Trolley Handle</b>: an extendable handle for pushing the device, similar to a suitcase.
</p>
@ -519,7 +497,7 @@ function UEberblickENG() {
</p>
<p>
<b>Deep discharge</b>, i.e. discharging below the recommended cell voltage, damages the <a href="#akku">battery</a> and increases the risk. Begode in particular has little protection, and usually allows a lot of power to be drawn when the battery level is low, by letting the device run until it's completely drained. But Ninebot also has a problem with this, because the <a href="#akku">battery</a> also discharges when the device is off due to the <a href="#BMS">BMS</a>. Long standing times without recharging will lead to damage. Ninebot has little-known brands, more on that in the <a href="#manufacturer">manufacturer chapter</a>.
<b>Deep discharge</b>, i.e. discharging below the recommended cell voltage, damages the <a href="#akku">battery</a> and increases the risk. Begode in particular has little protection, and usually allows a lot of power to be drawn when the battery level is low, by letting the device run until it's completely drained. But Ninebot also has a problem with this, because the <a href="#akku">battery</a> also discharges when the device is off due to the <a href="#BMS">BMS</a>. Long standing times without recharging will lead to damage. Ninebot has little-known brands, more on that in the <a href="manufacturers">manufacturers chapter</a>.
</p>
<p>
@ -527,7 +505,7 @@ function UEberblickENG() {
</p>
<p>
<b>Physical damage</b>, i.e. shock or penetration of the cells, can also lead to a short circuit and, in the worst case, to a fire. This is rather rare, but also more common with Begode, since the batteries are packed exclusively in shrinkwrap and can then move relatively freely in the housing. Whereas <a href="#manufacturer">Kingsong</a> and <a href="#manufacturer">Inmotion</a> pack the batteries separately and usually also make them waterproof.
<b>Physical damage</b>, i.e. shock or penetration of the cells, can also lead to a short circuit and, in the worst case, to a fire. This is rather rare, but also more common with Begode, since the batteries are packed exclusively in shrinkwrap and can then move relatively freely in the housing. Whereas <a href="manufacturers">Kingsong</a> and <a href="manufacturers">Inmotion</a> pack the batteries separately and usually also make them waterproof.
</p>
<p>
@ -699,7 +677,7 @@ function UEberblickENG() {
<div class="righties">
<img src="/images/solowheel-1.jpg" />
</div>
<img class="lefties" style={{"clear":"none"}} src="/images/historieEUC.webp" />
<img class="lefties" style={{ clear: "none" }} src="/images/historieEUC.webp" />
<p>
The underlying technique came with the
<a href="https:/de.wikipedia.org/wiki/Segway_Personal_Transporter" target="_blank" rel="noreferrer noopener">
@ -773,7 +751,7 @@ function UEberblickENG() {
.
</p>
<DeviceTile href="KSS22ENG.html" name="Kingsong S22" src="/videos/S20Werbevideo.mp4" />
<DeviceTile href="KSS22" name="Kingsong S22" src="/videos/S20Werbevideo.mp4" />
<DeviceTile name="Kingsong 16X" src="/images/KS16X.jpg" />
@ -811,4 +789,4 @@ function UEberblickENG() {
);
}
export default UEberblickENG;
export default Overview;

24
src/routes/index.tsx
View file

@ -1,19 +1,11 @@
import { Title } from "solid-start";
import Counter from "~/components/Counter";
import { createEffect } from "solid-js";
import { Title, useNavigate } from "solid-start";
export default function Home() {
return (
<main>
<Title>Hello World</Title>
<h1>Hello world!</h1>
<Counter />
<p>
Visit{" "}
<a href="https://start.solidjs.com" target="_blank">
start.solidjs.com
</a>{" "}
to learn how to build SolidStart apps.
</p>
</main>
);
const navigate = useNavigate();
createEffect(() => {
const isGerman = navigator.language.startsWith("de");
navigate(isGerman ? "/de/" : "/en/");
});
return <Title>Language detection...</Title>;
}

64
src/routes/soon.tsx
View file

@ -1,53 +1,31 @@
import { Link, Meta, Title, useNavigate } from "solid-start";
import { Link, Title, useNavigate } from "solid-start";
function soon() {
const navigate = useNavigate();
return (
<>
<Link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png" />
<Link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png" />
<Link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png" />
<Link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png" />
<Link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png" />
<Link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png" />
<Link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png" />
<Link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png" />
<Link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png" />
<Link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png" />
<Link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<Link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png" />
<Link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<Link rel="manifest" href="/favicon/manifest.json" />
<Meta name="msapplication-TileColor" content="#ffffff" />
<Meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png" />
<Meta name="theme-color" content="#ffffff" />
<Meta charset="UTF-8" />
<Meta http-equiv="X-UA-Compatible" content="IE=edge" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Meta name="author" content="Julian Gerhardt" />
<Meta name="keywords" content="Elektrische einräder, EUC, Monowheels, Kingsong, Inmotion, Gotway" />
<Title>soon</Title>
<Link rel="stylesheet" href="/styles/UEberblick.css" />
<Link rel="stylesheet" href="/styles/overview.css" />
<div id="navbar">
<a href="/StartENG">Start</a>
<a href="/UEberblickENG#start">What are EUCs?</a>
<a href="/UEberblickENG#why">Why EUCs?</a>
<a href="/UEberblickENG#funktion">Functionality</a>
<a href="/UEberblickENG#begriffe">Glossarry</a>
<a href="/UEberblickENG#sicherheit">Safety</a>
<a href="/UEberblickENG#ausrüstung">Gear</a>
<a href="/UEberblickENG#cutout">Cut-out's</a>
<a href="/UEberblickENG#akkuss">Battery safety</a>
<a href="/UEberblickENG#fahrweise">Ride style</a>
<a href="/UEberblickENG#wobbles">Wobbles</a>
<a href="/UEberblickENG#leistung">Performance</a>
<a href="/UEberblickENG#federung">Suspension</a>
<a href="/UEberblickENG#reifen">Tires</a>
<a href="/UEberblickENG#historie">History</a>
<a href="/HerstellerENG">Manufacturer</a>
<a href="/UEberblickENG#geräte">Device list</a>
<a href="/">Start</a>
<a href="/en/overview#start">What are EUCs?</a>
<a href="/en/overview#why">Why EUCs?</a>
<a href="/en/overview#funktion">Functionality</a>
<a href="/en/overview#begriffe">Glossarry</a>
<a href="/en/overview#sicherheit">Safety</a>
<a href="/en/overview#ausrüstung">Gear</a>
<a href="/en/overview#cutout">Cut-out's</a>
<a href="/en/overview#akkuss">Battery safety</a>
<a href="/en/overview#fahrweise">Ride style</a>
<a href="/en/overview#wobbles">Wobbles</a>
<a href="/en/overview#leistung">Performance</a>
<a href="/en/overview#federung">Suspension</a>
<a href="/en/overview#reifen">Tires</a>
<a href="/en/overview#historie">History</a>
<a href="manufacturers">Manufacturers</a>
<a href="/en/overview#geräte">Device list</a>
{/* <button onclick="myFunction()">Light Mode</button> */}
{/* <button onclick="window.location.href='HerstellerDE';">Sprache</button> */}
{/* <button onclick="window.location.href='/en/manufacturers';">Sprache</button> */}
<div>{/* <button onclick="closeit()"><a> <-Close</a></button> */}</div>
</div>
<div id="sidenavbar">
@ -91,7 +69,7 @@ function soon() {
}
</script>
*/}
<p style={{"text-align":"center"}}>This side is not available yet.</p>
<p style={{ "text-align": "center" }}>This side is not available yet.</p>
<button onClick={() => navigate(-1)}>Back</button>
</>
);