diff --git a/public/styles/Geräte.css b/public/styles/devices.css similarity index 100% rename from public/styles/Geräte.css rename to public/styles/devices.css diff --git a/public/styles/UEberblick.css b/public/styles/overview.css similarity index 100% rename from public/styles/UEberblick.css rename to public/styles/overview.css diff --git a/public/styles/Start.css b/public/styles/start.css similarity index 100% rename from public/styles/Start.css rename to public/styles/start.css diff --git a/src/components/Counter.css b/src/components/Counter.css deleted file mode 100644 index 8bd0eb3..0000000 --- a/src/components/Counter.css +++ /dev/null @@ -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); -} \ No newline at end of file diff --git a/src/components/Counter.tsx b/src/components/Counter.tsx deleted file mode 100644 index 55a4e67..0000000 --- a/src/components/Counter.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { createSignal } from "solid-js"; -import "./Counter.css"; - -export default function Counter() { - const [count, setCount] = createSignal(0); - return ( - - ); -} diff --git a/src/components/DeviceTile.tsx b/src/components/DeviceTile.tsx index a6b5a81..fe7ce1b 100644 --- a/src/components/DeviceTile.tsx +++ b/src/components/DeviceTile.tsx @@ -2,7 +2,7 @@ import { Show } from "solid-js"; function DeviceTile(props: { href?: string; name: string; src: string }) { return ( - +

{props.name}

diff --git a/src/root.css b/src/root.css deleted file mode 100644 index 5955a5a..0000000 --- a/src/root.css +++ /dev/null @@ -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; - } -} diff --git a/src/root.tsx b/src/root.tsx index 0a301d9..76a65fc 100644 --- a/src/root.tsx +++ b/src/root.tsx @@ -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 ( + + + + + + + + + + + + + + + + + + + + + + SolidStart - Bare - - diff --git a/src/routes/StartDE.tsx b/src/routes/StartDE.tsx deleted file mode 100644 index a837882..0000000 --- a/src/routes/StartDE.tsx +++ /dev/null @@ -1,93 +0,0 @@ -import { Link, Meta, Title } from "solid-start"; - -function StartDE() { - return ( - <> - - - - - - - - - - - - - - - - - - - - - - - - Start - - -
- -
-

Bock auf was Neues?

-
-
- -

Bock auf was Neues?

- -

Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne eletrische Einräder.

-
- -
- -

Von 0 auf 50kmh in 3s, 100kmh top Geschwindigkeit und 230km Reichweite machen aus diesen Geräten den ultimativen Sport.

-
- -
- -

Gleichzeitig 50° steile Wände hochfahren und MTB Trails mit leichtigkeit nehmen.

-
- -
- -

Jeden Weg nutzen und nie wieder im Verkehr stecken.

-
- -
- -

Und trotzdem leicht zu transportiren und untern Tisch zu packen.

-
- -
- -

Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:

- -
-
-

Ich will alles darüber lesen!

-
-
- - -
-

Mir reichen Videos

-
-
- - -
-

Language

-
-
- - ); -} - -export default StartDE; diff --git a/src/routes/StartENG.tsx b/src/routes/StartENG.tsx deleted file mode 100644 index cfe697c..0000000 --- a/src/routes/StartENG.tsx +++ /dev/null @@ -1,98 +0,0 @@ -import { Link, Meta, Title } from "solid-start"; - -function StartENG() { - return ( - <> - - - - - - - - - - - - - - - - - - - - - - - - Start - - -
- -
-

Wanna try something new?

-
-
- -

Wanna try something new?

- -

Flexible - Modern - Faster then law it self. These are modern electric unicycles:

- -
- -
- -

From 0 auf 50kmh in 3s, 100kmh top speed and 230km range make these devices the ultimate sport.

- -
- -
- -

Meanwhile climbing 50° steep walls and taking MTB trails with ease.

- -
- -
- -

Taking every path and never get stuck in traffic again.

- -
- -
- -

But still being easy to carry and store just under your desk.

- -
- -
- -

Interested? Then take a deep dive into PEV's and EUC's:

- - -
-

I want to read everything about it!

-
-
- - -
-

Na, videos are just fine

-
-
- - -
-

Sprache

-
-
- - ); -} - -export default StartENG; diff --git a/src/routes/KSS22DE.tsx b/src/routes/de/KSS22.tsx similarity index 75% rename from src/routes/KSS22DE.tsx rename to src/routes/de/KSS22.tsx index 8666bec..9f28f88 100644 --- a/src/routes/KSS22DE.tsx +++ b/src/routes/de/KSS22.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - KS S22 - +
- +
@@ -215,4 +194,4 @@ function KSS22DE() { ); } -export default KSS22DE; +export default KSS22; diff --git a/src/routes/de/index.tsx b/src/routes/de/index.tsx new file mode 100644 index 0000000..19154af --- /dev/null +++ b/src/routes/de/index.tsx @@ -0,0 +1,70 @@ +import { Link, Title } from "solid-start"; + +function StartDE() { + return ( + <> + Start + + +
+ +
+

Bock auf was Neues?

+
+
+ +

Bock auf was Neues?

+ +

Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne eletrische Einräder.

+
+ +
+ +

Von 0 auf 50kmh in 3s, 100kmh top Geschwindigkeit und 230km Reichweite machen aus diesen Geräten den ultimativen Sport.

+
+ +
+ +

Gleichzeitig 50° steile Wände hochfahren und MTB Trails mit leichtigkeit nehmen.

+
+ +
+ +

Jeden Weg nutzen und nie wieder im Verkehr stecken.

+
+ +
+ +

Und trotzdem leicht zu transportiren und untern Tisch zu packen.

+
+ +
+ +

Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:

+ + +
+

Ich will alles darüber lesen!

+
+
+ + +
+

Mir reichen Videos

+
+
+ + +
+

Language

+
+
+ + ); +} + +export default StartDE; diff --git a/src/routes/HerstellerDE.tsx b/src/routes/de/manufacturers.tsx similarity index 76% rename from src/routes/HerstellerDE.tsx rename to src/routes/de/manufacturers.tsx index a5aacaa..9a88a91 100644 --- a/src/routes/HerstellerDE.tsx +++ b/src/routes/de/manufacturers.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - - Hersteller - +
@@ -96,7 +74,7 @@ function HerstellerDE() { */}
-

Erklärung und Geschichte der Produzenten

+

Erklärung und Geschichte der Produzenten

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.

@@ -161,4 +139,4 @@ function HerstellerDE() { ); } -export default HerstellerDE; +export default Manufacturers; diff --git a/src/routes/UEberblickDE.tsx b/src/routes/de/overview.tsx similarity index 95% rename from src/routes/UEberblickDE.tsx rename to src/routes/de/overview.tsx index bcdc551..c3f50cf 100644 --- a/src/routes/UEberblickDE.tsx +++ b/src/routes/de/overview.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - - - - Einführung EUCs - + @@ -346,7 +322,7 @@ function UEberblickDE() {

-
+

Trolley Handle: ein ausfahrbarer Griff zum Schieben des Gerätes, ähnlich wie bei einem Koffer.

@@ -492,7 +468,7 @@ function UEberblickDE() {

- Tiefenentladung, also das Entladen unter die empfohlene Spannung der Zellen, schädigt den Akku 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 Akku wegen dem BMS 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 Hersteller. + Tiefenentladung, also das Entladen unter die empfohlene Spannung der Zellen, schädigt den Akku 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 Akku wegen dem BMS 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 Hersteller.

@@ -500,7 +476,7 @@ function UEberblickDE() {

- Physikalischer Schaden, 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 Kingsong und Inmotion die Akkus extra verpacken und meist auch Wasserfest konstruieren. + Physikalischer Schaden, 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 Kingsong und Inmotion die Akkus extra verpacken und meist auch Wasserfest konstruieren.

@@ -660,7 +636,7 @@ function UEberblickDE() {

- +

Die Grundlegende Technik kam mit dem @@ -731,7 +707,7 @@ function UEberblickDE() { .

- + @@ -769,4 +745,4 @@ function UEberblickDE() { ); } -export default UEberblickDE; +export default overview; diff --git a/src/routes/KSS22ENG.tsx b/src/routes/en/KSS22.tsx similarity index 75% rename from src/routes/KSS22ENG.tsx rename to src/routes/en/KSS22.tsx index 65eeacc..8a2c795 100644 --- a/src/routes/KSS22ENG.tsx +++ b/src/routes/en/KSS22.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - KS S22 - +
- +
@@ -212,4 +192,4 @@ function KSS22ENG() { ); } -export default KSS22ENG; +export default KSS22; diff --git a/src/routes/en/index.tsx b/src/routes/en/index.tsx new file mode 100644 index 0000000..030ba22 --- /dev/null +++ b/src/routes/en/index.tsx @@ -0,0 +1,75 @@ +import { Link, Title } from "solid-start"; + +function StartENG() { + return ( + <> + Start + + +
+ +
+

Wanna try something new?

+
+
+ +

Wanna try something new?

+ +

Flexible - Modern - Faster then law it self. These are modern electric unicycles:

+ +
+ +
+ +

From 0 auf 50kmh in 3s, 100kmh top speed and 230km range make these devices the ultimate sport.

+ +
+ +
+ +

Meanwhile climbing 50° steep walls and taking MTB trails with ease.

+ +
+ +
+ +

Taking every path and never get stuck in traffic again.

+ +
+ +
+ +

But still being easy to carry and store just under your desk.

+ +
+ +
+ +

Interested? Then take a deep dive into PEV's and EUC's:

+ +
+
+

I want to read everything about it!

+
+
+ + +
+

Na, videos are just fine

+
+
+ + +
+

Sprache

+
+
+ + ); +} + +export default StartENG; diff --git a/src/routes/HerstellerENG.tsx b/src/routes/en/manufacturers.tsx similarity index 75% rename from src/routes/HerstellerENG.tsx rename to src/routes/en/manufacturers.tsx index 8e8b802..c21cf53 100644 --- a/src/routes/HerstellerENG.tsx +++ b/src/routes/en/manufacturers.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - - - Hersteller - + Manufacturers +
@@ -96,7 +74,7 @@ function HerstellerENG() { */}
-

History and explonation of manufacturers

+

History and explonation of manufacturers

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.

@@ -159,4 +137,4 @@ function HerstellerENG() { ); } -export default HerstellerENG; +export default Manufacturers; diff --git a/src/routes/UEberblickENG.tsx b/src/routes/en/overview.tsx similarity index 95% rename from src/routes/UEberblickENG.tsx rename to src/routes/en/overview.tsx index 0b5aa5d..dea96a6 100644 --- a/src/routes/UEberblickENG.tsx +++ b/src/routes/en/overview.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - - Introduction EUCs - +
@@ -362,7 +340,7 @@ function UEberblickENG() {

-
+

Trolley Handle: an extendable handle for pushing the device, similar to a suitcase.

@@ -519,7 +497,7 @@ function UEberblickENG() {

- Deep discharge, i.e. discharging below the recommended cell voltage, damages the battery 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 battery also discharges when the device is off due to the BMS. Long standing times without recharging will lead to damage. Ninebot has little-known brands, more on that in the manufacturer chapter. + Deep discharge, i.e. discharging below the recommended cell voltage, damages the battery 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 battery also discharges when the device is off due to the BMS. Long standing times without recharging will lead to damage. Ninebot has little-known brands, more on that in the manufacturers chapter.

@@ -527,7 +505,7 @@ function UEberblickENG() {

- Physical damage, 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 Kingsong and Inmotion pack the batteries separately and usually also make them waterproof. + Physical damage, 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 Kingsong and Inmotion pack the batteries separately and usually also make them waterproof.

@@ -699,7 +677,7 @@ function UEberblickENG() {

- +

The underlying technique came with the @@ -773,7 +751,7 @@ function UEberblickENG() { .

- + @@ -811,4 +789,4 @@ function UEberblickENG() { ); } -export default UEberblickENG; +export default Overview; diff --git a/src/routes/index.tsx b/src/routes/index.tsx index cb6e010..f629b43 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -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 ( -
- Hello World -

Hello world!

- -

- Visit{" "} - - start.solidjs.com - {" "} - to learn how to build SolidStart apps. -

-
- ); + const navigate = useNavigate(); + createEffect(() => { + const isGerman = navigator.language.startsWith("de"); + navigate(isGerman ? "/de/" : "/en/"); + }); + return Language detection...; } diff --git a/src/routes/soon.tsx b/src/routes/soon.tsx index f4ee3f9..753fedf 100644 --- a/src/routes/soon.tsx +++ b/src/routes/soon.tsx @@ -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 ( <> - - - - - - - - - - - - - - - - - - - - - - soon - +
@@ -91,7 +69,7 @@ function soon() { } */} -

This side is not available yet.

+

This side is not available yet.

);