Consolidate and upload changes from recent work

This commit is contained in:
aronmal 2023-12-08 17:52:06 +01:00
parent 05a69bf274
commit da2e46aab2
Signed by: aronmal
GPG key ID: 816B7707426FC612
20 changed files with 1844 additions and 1566 deletions

View file

@ -1,13 +1,16 @@
import { Body, Title } from "solid-start";
import AssetHandler from "~/components/Asset";
import DeviceTile from "~/components/DeviceTile";
import R from "~/components/Reference";
import Navbar, { lightMode } from "~/components/en/Navbar";
import "~/styles/overview.scss";
function Overview() {
const { FullscreenView, Asset } = AssetHandler();
return (
<Body classList={{ "light-mode": lightMode() }}>
<Body class="overview" classList={{ "light-mode": lightMode() }}>
<Title>Introduction EUCs</Title>
<FullscreenView />
<Navbar />
<header>
@ -17,7 +20,7 @@ function Overview() {
<!--Intro-->
*/}
<article>
<div class="row">
<div>
<h2>Before you read:</h2>
<p>Here are a few things before you start to read.</p>
<p>
@ -48,13 +51,15 @@ function Overview() {
{/*
<!--was sind eucs-->
*/}
<div class="row">
<div>
<h2>What are EUCs</h2>
<div class="righties">
<img src="/images/what is euc.jpg" />
<Asset src="/images/what is euc.jpg" />
</div>
<div class="lefties">
<Asset src="/images/KidsKS16X.jpg" />
</div>
<img class="lefties" src="/images/KidsKS16X.jpg" />
<p>
EUC stands for <b>E</b>lectric<b>U</b>ni<b>C</b>ycle. In simplest
terms it's a battery powered motor surrounded by a motorcycle tire,
@ -70,21 +75,14 @@ function Overview() {
{/*
<!--warum?-->
*/}
<div class="row">
<div>
<h2 id="why">Why ride a unicycle?</h2>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/whyS22.mp4" type="video/mp4" />
</video>
<Asset src="/videos/whyS22.mp4" />
</div>
<div class="lefties">
<video width="auto" height="auto" autoplay muted loop>
<source
src="/videos/SkippinTrafficDanceWW.mp4"
type="video/mp4"
/>
</video>
<Asset src="/videos/SkippinTrafficDanceWW.mp4" />
</div>
<p>
@ -170,14 +168,14 @@ function Overview() {
{/*
<!--funktion-->
*/}
<div class="row">
<div>
<h2 id="funktion">Technical functionality</h2>
<div class="righties">
<img src="/images/Funktionsblld.webp" />
<Asset src="/images/Funktionsblld.webp" />
</div>
<div class="lefties">
<img src="/images/realBattery.jpg" />
<Asset src="/images/realBattery.jpg" />
</div>
<p>
@ -232,10 +230,10 @@ function Overview() {
</p>
<div class="righties">
<img src="/images/MoBo.jpg" />
<Asset src="/images/MoBo.jpg" />
</div>
<div class="lefties">
<img src="/images/realMoBo1.PNG" />
<Asset src="/images/realMoBo1.PNG" />
</div>
<p>
The <b>motherboard</b> consists of, among other things, the power
@ -273,10 +271,10 @@ function Overview() {
</p>
<div class="righties">
<img src="/images/Motor.jpeg" />
<Asset src="/images/Motor.jpeg" />
</div>
<div class="lefties">
<img src="/images/realMotor.png" />
<Asset src="/images/realMotor.png" />
</div>
<p>
The <b id="motor">motor</b> of a unicycle is a 3-phase hub motor,
@ -333,175 +331,179 @@ function Overview() {
{/*
<!--begriffe-->
*/}
<div class="row">
<div>
<h3 id="begriffe">Glossary and specification explanation</h3>
<div class="col-6">
<p>
<b id="tiltback">Tilt-back</b>: The device's pedals tilt backwards
to slow the rider down. Used when the battery is low or when the
power demand is too high, to protect the electronics.
</p>
<p>
<b id="pedaldip">Pedal Dip</b>: The pedals dip forwards, the
device cannot maintain the requested power and the pedals suddenly
tilt forward (or backward under heavy braking). In most cases,
however, the pedals come up again immediately, so that the ride
can continue undisturbed (implies necessary skill).
</p>
<p>
<b>Pedal-angle</b>: Angle in which the pedals are mounted to the
device, seen from the front view. A steeper angle provides more
grip when cornering but can also become uncomfortable for longer
rides.
</p>
<p class="imghover">
<b id="spiked-pedals">Spiked-pedals</b>: Spikes on the pedals that
give shoes more grip. Similar to mountain bike pedals, there are
usually screw-in pointed metal pins that grip into the shoe to
prevent accidental slipping. It's used today instead of sandpaper,
as it offers an excellent grip even in wet and muddy conditions.{" "}
<R href="https://youtu.be/aWU9lZAfKXM">Example</R>
</p>
<div class="hidden">
<img src="/images/SpikedPedals.jpeg" />
</div>
<p class="imghover">
<b id="pads">Pads</b>: parts made of plastic or foam that are
mounted on the side of the device, usually printed from TPU and
PLA and fastened with large, strong Velcro. They are necessary for
better control and handling, especially for heavy and fast
unicycles. They are divided into 2 types; many are combined
together in one set.
</p>
<div class="hidden">
<img src="/images/Pads.jpg" />
</div>
<p>
<b>Power Pads</b>: have contact with the shin and the calves, are
used for better acceleration and braking. Essential for heavy EUCs
with high pedals.
</p>
<p>
<b>Jump Pads</b>: have contact with the foot and verse, used for
jumping and safety. In case of an unexpected bump in the road,
they will hold your foot, so you don't fall off the device. But
they might cause more injury in the case of a crash, because you
can't get off quick enough
</p>
<p>
<b>Wobbles</b>: describes the unintentional wobbling of the device
at higher speeds. More on this <R href="#wobbles">here</R>
</p>
</div>
<div class="col-6">
<p class="imghover">
<b id="trolley">Trolley Handle</b>: an extendable handle for
pushing the device, similar to a suitcase.
</p>
<div class="hidden">
<img src="/images/KidsKS16X.jpg" />
</div>
<p>
<b>Kill-Switch</b>: a button under the handle that shuts off the
motor. Ensures that the motor doesn't rev up when lifting.
</p>
<p>
<b>Cut-off /Cut-out</b>: Sudden shutting off of the device while
riding, see chapter <R href="#cutout">Cut-out</R>.
</p>
<p>
<b>HS Motor</b>: High Speed motor, see chapter{" "}
<R href="#motor">Motor</R>.
</p>
<p>
<b>HT Motor</b>: High Torque motor, see chapter{" "}
<R href="#motor">Motor</R>.
</p>
<p>
<b>W</b>: Watt, power specification, shows how much power the
device can hold continuously. 3,000 W corresponds to 4 hp (an
e-bike has a maximum of 250 W). Not to be confused with
</p>
<p>
<b>Peak Watt</b>: Maximum power that the device can reach for a
very short time.
</p>
<p>
<b id="wh">Wh</b>: Watt-hours, energy storage information, shows
how much energy the <R href="#akku">battery</R> can store. 3,000
Wh means the battery could give 3,000 W for over an hour, or 1,500
W for 2 hours etc.
</p>
<p>
<b>BMS</b>: stands for Battery Management System,{" "}
<R href="#BMS">explained here</R>
</p>
<p>
<b>Voltage sag</b>: Voltage drop, the battery loses voltage for a
short period of time under high load, which increases the amps
flowing when the same power is requested.
</p>
<p>
<b>Freespin</b>: Maximum spin speed the motor can reach when
lifting the device. Calculate minus 20 km/h to get approximately
the reachable top speed.
</p>
<p>
<b>16 inch</b>: describes the tire size, in this case 16 inches
(40 cm) in diameter. Small diameters are agile and have a quick
response, large diameters (up to 24 inches, 60 cm) feel heavy and
sluggish but are significantly more stable at speed.
</p>
<div class="table-half">
<div>
<p>
<b>Charging Amps</b>: The maximum amps that the device can
charge with. Most new devices charge with a maximum of 10 amps,
i.e., 10 A * 126 V = 1,260 watts. The charging time is
calculated as follows:
<b id="tiltback">Tilt-back</b>: The device's pedals tilt
backwards to slow the rider down. Used when the battery is low
or when the power demand is too high, to protect the
electronics.
</p>
<table style={{ width: "100%", "font-size": "initial" }}>
<tbody>
<tr>
<td>capacity</td>
<td>&divide; (</td>
<td>volts</td>
<td>&times;</td>
<td>amps</td>
<td>) =</td>
<td>time</td>
</tr>
<tr>
<td>3,300 Wh</td>
<td>&divide; (</td>
<td>126 V</td>
<td>&times;</td>
<td>10 A</td>
<td>) =</td>
<td>2.6 h</td>
</tr>
</tbody>
</table>
<p>
<b id="pedaldip">Pedal Dip</b>: The pedals dip forwards, the
device cannot maintain the requested power and the pedals
suddenly tilt forward (or backward under heavy braking). In most
cases, however, the pedals come up again immediately, so that
the ride can continue undisturbed (implies necessary skill).
</p>
<p>
<b>Pedal-angle</b>: Angle in which the pedals are mounted to the
device, seen from the front view. A steeper angle provides more
grip when cornering but can also become uncomfortable for longer
rides.
</p>
<p class="imghover">
<b id="spiked-pedals">Spiked-pedals</b>: Spikes on the pedals
that give shoes more grip. Similar to mountain bike pedals,
there are usually screw-in pointed metal pins that grip into the
shoe to prevent accidental slipping. It's used today instead of
sandpaper, as it offers an excellent grip even in wet and muddy
conditions. <R href="https://youtu.be/aWU9lZAfKXM">Example</R>
</p>
<div class="hidden">
<Asset src="/images/SpikedPedals.jpeg" />
</div>
<p class="imghover">
<b id="pads">Pads</b>: parts made of plastic or foam that are
mounted on the side of the device, usually printed from TPU and
PLA and fastened with large, strong Velcro. They are necessary
for better control and handling, especially for heavy and fast
unicycles. They are divided into 2 types; many are combined
together in one set.
</p>
<div class="hidden">
<Asset src="/images/Pads.jpg" />
</div>
<p>
<b>Power Pads</b>: have contact with the shin and the calves,
are used for better acceleration and braking. Essential for
heavy EUCs with high pedals.
</p>
<p>
<b>Jump Pads</b>: have contact with the foot and verse, used for
jumping and safety. In case of an unexpected bump in the road,
they will hold your foot, so you don't fall off the device. But
they might cause more injury in the case of a crash, because you
can't get off quick enough
</p>
<p>
<b>Wobbles</b>: describes the unintentional wobbling of the
device at higher speeds. More on this{" "}
<R href="#wobbles">here</R>
</p>
</div>
<div>
<p class="imghover">
<b id="trolley">Trolley Handle</b>: an extendable handle for
pushing the device, similar to a suitcase.
</p>
<div class="hidden">
<Asset src="/images/KidsKS16X.jpg" />
</div>
<p>
<b>Kill-Switch</b>: a button under the handle that shuts off the
motor. Ensures that the motor doesn't rev up when lifting.
</p>
<p>
<b>Cut-off /Cut-out</b>: Sudden shutting off of the device while
riding, see chapter <R href="#cutout">Cut-out</R>.
</p>
<p>
<b>HS Motor</b>: High Speed motor, see chapter{" "}
<R href="#motor">Motor</R>.
</p>
<p>
<b>HT Motor</b>: High Torque motor, see chapter{" "}
<R href="#motor">Motor</R>.
</p>
<p>
<b>W</b>: Watt, power specification, shows how much power the
device can hold continuously. 3,000 W corresponds to 4 hp (an
e-bike has a maximum of 250 W). Not to be confused with
</p>
<p>
<b>Peak Watt</b>: Maximum power that the device can reach for a
very short time.
</p>
<p>
<b id="wh">Wh</b>: Watt-hours, energy storage information, shows
how much energy the <R href="#akku">battery</R> can store. 3,000
Wh means the battery could give 3,000 W for over an hour, or
1,500 W for 2 hours etc.
</p>
<p>
<b>BMS</b>: stands for Battery Management System,{" "}
<R href="#BMS">explained here</R>
</p>
<p>
<b>Voltage sag</b>: Voltage drop, the battery loses voltage for
a short period of time under high load, which increases the amps
flowing when the same power is requested.
</p>
<p>
<b>Freespin</b>: Maximum spin speed the motor can reach when
lifting the device. Calculate minus 20 km/h to get approximately
the reachable top speed.
</p>
<p>
<b>16 inch</b>: describes the tire size, in this case 16 inches
(40 cm) in diameter. Small diameters are agile and have a quick
response, large diameters (up to 24 inches, 60 cm) feel heavy
and sluggish but are significantly more stable at speed.
</p>
<div>
<p>
<b>Charging Amps</b>: The maximum amps that the device can
charge with. Most new devices charge with a maximum of 10
amps, i.e., 10 A * 126 V = 1,260 watts. The charging time is
calculated as follows:
</p>
<table style={{ width: "100%", "font-size": "initial" }}>
<tbody>
<tr>
<td>capacity</td>
<td>&divide; (</td>
<td>volts</td>
<td>&times;</td>
<td>amps</td>
<td>) =</td>
<td>time</td>
</tr>
<tr>
<td>3,300 Wh</td>
<td>&divide; (</td>
<td>126 V</td>
<td>&times;</td>
<td>10 A</td>
<td>) =</td>
<td>2.6 h</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
@ -509,7 +511,7 @@ function Overview() {
{/*
<!--sicherheit-->
*/}
<div class="row">
<div>
<h2 id="sicherheit">Safety</h2>
<p>
The second most common question is usually whether you don't just
@ -524,13 +526,13 @@ function Overview() {
{/*
<!--ausrüstung-->
*/}
<div class="row">
<div>
<h3 id="ausrüstung">Safety gear</h3>
<div class="righties">
<img src="/images/Gear2.jpg" />
<Asset src="/images/Gear2.jpg" />
</div>
<div class="lefties">
<img src="/images/Gear1.jpg" />
<Asset src="/images/Gear1.jpg" />
</div>
<p>
Any EUC YouTuber and experienced rider will tell you that protective
@ -580,19 +582,17 @@ function Overview() {
a Master Pro with 100 km/h.
</p>
<div>
<img src="/images/Gear3.webp" />
<Asset src="/images/Gear3.webp" />
</div>
</div>
{/*
<!--cut-offs-->
*/}
<div class="row">
<div>
<h3 id="cutout">Cut-offs</h3>
<div class="righties">
<video autoplay muted loop>
<source src="/videos/Cutout1.mp4" type="video/mp4" />
</video>
<Asset src="/videos/Cutout1.mp4" />
</div>
<p>
Cut-offs are the largest source of accidents the rider is mostly not
@ -667,7 +667,7 @@ function Overview() {
{/*
<!--akkusicheit-->
*/}
<div class="row">
<div>
<h3 id="akkuss">Battery safety and fires</h3>
<p>
First of all: in contrast to for example hoverboards, unicycles are
@ -682,11 +682,11 @@ function Overview() {
, the worry is now also there for other brands.
</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/shortS22Fire.MP4" type="video/mp4" />
</video>
<Asset src="/videos/shortS22Fire.MP4" />
</div>
<div class="lefties">
<Asset src="/images/burned.png" />
</div>
<img class="lefties" src="/images/burned.png" />
<p>
There are several <b>causes</b>, here are a few examples:
</p>
@ -740,22 +740,21 @@ function Overview() {
</p>
<div class="righties">
<img src="/images/BMS.jpg" />
<Asset src="/images/BMS.jpg" />
</div>
<p>
<b>Battery safety</b>: A <b id="BMS">BMS</b> is responsible for
this. A <b>B</b>attery <b>M</b>anagement <b>S</b>ystem has the task
<br />
-to protect the battery from excessive currents,
- to protect the battery from excessive currents,
<br />
-not to let it discharge below the specified voltage,
- not to let it discharge below the specified voltage,
<br />
-not to charge it beyond the maximum voltage,
- not to charge it beyond the maximum voltage,
<br />
-keep an eye on the temperature and
<br />
-disconnect from the rest of the system in the event of a short
circuit.
- keep an eye on the temperature and
<br />- disconnect from the rest of the system in the event of a
short circuit.
</p>
<p>
Better BMS's, also known as smart BMS, can also actively adjust the
@ -778,17 +777,13 @@ function Overview() {
{/*
<!--fahrweise-->
*/}
<div class="row">
<div>
<h3 id="fahrweise">Ride style</h3>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/FahrweiseNYC.mp4" type="video/mp4" />
</video>
<Asset src="/videos/FahrweiseNYC.mp4" />
</div>
<div class="lefties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/FahrweiseNYC4bad.mp4" type="video/mp4" />
</video>
<Asset src="/videos/FahrweiseNYC4bad.mp4" />
</div>
<p>
By far the greatest safety risk is the rider's riding style. Similar
@ -827,14 +822,10 @@ function Overview() {
of incredible things.
</p>
<div class="righties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/FahrweiseNYC2.mp4" type="video/mp4" />
</video>
<Asset src="/videos/FahrweiseNYC2.mp4" />
</div>
<div class="lefties">
<video width="auto" height="auto" autoplay muted loop>
<source src="/videos/FahrweiseNYC3.mp4" type="video/mp4" />
</video>
<Asset src="/videos/FahrweiseNYC3.mp4" />
</div>
<p>
<b>Accidents</b> themselves are also worth mentioning here, because
@ -867,12 +858,10 @@ function Overview() {
{/*
<!--wobbles-->
*/}
<div class="row">
<div>
<h3 id="wobbles">Wobbles</h3>
<div class="righties">
<video id="vwobble" autoplay muted loop>
<source src="/videos/Whobble2.mp4" type="video/mp4" />
</video>
<Asset src="/videos/Whobble2.mp4" />
</div>
<p>
Wobbles are a problem not fully understood yet. Wobble describes the{" "}
@ -907,7 +896,7 @@ function Overview() {
{/*
<!--leistng-->
*/}
<div class="row">
<div>
<h3 id="leistung">Performance as a safety feature</h3>
<p>
@ -928,7 +917,7 @@ function Overview() {
{/*
<!--federung-->
*/}
<div class="row">
<div>
<h3 id="federung">Suspension as a safety feature</h3>
<p>
Almost all new and announced devices have some form of built-in
@ -950,9 +939,9 @@ function Overview() {
{/*
<!--reifen-->
*/}
<div class="row">
<div>
<h3 id="reifen">Tires</h3>
<img class="righties" src="/images/Tires.PNG" />
<Asset src="/images/Tires.PNG" />
<p>Tires can be divided into 3 categories:</p>
<p>
@ -998,13 +987,15 @@ function Overview() {
{/*
<!--historie-->
*/}
<div class="row">
<div>
<h2 id="historie">History of EUCs</h2>
<div class="righties">
<img src="/images/solowheel-1.jpg" />
<Asset src="/images/historieEUC.webp" />
</div>
<div class="lefties">
<Asset src="/images/solowheel-1.jpg" />
</div>
<img class="lefties" src="/images/historieEUC.webp" />
<p>
The underlying technique came with the
<R href="https://de.wikipedia.org/wiki/Segway_Personal_Transporter">
@ -1026,7 +1017,7 @@ function Overview() {
<p>
It took another 4 years for
<R href="#kinsong">
<R href="/de/manufacturers#kinsong">
<b>KingSong</b>
</R>
to be foundet and driving innovation as a competitor.
@ -1047,8 +1038,8 @@ function Overview() {
thought into design and quality.
</p>
<div class="righties">
<img src="/images/z10.jpeg" />
<div class="lefties">
<Asset src="/images/z10.jpeg" />
</div>
<p>
<R href="#ninebot">
@ -1073,8 +1064,8 @@ function Overview() {
both devices are changing the market forever.
</p>
<div class="righties">
<img src="/images/S22shutterkode1.jpg" />
<div class="lefties">
<Asset src="/images/S22shutterkode1.jpg" />
</div>
<p>
Inmotion and Kingsong both released the first devices with{" "}
@ -1122,49 +1113,60 @@ function Overview() {
{/*
<!--auflistung-->
*/}
<div class="row">
<h2 id="geräte">List of devices</h2>
<div>
<h2 id="geraete">List of devices</h2>
<p>
Only the most relevant and well-known devices are listed here, a
complete, sortable overview is available{" "}
<R href="https://www.electricunicycles.eu/product_catalog">here</R>.
</p>
<DeviceTile
href="/en/KSS22"
name="Kingsong S22"
src="/videos/S20Werbevideo.mp4"
/>
<div class="raster">
<DeviceTile
href="/en/KSS22"
name="Kingsong S22"
src="/videos/S20Werbevideo.mp4"
/>
<DeviceTile name="Kingsong 16X" src="/images/KS16X.jpg" />
<DeviceTile name="Kingsong 16X" src="/images/KS16X.jpg" />
<DeviceTile name="Inmotion V8" src="/images/inmotionV8.jfif" />
<DeviceTile name="Inmotion V8" src="/images/inmotionV8.jfif" />
<DeviceTile name="Inmotion V10" src="/videos/V10.mp4" />
<DeviceTile name="Inmotion V10" src="/videos/V10.mp4" />
<DeviceTile name="Inmotion V11" src="/images/V11 2.jpg" />
<DeviceTile name="Inmotion V11" src="/images/V11 2.jpg" />
<DeviceTile name="Inmotion V12" src="/images/V12 2.jpg" />
<DeviceTile name="Inmotion V12" src="/images/V12 2.jpg" />
<DeviceTile name="Inmotion V13" src="/images/V13 2.jpg" />
<DeviceTile name="Inmotion V13" src="/images/V13 2.jpg" />
<DeviceTile name="Kingsong S18" src="/images/S18.jpg" />
<DeviceTile name="Kingsong S18" src="/images/S18.jpg" />
<DeviceTile name="Begode Master" src="/images/Master.jpg" />
<DeviceTile name="Begode Master" src="/images/Master.jpg" />
<DeviceTile name="Begode T4" src="/images/T4.jpg" />
<DeviceTile name="Begode T4" src="/images/T4.jpg" />
<DeviceTile name="Begode Mten4" src="/images/Mten4.jpg" />
<DeviceTile name="Begode Mten4" src="/images/Mten4.jpg" />
<DeviceTile name="Begode Master Pro" src="/images/Master Pro.jpg" />
<DeviceTile name="Begode Master Pro" src="/images/Master Pro.jpg" />
<DeviceTile name="Begode EX30" src="/images/EX30.jpg" />
<DeviceTile name="Begode EX30" src="/images/EX30.jpg" />
<DeviceTile name="Gotway Monster Pro" src="/images/MonsterPro.jpg" />
<DeviceTile
name="Gotway Monster Pro"
src="/images/MonsterPro.jpg"
/>
<DeviceTile name="Veteran Sherman" src="/images/moddedSherman1.jpg" />
<DeviceTile
name="Veteran Sherman"
src="/images/moddedSherman1.jpg"
/>
<DeviceTile name="Veteran Sherman S" src="/images/ShermanSepic.jpg" />
<DeviceTile
name="Veteran Sherman S"
src="/images/ShermanSepic.jpg"
/>
</div>
</div>
</article>
<footer />