Format files
This commit is contained in:
parent
4b5a56afe6
commit
e8bcda2db8
GPG key ID:
816B7707426FC612
13 changed files with 3016 additions and 2467 deletions
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,273 +1,408 @@
|
|||
*{
|
||||
scroll-margin-block-start: 60px;
|
||||
scroll-margin-block-end: 60px;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
* {
|
||||
scroll-margin-block-start: 60px;
|
||||
scroll-margin-block-end: 60px;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {width: 9px;}
|
||||
::-webkit-scrollbar-track {background: rgb(41, 41, 41);}
|
||||
::-webkit-scrollbar-thumb {background: #7f5af0;border-radius: 5px;}
|
||||
::-webkit-scrollbar-thumb:hover {background: #555;}
|
||||
::-webkit-scrollbar {
|
||||
width: 9px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgb(41, 41, 41);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #7f5af0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
[class*="col-"] {float: left;}
|
||||
.row{clear: both;}
|
||||
[class*="col-"] {
|
||||
float: left;
|
||||
}
|
||||
.row {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
z-index: 1;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background-color:#121629;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 155px;
|
||||
height: 100%;
|
||||
margin-left: -8px;
|
||||
z-index: 1;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
background-color: #121629;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 155px;
|
||||
height: 100%;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
#navbar button{border-radius: 16px;scale: 0.9;}
|
||||
#navbar button:hover{scale: 1.06;}
|
||||
#navbar button {
|
||||
border-radius: 16px;
|
||||
scale: 0.9;
|
||||
}
|
||||
#navbar button:hover {
|
||||
scale: 1.06;
|
||||
}
|
||||
|
||||
#navbar a {
|
||||
float: none;
|
||||
display: block;
|
||||
color: #eff0f3;
|
||||
text-align: left;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
float: none;
|
||||
display: block;
|
||||
color: #eff0f3;
|
||||
text-align: left;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#navbar a:hover {
|
||||
background: #eff0f3;
|
||||
color: #121629;
|
||||
cursor: pointer;
|
||||
background: #eff0f3;
|
||||
color: #121629;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#sidenavbar {
|
||||
z-index: 1;
|
||||
margin-left: -8px;
|
||||
overflow: visible;
|
||||
background-color:#121629;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
z-index: 1;
|
||||
margin-left: -8px;
|
||||
overflow: visible;
|
||||
background-color: #121629;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#sidenavbar button{all: unset;}
|
||||
#sidenavbar button {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
#sidenavbar a, button {
|
||||
margin: 5px auto;
|
||||
color: #eff0f3;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
border: none;
|
||||
#sidenavbar a,
|
||||
button {
|
||||
margin: 5px auto;
|
||||
color: #eff0f3;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#sidenavbar a:hover {
|
||||
background: #eff0f3;
|
||||
color: #2a2a2a;
|
||||
cursor: pointer;
|
||||
background: #eff0f3;
|
||||
color: #2a2a2a;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#sidenavbar button{all: unset;}
|
||||
|
||||
.main {height: 100%;}
|
||||
#sidenavbar button {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
.main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #16161a;
|
||||
color: #94a1b2;
|
||||
text-align: center;
|
||||
font-size: 1.4em;
|
||||
background-color: #16161a;
|
||||
color: #94a1b2;
|
||||
text-align: center;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
color: #fffffe;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
color: #fffffe;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
clear: both;
|
||||
color: #fffffe;
|
||||
}
|
||||
p {
|
||||
text-align: justify;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
header {
|
||||
text-align: center;
|
||||
padding-left: 140px;
|
||||
}
|
||||
h1 {font-size: 2.5em;color: #fffffe;}
|
||||
h2 {font-size: 2em;color: #fffffe;}
|
||||
h3 {font-size: 1.6em; clear: both;color: #fffffe;}
|
||||
p {text-align: justify;font-size: 0.875em;}
|
||||
header {text-align: center;padding-left: 140px;}
|
||||
|
||||
footer,
|
||||
aside,
|
||||
article {
|
||||
text-align: center;
|
||||
padding-left: 15px;
|
||||
margin: 1.5%;
|
||||
margin-left: 145px;
|
||||
text-align: center;
|
||||
padding-left: 15px;
|
||||
margin: 1.5%;
|
||||
margin-left: 145px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: max-content;
|
||||
height: auto;
|
||||
margin-top: -8px;
|
||||
width: 100%;
|
||||
max-width: max-content;
|
||||
height: auto;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color:#121629;
|
||||
color: #eff0f3;
|
||||
text-align: left;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
|
||||
background-color: #121629;
|
||||
color: #eff0f3;
|
||||
text-align: left;
|
||||
padding: 8px 8px;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
p a {
|
||||
text-align: justify;
|
||||
text-decoration: underline;
|
||||
color:#94a1b2;
|
||||
text-align: justify;
|
||||
text-decoration: underline;
|
||||
color: #94a1b2;
|
||||
}
|
||||
p a:hover {
|
||||
color: rgb(225, 59, 59);
|
||||
}
|
||||
b {
|
||||
color: #91c4ff;
|
||||
}
|
||||
p a:hover {color: rgb(225, 59, 59);}
|
||||
b{color:#91c4ff;}
|
||||
|
||||
|
||||
.righties {
|
||||
margin: 0 2%;
|
||||
margin-right: 0%;
|
||||
padding: 0%;
|
||||
width: 33%;
|
||||
float: right;
|
||||
transition: width 1.5s;
|
||||
clear: both;
|
||||
margin: 0 2%;
|
||||
margin-right: 0%;
|
||||
padding: 0%;
|
||||
width: 33%;
|
||||
float: right;
|
||||
transition: width 1.5s;
|
||||
clear: both;
|
||||
}
|
||||
.righties:hover {
|
||||
width: 50%;
|
||||
}
|
||||
.righties:hover {width: 50%;}
|
||||
|
||||
.lefties {
|
||||
margin-right: 20px;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
transition: width 1.5s;
|
||||
display: none;
|
||||
margin-right: 20px;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
transition: width 1.5s;
|
||||
display: none;
|
||||
}
|
||||
.lefties:hover {
|
||||
width: 50%;
|
||||
}
|
||||
.lefties:hover {width: 50%;}
|
||||
|
||||
#vcutout {
|
||||
width: 25%;
|
||||
}
|
||||
#vcutout:hover {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
#vcutout{width: 25%;}
|
||||
#vcutout:hover {width: 30%;}
|
||||
|
||||
|
||||
.hidden{
|
||||
/*position:absolute;
|
||||
.hidden {
|
||||
/*position:absolute;
|
||||
transform:translate(-50%,-50%);
|
||||
height:200px;
|
||||
width:200px; */
|
||||
float: left;
|
||||
padding: 2%;
|
||||
padding-left: 0%;
|
||||
display: none;
|
||||
float: left;
|
||||
padding: 2%;
|
||||
padding-left: 0%;
|
||||
display: none;
|
||||
}
|
||||
/*wenn hover über text, zeige bild*/
|
||||
.imghover:hover + .hidden{display: block;}
|
||||
|
||||
|
||||
.imghover:hover + .hidden {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.light-mode {
|
||||
background-color:#eff0f3;
|
||||
color:#2a2a2a;
|
||||
background-color: #eff0f3;
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode article p a{
|
||||
text-align: justify;
|
||||
text-decoration: underline;
|
||||
color:#2a2a2a;
|
||||
.light-mode article p a {
|
||||
text-align: justify;
|
||||
text-decoration: underline;
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode b {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode b a {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode h3 {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode h1 {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode h2 {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
.light-mode #navbar {
|
||||
background-color: #b8c1ec;
|
||||
}
|
||||
.light-mode #sidenavbar {
|
||||
background-color: #b8c1ec;
|
||||
}
|
||||
.light-mode #navbar a {
|
||||
color: black;
|
||||
}
|
||||
.light-mode #sidenavbar a {
|
||||
color: black;
|
||||
}
|
||||
.light-mode button {
|
||||
background-color: #b8c1ec;
|
||||
color: black;
|
||||
}
|
||||
.light-mode b{color:#2a2a2a;}
|
||||
.light-mode b a{color: #2a2a2a;}
|
||||
.light-mode h3 {color: #2a2a2a;}
|
||||
.light-mode h1 {color: #2a2a2a;}
|
||||
.light-mode h2 {color: #2a2a2a;}
|
||||
.light-mode #navbar {background-color: #b8c1ec;}
|
||||
.light-mode #sidenavbar {background-color: #b8c1ec;}
|
||||
.light-mode #navbar a {color: black;}
|
||||
.light-mode #sidenavbar a {color: black;}
|
||||
.light-mode button {background-color: #b8c1ec;color: black;}
|
||||
|
||||
|
||||
/*Raster Einstellungen*/
|
||||
.light-mode .raster {background-color: #eff0f3;}
|
||||
.light-mode a {color:#2a2a2a;}
|
||||
a {color: rgb(225, 223, 210);}
|
||||
.light-mode .raster {
|
||||
background-color: #eff0f3;
|
||||
}
|
||||
.light-mode a {
|
||||
color: #2a2a2a;
|
||||
}
|
||||
a {
|
||||
color: rgb(225, 223, 210);
|
||||
}
|
||||
|
||||
.raster {
|
||||
width: 300px;
|
||||
height: 350px;
|
||||
float: left;
|
||||
padding: 1%;
|
||||
padding-top: 0;
|
||||
border: #555;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 10%;
|
||||
scale: 0.9;
|
||||
font-size: 0.9em;
|
||||
width: 300px;
|
||||
height: 350px;
|
||||
float: left;
|
||||
padding: 1%;
|
||||
padding-top: 0;
|
||||
border: #555;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 10%;
|
||||
scale: 0.9;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
a div img, a div video{
|
||||
border-radius: 10%;
|
||||
max-width: 260px;
|
||||
max-height: 290px;
|
||||
padding-top: 8px;
|
||||
bottom: 0;
|
||||
a div img,
|
||||
a div video {
|
||||
border-radius: 10%;
|
||||
max-width: 260px;
|
||||
max-height: 290px;
|
||||
padding-top: 8px;
|
||||
bottom: 0;
|
||||
}
|
||||
a div h3 {margin: 0.5%;}
|
||||
.raster:hover {scale: 1.06;}
|
||||
.raster:hover a div img {width: 110%;}
|
||||
|
||||
|
||||
.logos {height: 1.6em; margin-bottom: -18px;}
|
||||
|
||||
|
||||
.col-1 {width: 8.33%;}
|
||||
.col-2 {width: 12.5%;}
|
||||
.col-3 {width: 25%;}
|
||||
.col-4 {width: 33.33%;}
|
||||
.col-5 {width: 41.66%;}
|
||||
.col-6 {width: 50%;}
|
||||
.col-7 {width: 58.33%;}
|
||||
.col-8 {width: 66.66%;}
|
||||
.col-9 {width: 75%;}
|
||||
.col-10 {width: 83.33%;}
|
||||
.col-11 {width: 91.66%;}
|
||||
.col-12 {width: 100%;}
|
||||
|
||||
|
||||
@media (max-width: 767px)/*unter handy größe*/{
|
||||
header,article,img,p,h1,h2,h3 {margin-left: 0%;padding-left: 0;}
|
||||
[class*="col-"] {width: 100%;}
|
||||
#navbar {visibility: hidden;}
|
||||
#sidenavbar {visibility: visible;}
|
||||
/*.raster {width: calc(100%/2);}*/
|
||||
.righties {width: 100%;}
|
||||
.righties:hover {width: 100%;}
|
||||
a div h3 {
|
||||
margin: 0.5%;
|
||||
}
|
||||
.raster:hover {
|
||||
scale: 1.06;
|
||||
}
|
||||
.raster:hover a div img {
|
||||
width: 110%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 767px)/*über handy größe*/ {
|
||||
#navbar {visibility: visible;}
|
||||
#sidenavbar {visibility: hidden;}
|
||||
/*.raster {width: calc(100%/5);}*/
|
||||
div div button {visibility: hidden;}
|
||||
.logos {
|
||||
height: 1.6em;
|
||||
margin-bottom: -18px;
|
||||
}
|
||||
|
||||
.col-1 {
|
||||
width: 8.33%;
|
||||
}
|
||||
.col-2 {
|
||||
width: 12.5%;
|
||||
}
|
||||
.col-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-4 {
|
||||
width: 33.33%;
|
||||
}
|
||||
.col-5 {
|
||||
width: 41.66%;
|
||||
}
|
||||
.col-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-7 {
|
||||
width: 58.33%;
|
||||
}
|
||||
.col-8 {
|
||||
width: 66.66%;
|
||||
}
|
||||
.col-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-10 {
|
||||
width: 83.33%;
|
||||
}
|
||||
.col-11 {
|
||||
width: 91.66%;
|
||||
}
|
||||
.col-12 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) /*unter handy größe*/ {
|
||||
header,
|
||||
article,
|
||||
img,
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-left: 0%;
|
||||
padding-left: 0;
|
||||
}
|
||||
[class*="col-"] {
|
||||
width: 100%;
|
||||
}
|
||||
#navbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
#sidenavbar {
|
||||
visibility: visible;
|
||||
}
|
||||
/*.raster {width: calc(100%/2);}*/
|
||||
.righties {
|
||||
width: 100%;
|
||||
}
|
||||
.righties:hover {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 767px) /*über handy größe*/ {
|
||||
#navbar {
|
||||
visibility: visible;
|
||||
}
|
||||
#sidenavbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
/*.raster {width: calc(100%/5);}*/
|
||||
div div button {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*@media screen and (min-width:1200px) {.raster {width: calc(100%/6);}}
|
||||
|
||||
@media screen and (min-width:1500px) {.raster {width: calc(100%/8);}}*/
|
||||
|
||||
@media screen and (min-width:1900px)/*HD Fullscreen only*/ {
|
||||
.lefties {display: block;width: 27%;}
|
||||
.righties {width: 27%;}
|
||||
@media screen and (min-width: 1900px) /*HD Fullscreen only*/ {
|
||||
.lefties {
|
||||
display: block;
|
||||
width: 27%;
|
||||
}
|
||||
.righties {
|
||||
width: 27%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:2250px)/*ab 2000px nicht weiter skalieren*/ {
|
||||
*{
|
||||
@media screen and (min-width: 2250px) /*ab 2000px nicht weiter skalieren*/ {
|
||||
* {
|
||||
width: 1950px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,108 +1,152 @@
|
|||
* {box-sizing: border-box;}
|
||||
|
||||
|
||||
::-webkit-scrollbar {width: 9px;}
|
||||
::-webkit-scrollbar-track {background: rgb(41, 41, 41);}
|
||||
::-webkit-scrollbar-thumb {background: #7f5af0;border-radius: 5px;}
|
||||
::-webkit-scrollbar-thumb:hover {background: #555;}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 9px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgb(41, 41, 41);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #7f5af0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
[class*="col-"] {
|
||||
float: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
#sidenavbar {
|
||||
z-index: 1;
|
||||
margin-left: -8px;
|
||||
overflow: visible;
|
||||
background-color:#121629;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
z-index: 1;
|
||||
margin-left: -8px;
|
||||
overflow: visible;
|
||||
background-color: #121629;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#sidenavbar button{all: unset;}
|
||||
#sidenavbar button {
|
||||
all: unset;
|
||||
}
|
||||
|
||||
#sidenavbar a, button {
|
||||
margin: 5px auto;
|
||||
color: #eff0f3;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
border: none;
|
||||
#sidenavbar a,
|
||||
button {
|
||||
margin: 5px auto;
|
||||
color: #eff0f3;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
text-decoration: none;
|
||||
font-size: 1.4em;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#sidenavbar a:hover {
|
||||
background: #eff0f3;
|
||||
color: #2a2a2a;
|
||||
cursor: pointer;
|
||||
background: #eff0f3;
|
||||
color: #2a2a2a;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#sidenavbar button{border: none;}
|
||||
#sidenavbar button {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.main {height: 100%;}
|
||||
.main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #16161a;
|
||||
color: #94a1b2;
|
||||
font-size: 1.4em;
|
||||
background-color: #16161a;
|
||||
color: #94a1b2;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h1 {font-size: 2.5em;}
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
h2 {font-size: 2em;}
|
||||
h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
margin-left: 140px;
|
||||
font-size: 1.6em;
|
||||
margin-left: 140px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
font-size: 0.875em;
|
||||
text-align: justify;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
header {text-align: center;}
|
||||
header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer,
|
||||
aside,
|
||||
article {
|
||||
text-align: center;
|
||||
padding: 2%;
|
||||
margin: 1.5%;
|
||||
text-align: center;
|
||||
padding: 2%;
|
||||
margin: 1.5%;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: max-content;
|
||||
padding: 16px;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
max-width: max-content;
|
||||
padding: 16px;
|
||||
height: auto;
|
||||
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.col-1 {width: 8.33%;}
|
||||
.col-2 {width: 16.66%;}
|
||||
.col-3 {width: 25%;}
|
||||
.col-4 {width: 33.33%;}
|
||||
.col-5 {width: 41.66%;}
|
||||
.col-6 {width: 50%;}
|
||||
.col-7 {width: 58.33%;}
|
||||
.col-8 {width: 66.66%;}
|
||||
.col-9 {width: 75%;}
|
||||
.col-10 {width: 83.33%;}
|
||||
.col-11 {width: 91.66%;}
|
||||
.col-12 {width: 100%;}
|
||||
.col-1 {
|
||||
width: 8.33%;
|
||||
}
|
||||
.col-2 {
|
||||
width: 16.66%;
|
||||
}
|
||||
.col-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-4 {
|
||||
width: 33.33%;
|
||||
}
|
||||
.col-5 {
|
||||
width: 41.66%;
|
||||
}
|
||||
.col-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-7 {
|
||||
width: 58.33%;
|
||||
}
|
||||
.col-8 {
|
||||
width: 66.66%;
|
||||
}
|
||||
.col-9 {
|
||||
width: 75%;
|
||||
}
|
||||
.col-10 {
|
||||
width: 83.33%;
|
||||
}
|
||||
.col-11 {
|
||||
width: 91.66%;
|
||||
}
|
||||
.col-12 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
[class*="col-"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
[class*="col-"] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,12 +49,16 @@
|
|||
<a href="EUC Überblick DE.html#geräte">Geräte Liste</a>
|
||||
<button onclick="myFunction()">Light Mode</button>
|
||||
<button onclick="window.location.href='EUC Überblick ENG.html';">Language</button>
|
||||
<div><button onclick="closeit()"><-Schließen</button></div>
|
||||
<div>
|
||||
<button onclick="closeit()"><-Schließen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidenavbar">
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
<a><button onclick="menü()">Menu</button></a>
|
||||
<a>
|
||||
<button onclick="menü()">Menu</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!--light-mode-->
|
||||
|
|
|
|||
|
|
@ -50,13 +50,17 @@
|
|||
<button onclick="myFunction()">Light Mode</button>
|
||||
<button onclick="window.location.href='HerstellerDE.HTML';">Sprache</button>
|
||||
<div>
|
||||
<button onclick="closeit()"><a><-Close</a></button>
|
||||
<button onclick="closeit()">
|
||||
<a> <-Close</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidenavbar">
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
<a><button onclick="menü()">Menu</button></a>
|
||||
<a>
|
||||
<button onclick="menü()">Menu</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!--light-mode-->
|
||||
|
|
|
|||
|
|
@ -1,211 +1,211 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<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">
|
||||
<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 charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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="Geräte.css">
|
||||
</head>
|
||||
<body>
|
||||
<link rel="stylesheet" href="Geräte.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="sidenavbar">
|
||||
<a href="javascript:history.back()">Zurück</a>
|
||||
<a href="EUC Überblick DE.html">Start</a>
|
||||
<a href="javascript:history.back()">Zurück</a>
|
||||
<a href="EUC Überblick DE.html">Start</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode2.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode2.jpg" />
|
||||
</div>
|
||||
|
||||
<div class="col-8">
|
||||
<article>
|
||||
<h2>Kingsong S22</h2>
|
||||
<div class="col-8">
|
||||
<article>
|
||||
<h2>Kingsong S22</h2>
|
||||
|
||||
<p>Das Kingsong S22, früher S20, ist ein klar Offroad und Trail orientiertes Einrad. Es hat unter anderem 130mm travel und eine robuste Metallkonstruktion, welches es einmalig ideal für große Sprünge und hohe Drops macht. </p>
|
||||
<p>Das Kingsong S22, früher S20, ist ein klar Offroad und Trail orientiertes Einrad. Es hat unter anderem 130mm travel und eine robuste Metallkonstruktion, welches es einmalig ideal für große Sprünge und hohe Drops macht.</p>
|
||||
|
||||
<p>Es ist der Nachfolger vom kleineren S18, aber mit doppeltem Akku und 50% mehr Motor Leistung, so wie 70 statt 50 km/h top Geschwindigkeit. Wobei der Freespin bis zu 114 km/h hoch ist, also ideal für längere Sprünge bei denen der Reifen in der Luft ist. </p>
|
||||
<p>Es ist der Nachfolger vom kleineren S18, aber mit doppeltem Akku und 50% mehr Motor Leistung, so wie 70 statt 50 km/h top Geschwindigkeit. Wobei der Freespin bis zu 114 km/h hoch ist, also ideal für längere Sprünge bei denen der Reifen in der Luft ist.</p>
|
||||
|
||||
<p>Außerdem hat es gleich mitgeliefert einen Sitz, ziemlich brauchbare Jump wie Powerpads und Spiked-Pedals. Dazu einen robusten, wenn auch komisch platzierten und etwas kurzen Trolleyhandle, sowie einen stabilen Kickstand und höhenverstellbare helle Lichter. Es ist Wasserfest, aber nicht eintauchbar, und das Beste: es ist superleicht daran zu arbeiten, weil das Gerät sehr modular designt wurde. So lässt sich der Reifen mit theoretisch nur 2 schrauben rausnehmen</p>
|
||||
<p>Außerdem hat es gleich mitgeliefert einen Sitz, ziemlich brauchbare Jump wie Powerpads und Spiked-Pedals. Dazu einen robusten, wenn auch komisch platzierten und etwas kurzen Trolleyhandle, sowie einen stabilen Kickstand und höhenverstellbare helle Lichter. Es ist Wasserfest, aber nicht eintauchbar, und das Beste: es ist superleicht daran zu arbeiten, weil das Gerät sehr modular designt wurde. So lässt sich der Reifen mit theoretisch nur 2 schrauben rausnehmen</p>
|
||||
|
||||
<p>Während all das wahr ist, haben sich leider mit diesem hoch erwartetem und gehypten Rad auch viele Probleme ergeben. So gab es Motorprobleme mit den ersten Geräten, welche zu cut-offs führten und dadurch das Motherboard durchbrannten. Auch ist das Slider Design sehr schwerfällig und über die Zeit immer schwerer zu bewegen. So mussten viele s22 Käufer lange auf Ersatzmotoren warten, so wie für 100 bis 200€ die Slider upgraden. Mit den Upgrades jedoch ist es das momentan bester Suspension Einrad auf dem Markt. (Bis das Veteran Sherman S zu kaufen ist.)</p>
|
||||
</article>
|
||||
</div>
|
||||
<p>Während all das wahr ist, haben sich leider mit diesem hoch erwartetem und gehypten Rad auch viele Probleme ergeben. So gab es Motorprobleme mit den ersten Geräten, welche zu cut-offs führten und dadurch das Motherboard durchbrannten. Auch ist das Slider Design sehr schwerfällig und über die Zeit immer schwerer zu bewegen. So mussten viele s22 Käufer lange auf Ersatzmotoren warten, so wie für 100 bis 200€ die Slider upgraden. Mit den Upgrades jedoch ist es das momentan bester Suspension Einrad auf dem Markt. (Bis das Veteran Sherman S zu kaufen ist.)</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
|
||||
<div class="col-4"><img src="KS S22/BusJump.jpg" /></div>
|
||||
<div class="col-4"><img src="KS S22/S22shutterkode4.jpg"/></div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode5.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/BusJump.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode4.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Größe</td>
|
||||
<td>582L 330W 747H</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Radumfang</td>
|
||||
<td>20 inch</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pedalhöhe</td>
|
||||
<td>231+-26mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gewicht</td>
|
||||
<td>35kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension travel (bei Federung)</td>
|
||||
<td>130mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Type (bei Federung)</td>
|
||||
<td>Oil Shock</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Adjustments (bei Federung)</td>
|
||||
<td>Rebound, compression</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Freespin</td>
|
||||
<td>114kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Top speed</td>
|
||||
<td>70kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Reichweite bei 30kmh</td>
|
||||
<td>200km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Minimale Reichweite bei starker Nutzung</td>
|
||||
<td>70km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max climb angle</td>
|
||||
<td>45°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max. Zuladung</td>
|
||||
<td>120kg</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Motor Typ</td>
|
||||
<td>High Speed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Motor Leistung</td>
|
||||
<td>3300W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Peak Leistung</td>
|
||||
<td>7500W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery Size</td>
|
||||
<td>2220wh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Voltage</td>
|
||||
<td>126V</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max amps</td>
|
||||
<td>100A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BMS</td>
|
||||
<td>Smart BMS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery cell type</td>
|
||||
<td>LG 18600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IP Rating</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr>
|
||||
<td>Accessoires</td>
|
||||
<td>Powerpads, Jumppads, Seat, Spiked-Pedals</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lichter</td>
|
||||
<td>8x5W Verstellbare Scheinwerfer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard Reifen</td>
|
||||
<td>Nobby</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anti spin button?</td>
|
||||
<td>im Griff</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Display?</td>
|
||||
<td>Dot-Matrix</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB?</td>
|
||||
<td>Rücklicht</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pads?</td>
|
||||
<td>Alle inklusive</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladeausgänge?</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladegerät:</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard Ladezeit:</td>
|
||||
<td>3.3h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max Amps:</td>
|
||||
<td>10A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Schnellste Ladezeit:</td>
|
||||
<td>100 Min</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladeports:</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Größe</td>
|
||||
<td>582L 330W 747H</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Radumfang</td>
|
||||
<td>20 inch</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pedalhöhe</td>
|
||||
<td>231+-26mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Gewicht</td>
|
||||
<td>35kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension travel (bei Federung)</td>
|
||||
<td>130mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Type (bei Federung)</td>
|
||||
<td>Oil Shock</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Adjustments (bei Federung)</td>
|
||||
<td>Rebound, compression</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Freespin</td>
|
||||
<td>114kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Top speed</td>
|
||||
<td>70kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Reichweite bei 30kmh</td>
|
||||
<td>200km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Minimale Reichweite bei starker Nutzung</td>
|
||||
<td>70km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max climb angle</td>
|
||||
<td>45°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max. Zuladung</td>
|
||||
<td>120kg</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Motor Typ</td>
|
||||
<td>High Speed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Motor Leistung</td>
|
||||
<td>3300W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Peak Leistung</td>
|
||||
<td>7500W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery Size</td>
|
||||
<td>2220wh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Voltage</td>
|
||||
<td>126V</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max amps</td>
|
||||
<td>100A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BMS</td>
|
||||
<td>Smart BMS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery cell type</td>
|
||||
<td>LG 18600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IP Rating</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Accessoires</td>
|
||||
<td>Powerpads, Jumppads, Seat, Spiked-Pedals</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lichter</td>
|
||||
<td>8x5W Verstellbare Scheinwerfer</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard Reifen</td>
|
||||
<td>Nobby</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anti spin button?</td>
|
||||
<td>im Griff</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Display?</td>
|
||||
<td>Dot-Matrix</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB?</td>
|
||||
<td>Rücklicht</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pads?</td>
|
||||
<td>Alle inklusive</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladeausgänge?</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladegerät:</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard Ladezeit:</td>
|
||||
<td>3.3h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max Amps:</td>
|
||||
<td>10A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Schnellste Ladezeit:</td>
|
||||
<td>100 Min</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ladeports:</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,206 +1,208 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<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 charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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 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="Geräte.css">
|
||||
</head>
|
||||
<body>
|
||||
<link rel="stylesheet" href="Geräte.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="sidenavbar">
|
||||
<a href="javascript:history.back()">Zurück</a>
|
||||
<a href="EUC Überblick DE.html">Start</a>
|
||||
<a href="javascript:history.back()">Zurück</a>
|
||||
<a href="EUC Überblick DE.html">Start</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode2.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode2.jpg" />
|
||||
</div>
|
||||
|
||||
<div class="col-8">
|
||||
<article>
|
||||
<h2>Kingsong S22</h2>
|
||||
<div class="col-8">
|
||||
<article>
|
||||
<h2>Kingsong S22</h2>
|
||||
|
||||
<p>The Kingsong S22, formerly S20, is a clearly off-road and trail oriented unicycle. Among other things, it has 130mm suspension travel and a robust metal construction, which makes it ideal for big jumps and high drops. </p>
|
||||
<p>The Kingsong S22, formerly S20, is a clearly off-road and trail oriented unicycle. Among other things, it has 130mm suspension travel and a robust metal construction, which makes it ideal for big jumps and high drops.</p>
|
||||
|
||||
<p>It is the successor to the smaller S18, but with double the battery and 50% more motor power, such as a top speed of 70 instead of 50 km/h. The freespin is up to 114 km/h, so ideal for longer jumps where the tire is spinning up in the air. </p>
|
||||
<p>It is the successor to the smaller S18, but with double the battery and 50% more motor power, such as a top speed of 70 instead of 50 km/h. The freespin is up to 114 km/h, so ideal for longer jumps where the tire is spinning up in the air.</p>
|
||||
|
||||
<p>It also comes with a seat, pretty good jump- and power pads and spiked pedals. Plus a sturdy, albeit oddly placed and somewhat short trolley handle, as well as a sturdy kickstand and height-adjustable bright lights. It's waterproof, but not submersible, and best of all, it's super easy to work with because the device has a very modular design. The tire can theoretically be removed with just 2 screws</p>
|
||||
<p>It also comes with a seat, pretty good jump- and power pads and spiked pedals. Plus a sturdy, albeit oddly placed and somewhat short trolley handle, as well as a sturdy kickstand and height-adjustable bright lights. It's waterproof, but not submersible, and best of all, it's super easy to work with because the device has a very modular design. The tire can theoretically be removed with just 2 screws</p>
|
||||
|
||||
<p>While all of this is true, many problems have unfortunately arisen with this highly anticipated and hyped wheel. There were motor problems with the first devices, which led to cut-offs and burned the motherboard. Also, the slider design is very clumsy and gets harder and harder to move over time. Many S22 buyers had to wait a long time for replacement motors, such as upgrading the sliders for €100 to €200. However, with the upgrades, it is currently the best suspension unicycle on the market. (Until the Veteran Sherman S goes on sale.)</p>
|
||||
</article>
|
||||
</div>
|
||||
<p>While all of this is true, many problems have unfortunately arisen with this highly anticipated and hyped wheel. There were motor problems with the first devices, which led to cut-offs and burned the motherboard. Also, the slider design is very clumsy and gets harder and harder to move over time. Many S22 buyers had to wait a long time for replacement motors, such as upgrading the sliders for €100 to €200. However, with the upgrades, it is currently the best suspension unicycle on the market. (Until the Veteran Sherman S goes on sale.)</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4"><img src="KS S22/S22shutterkode5.jpg" /></div>
|
||||
<div class="col-4"><img src="KS S22/BusJump.jpg" /></div>
|
||||
<div class="col-4"><img src="KS S22/S22shutterkode4.jpg"/></div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode5.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/BusJump.jpg" />
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img src="KS S22/S22shutterkode4.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>Size</td>
|
||||
<td>582L 330W 747H</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wheel Circumference</td>
|
||||
<td>20 inches</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pedal Height</td>
|
||||
<td>231+-26mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Weight</td>
|
||||
<td>35kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension travel</td>
|
||||
<td>130mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Type</td>
|
||||
<td>Oil Shock</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Adjustments (for suspension)</td>
|
||||
<td>Rebound, compression</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Free Spin</td>
|
||||
<td>114kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Top speed</td>
|
||||
<td>70kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Range at 30kmh</td>
|
||||
<td>200km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Minimum range for heavy use</td>
|
||||
<td>70km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max climb angle</td>
|
||||
<td>45°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max. payload</td>
|
||||
<td>120kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Engine Type</td>
|
||||
<td>High Speed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Engine Power</td>
|
||||
<td>3300W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Peak Power</td>
|
||||
<td>7500W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery Size</td>
|
||||
<td>2220wh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Voltage</td>
|
||||
<td>126V</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max amps</td>
|
||||
<td>100A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BMS</td>
|
||||
<td>Smart BMS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery cell type</td>
|
||||
<td>LG 18600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IPRating</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Accessories</td>
|
||||
<td>Powerpads, Jumppads, Seat, Spiked Pedals</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lights</td>
|
||||
<td>8x5W adjustable headlights</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Default tires</td>
|
||||
<td>Nobby</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anti spin button?</td>
|
||||
<td>under control</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Display?</td>
|
||||
<td>dot matrix</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB?</td>
|
||||
<td>Taillight</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pads?</td>
|
||||
<td>All inclusive</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charge outlets?</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charger:</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Default load time:</td>
|
||||
<td>3.3h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max Amps:</td>
|
||||
<td>10A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Fastest load time:</td>
|
||||
<td>100min</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Load ports:</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Size</td>
|
||||
<td>582L 330W 747H</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wheel Circumference</td>
|
||||
<td>20 inches</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pedal Height</td>
|
||||
<td>231+-26mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Weight</td>
|
||||
<td>35kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension travel</td>
|
||||
<td>130mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Type</td>
|
||||
<td>Oil Shock</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Suspension Adjustments (for suspension)</td>
|
||||
<td>Rebound, compression</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Free Spin</td>
|
||||
<td>114kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Top speed</td>
|
||||
<td>70kmh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Range at 30kmh</td>
|
||||
<td>200km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Minimum range for heavy use</td>
|
||||
<td>70km</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max climb angle</td>
|
||||
<td>45°</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max. payload</td>
|
||||
<td>120kg</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Engine Type</td>
|
||||
<td>High Speed</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Engine Power</td>
|
||||
<td>3300W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Peak Power</td>
|
||||
<td>7500W</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery Size</td>
|
||||
<td>2220wh</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Voltage</td>
|
||||
<td>126V</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max amps</td>
|
||||
<td>100A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BMS</td>
|
||||
<td>Smart BMS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Battery cell type</td>
|
||||
<td>LG 18600</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IPRating</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Accessories</td>
|
||||
<td>Powerpads, Jumppads, Seat, Spiked Pedals</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Lights</td>
|
||||
<td>8x5W adjustable headlights</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Default tires</td>
|
||||
<td>Nobby</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anti spin button?</td>
|
||||
<td>under control</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Display?</td>
|
||||
<td>dot matrix</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB?</td>
|
||||
<td>Taillight</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pads?</td>
|
||||
<td>All inclusive</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charge outlets?</td>
|
||||
<td>nope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charger:</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Default load time:</td>
|
||||
<td>3.3h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Max Amps:</td>
|
||||
<td>10A</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Fastest load time:</td>
|
||||
<td>100min</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Load ports:</td>
|
||||
<td>2</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1 +0,0 @@
|
|||
# jg-eucs
|
||||
145
public/Start.css
145
public/Start.css
|
|
@ -1,82 +1,109 @@
|
|||
*{
|
||||
scroll-margin-block-start: 60px;
|
||||
scroll-margin-block-end: 60px;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
* {
|
||||
scroll-margin-block-start: 60px;
|
||||
scroll-margin-block-end: 60px;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {width: 9px;}
|
||||
::-webkit-scrollbar-track {background: rgb(41, 41, 41);}
|
||||
::-webkit-scrollbar-thumb {background:#ff8906;border-radius: 5px;}
|
||||
::-webkit-scrollbar-thumb:hover {background: #555;}
|
||||
::-webkit-scrollbar {
|
||||
width: 9px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgb(41, 41, 41);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #ff8906;
|
||||
border-radius: 5px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
}
|
||||
|
||||
[class*="col-"] {float: left;}
|
||||
.row{clear: both;}
|
||||
[class*="col-"] {
|
||||
float: left;
|
||||
}
|
||||
.row {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #0f0e17;
|
||||
color:#a7a9be;
|
||||
text-align: left;
|
||||
font-size: 1.4em;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
background-color: #0f0e17;
|
||||
color: #a7a9be;
|
||||
text-align: left;
|
||||
font-size: 1.4em;
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
p {padding: 10px;}
|
||||
p {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#cover {opacity: 60%;}
|
||||
#cover {
|
||||
opacity: 60%;
|
||||
}
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
.centered {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
#gone {
|
||||
display: none;
|
||||
color: #fffffe;
|
||||
text-align: center;
|
||||
display: none;
|
||||
color: #fffffe;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#MoreButton{
|
||||
margin: auto;
|
||||
position: relative;
|
||||
height: auto;
|
||||
max-height: max-content;
|
||||
width: auto;
|
||||
max-width: max-content;
|
||||
background-color:#ff8906;
|
||||
border-radius: 5px;
|
||||
color: #fffffe;
|
||||
font-size: 1.2em;
|
||||
#MoreButton {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
height: auto;
|
||||
max-height: max-content;
|
||||
width: auto;
|
||||
max-width: max-content;
|
||||
background-color: #ff8906;
|
||||
border-radius: 5px;
|
||||
color: #fffffe;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
a {text-decoration: none;}
|
||||
a div p{
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
a div p {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
a :hover {
|
||||
scale: 1.06;
|
||||
}
|
||||
a :hover{scale: 1.06;}
|
||||
|
||||
|
||||
.righties {
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 30px;
|
||||
padding-top: 20px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) /*unter handy größe*/ {
|
||||
.centered {
|
||||
display: none;
|
||||
}
|
||||
#gone {
|
||||
display: block;
|
||||
}
|
||||
#cover {
|
||||
opacity: 100%;
|
||||
}
|
||||
.righties {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@media (max-width: 767px)/*unter handy größe*/{
|
||||
.centered {display: none;}
|
||||
#gone {display: block;}
|
||||
#cover {opacity: 100%;}
|
||||
.righties {width: 100%;}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -1,85 +1,89 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<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 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">
|
||||
<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 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="Start.css">
|
||||
</head>
|
||||
<body>
|
||||
<link rel="stylesheet" href="Start.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<img id="cover" src="Alle Bilder/Gear3.webp" />
|
||||
<div class="centered">
|
||||
<h1>Bock auf was Neues?</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<img id="cover" src="Alle Bilder/Gear3.webp" />
|
||||
<div class="centered"><h1>Bock auf was Neues?</h1></div>
|
||||
</div>
|
||||
<h1 id="gone">Bock auf was Neues?</h1>
|
||||
|
||||
<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="Alle Bilder/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="Alle Bilder/UltimativeSport.jpg" />
|
||||
</div>
|
||||
|
||||
<p>Flexible - Modern - schneller als die Polizei erlaubt. Das sind moderne eletrische Einräder. </p>
|
||||
<div class="righties"><img src="Alle Bilder/ShermanStanding.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="Alle Videos/MTBtrailsEase.mp4" type="video/mp4" />
|
||||
</video>
|
||||
</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="Alle Bilder/UltimativeSport.jpg"/></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="Alle 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="Alle Bilder/KidsKS16X.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="Alle Videos/MTBtrailsEase.mp4" type="video/mp4">
|
||||
</video></div>
|
||||
<p>Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:</p>
|
||||
|
||||
|
||||
<p>Jeden Weg nutzen und nie wieder im Verkehr stecken.</p>
|
||||
<div class="righties"><video width=auto height=auto autoplay muted loop>
|
||||
<source src="Alle 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="Alle Bilder/KidsKS16X.jpg"/></div>
|
||||
|
||||
|
||||
<p>Interessiert? Dann tauche in die Welt der PEV's und EUC's ein:</p>
|
||||
|
||||
|
||||
<a href="EUC Überblick DE.html">
|
||||
<div id="MoreButton">
|
||||
<a href="EUC Überblick DE.html">
|
||||
<div id="MoreButton">
|
||||
<p>Ich will alles darüber lesen!</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
|
||||
<div id="MoreButton">
|
||||
<a href="https://youtube.com/playlist?list=PLfoxTRt1qLuAg-Al9JNHrl_7KVl-uSxwV">
|
||||
<div id="MoreButton">
|
||||
<p>Mir reichen Videos</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="StartENG.html">
|
||||
<div id="MoreButton">
|
||||
<a href="StartENG.html">
|
||||
<div id="MoreButton">
|
||||
<p>Language</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</a>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,86 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<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 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">
|
||||
<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 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="Start.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<link rel="stylesheet" href="Start.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<img id="cover" src="Alle Bilder/Gear3.webp" />
|
||||
<div class="centered"><h1>Wanna try something new?</h1></div>
|
||||
<img id="cover" src="Alle Bilder/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>
|
||||
<p>Flexible - Modern - Faster then law it self. These are modern electric unicycles:</p>
|
||||
|
||||
<div class="righties"><img src="Alle Bilder/ShermanStanding.jpg"/></div>
|
||||
<div class="righties">
|
||||
<img src="Alle Bilder/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="Alle Bilder/UltimativeSport.jpg"/></div>
|
||||
<div class="righties">
|
||||
<img src="Alle Bilder/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="Alle Videos/MTBtrailsEase.mp4" type="video/mp4">
|
||||
</video></div>
|
||||
<div class="righties">
|
||||
<video width="auto" height="auto" autoplay muted loop>
|
||||
<source src="Alle 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="Alle Videos/traffic.mp4" type="video/mp4">
|
||||
</video></div>
|
||||
<div class="righties">
|
||||
<video width="auto" height="auto" autoplay muted loop>
|
||||
<source src="Alle 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="Alle Bilder/KidsKS16X.jpg"/></div>
|
||||
<div class="righties">
|
||||
<img src="Alle Bilder/KidsKS16X.jpg" />
|
||||
</div>
|
||||
|
||||
<p>Interested? Then take a deep dive into PEV's and EUC's:</p>
|
||||
|
||||
<a href="EUC Überblick ENG.html">
|
||||
<div id="MoreButton">
|
||||
<p>I want to read everything about it!</p>
|
||||
</div>
|
||||
<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>
|
||||
<div id="MoreButton">
|
||||
<p>Na, videos are just fine</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="StartDE.html">
|
||||
<div id="MoreButton">
|
||||
<p>Sprache</p>
|
||||
</div>
|
||||
<div id="MoreButton">
|
||||
<p>Sprache</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
157
public/soon.HTML
157
public/soon.HTML
|
|
@ -1,92 +1,97 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<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">
|
||||
<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 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="EUC Überblick.css">
|
||||
</head>
|
||||
<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="EUC Überblick.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<div id="navbar">
|
||||
<a href="StartENG.html">Start</a>
|
||||
<a href="EUC Überblick ENG.html#start">What are EUCs?</a>
|
||||
<a href="EUC Überblick ENG.html#why">Why EUCs?</a>
|
||||
<a href="EUC Überblick ENG.html#funktion">Functionality</a>
|
||||
<a href="EUC Überblick ENG.html#begriffe">Glossarry</a>
|
||||
<a href="EUC Überblick ENG.html#sicherheit">Safety</a>
|
||||
<a href="EUC Überblick ENG.html#ausrüstung">Gear</a>
|
||||
<a href="EUC Überblick ENG.html#cutout">Cut-out's</a>
|
||||
<a href="EUC Überblick ENG.html#akkuss">Battery safety</a>
|
||||
<a href="EUC Überblick ENG.html#fahrweise">Ride style</a>
|
||||
<a href="EUC Überblick ENG.html#wobbles">Wobbles</a>
|
||||
<a href="EUC Überblick ENG.html#leistung">Performance</a>
|
||||
<a href="EUC Überblick ENG.html#federung">Suspension</a>
|
||||
<a href="EUC Überblick ENG.html#reifen">Tires</a>
|
||||
<a href="EUC Überblick ENG.html#historie">History</a>
|
||||
<a href="HerstellerENG.HTML">Manufacturer</a>
|
||||
<a href="EUC Überblick ENG.html#geräte">Device list</a>
|
||||
<button onclick="myFunction()">Light Mode</button>
|
||||
<button onclick="window.location.href='HerstellerDE.HTML';">Sprache</button>
|
||||
<div><button onclick="closeit()"><a><-Close</a></button></div>
|
||||
<a href="StartENG.html">Start</a>
|
||||
<a href="EUC Überblick ENG.html#start">What are EUCs?</a>
|
||||
<a href="EUC Überblick ENG.html#why">Why EUCs?</a>
|
||||
<a href="EUC Überblick ENG.html#funktion">Functionality</a>
|
||||
<a href="EUC Überblick ENG.html#begriffe">Glossarry</a>
|
||||
<a href="EUC Überblick ENG.html#sicherheit">Safety</a>
|
||||
<a href="EUC Überblick ENG.html#ausrüstung">Gear</a>
|
||||
<a href="EUC Überblick ENG.html#cutout">Cut-out's</a>
|
||||
<a href="EUC Überblick ENG.html#akkuss">Battery safety</a>
|
||||
<a href="EUC Überblick ENG.html#fahrweise">Ride style</a>
|
||||
<a href="EUC Überblick ENG.html#wobbles">Wobbles</a>
|
||||
<a href="EUC Überblick ENG.html#leistung">Performance</a>
|
||||
<a href="EUC Überblick ENG.html#federung">Suspension</a>
|
||||
<a href="EUC Überblick ENG.html#reifen">Tires</a>
|
||||
<a href="EUC Überblick ENG.html#historie">History</a>
|
||||
<a href="HerstellerENG.HTML">Manufacturer</a>
|
||||
<a href="EUC Überblick ENG.html#geräte">Device list</a>
|
||||
<button onclick="myFunction()">Light Mode</button>
|
||||
<button onclick="window.location.href='HerstellerDE.HTML';">Sprache</button>
|
||||
<div>
|
||||
<button onclick="closeit()">
|
||||
<a> <-Close</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="sidenavbar">
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
<a><button onclick="menü()">Menu</button></a>
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
<a>
|
||||
<button onclick="menü()">Menu</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!--light-mode--><script>
|
||||
function myFunction() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("light-mode");
|
||||
}
|
||||
<!--light-mode-->
|
||||
<script>
|
||||
function myFunction() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("light-mode");
|
||||
}
|
||||
</script>
|
||||
|
||||
<!--menü--><script>
|
||||
function menü() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("menü");
|
||||
document.getElementById("sidenavbar").style.visibility="hidden";
|
||||
document.getElementById("navbar").style.visibility="visible";
|
||||
}
|
||||
<!--menü-->
|
||||
<script>
|
||||
function menü() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("menü");
|
||||
document.getElementById("sidenavbar").style.visibility = "hidden";
|
||||
document.getElementById("navbar").style.visibility = "visible";
|
||||
}
|
||||
</script>
|
||||
|
||||
<!--closeit--><script>
|
||||
function closeit() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("menü");
|
||||
document.getElementById("sidenavbar").style.visibility="visible";
|
||||
document.getElementById("navbar").style.visibility="hidden";
|
||||
}
|
||||
<!--closeit-->
|
||||
<script>
|
||||
function closeit() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("menü");
|
||||
document.getElementById("sidenavbar").style.visibility = "visible";
|
||||
document.getElementById("navbar").style.visibility = "hidden";
|
||||
}
|
||||
</script>
|
||||
|
||||
<p style="text-align: center;">This side is not available yet.</p>
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
|
||||
|
||||
</body>
|
||||
<p style="text-align: center">This side is not available yet.</p>
|
||||
<a href="javascript:history.back()">Back</a>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue