fixed error in index.css, fixed iOS error regarding glowing, added back icon to 3d view

This commit is contained in:
alpcentaur 2023-03-09 23:13:51 +01:00
parent 3e73d2924a
commit e3d728dbea
6 changed files with 35 additions and 23 deletions

1
3d.php
View file

@ -61,6 +61,7 @@
<header style="height: 10 vh;"> <header style="height: 10 vh;">
<center> <center>
<a href="/" style="text-decoration:none; color:black;"><img style="height: 15vh;" src="static/KaosCubeLogo.png" alt="logo"></a> <a href="/" style="text-decoration:none; color:black;"><img style="height: 15vh;" src="static/KaosCubeLogo.png" alt="logo"></a>
<a href="/" style="text-decoration:none; color:white;"><img style="height: 15vh;" src="static/icons/back.png" alt="back"></a>
</center> </center>
</header> </header>

View file

@ -5,22 +5,23 @@
header { header {
align-items: center; align-items: center;
display: flex; display: flex;
height: 10 vh; height: 10vh;
background-color: deeppink; background-color: deeppink;
margin-bottom: 1vh; margin-bottom: 1vh;
} }
/*
#h1 {
# font-size: 150%;
#}
h1 { #h2 {
font-size: 150%; # font-size: 120%;
} #}
h2 { #p {
font-size: 120%; # font-size: 75%;
} #}
*/
p {
font-size: 75%;
}
footer{ footer{
color: darkgray; color: darkgray;
@ -66,9 +67,17 @@ footer{
.glow { .glow {
color: #fff; color: #fff;
text-align: center; text-align: center;
animation: glow 1s ease-in-out infinite alternate; text-shadow: 0 0 20px #e60073;
} }
/*
.glow {
color: #fff;
text-align: center;
text-shadow: 0 0 20px #e60073;
#animation: glow 1s ease-in-out infinite alternate;
}
*/
@-webkit-keyframes glow { @-webkit-keyframes glow {
from { from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073;
@ -132,7 +141,7 @@ footer{
.infoImg { .infoImg {
width: 30vw; width: 30vw;
}
.infoContainer { .infoContainer {
margin-left: 10vw; margin-left: 10vw;
margin-right: 10vw; margin-right: 10vw;
@ -145,6 +154,7 @@ footer{
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
justify-self: none;
} }
.infoDiv { .infoDiv {
@ -152,6 +162,7 @@ footer{
width: 50vw; width: 50vw;
text-align: justify; text-align: justify;
justify-content: center justify-content: center
justify-self: none;
} }
.info { .info {
@ -174,7 +185,7 @@ footer{
height: 100vh; height: 100vh;
} }
.grid_container { .grid-container {
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
} }

View file

@ -43,7 +43,7 @@
<center> <center>
<header style="height: 10 vh;"> <header style="height: 10vh;">
<img style="float: right; height: 15vh;" src="static/KaosCubeLogo.png" alt="logo"> <img style="float: right; height: 15vh;" src="static/KaosCubeLogo.png" alt="logo">

View file

@ -7,19 +7,19 @@ inputSite_header:
de-DE: Keine Autonomie ohne digitale Autonomie de-DE: Keine Autonomie ohne digitale Autonomie
en-US: No autonomy without digital autonomy en-US: No autonomy without digital autonomy
inputSite_title_subtext_1: inputSite_title_subtext_1:
de-DE: Conscious Electronics statt Consumer Electronics de-DE: STOP zu riesigen, lebensfeindlichen Hierarchien! HIN zu verteilten, gegenseitigen Systemen!
en-US: Conscious Electronics instead of Consumer Electronics en-US: Conscious Electronics instead of Consumer Electronics
diyLink: diyLink:
de-DE: DIY de-DE: DIY
en-US: DIY en-US: DIY
buyLink: buyLink:
de-DE: Bestellen de-DE: Shop
en-US: Get it en-US: Get it
3d: 3d:
de-DE: 3D de-DE: 3D
en-US: 3D en-US: 3D
indexLink: indexLink:
de-DE: Hauptseite de-DE: Banner
en-US: Main Page en-US: Main Page
info1: info1:
de-DE: Der KaosCube ist ein Repeater. Und noch viel mehr. Er ist einfach in der Benutzung. Aber er kann dir - optional - komplizierte und nützliche Dinge erklären. Er generiert an erster Stelle Freiheit von Informationen. Und Bewusstsein über die Hintergründe von Computern. Stärke die Grundrechte weltweit! Indem du das TOR Protokoll, Linux und Open Source erforschst. de-DE: Der KaosCube ist ein Repeater. Und noch viel mehr. Er ist einfach in der Benutzung. Aber er kann dir - optional - komplizierte und nützliche Dinge erklären. Er generiert an erster Stelle Freiheit von Informationen. Und Bewusstsein über die Hintergründe von Computern. Stärke die Grundrechte weltweit! Indem du das TOR Protokoll, Linux und Open Source erforschst.
@ -28,26 +28,26 @@ info1Header:
de-DE: Informationen sind frei de-DE: Informationen sind frei
en-US: Freedom of Information en-US: Freedom of Information
info2: info2:
de-DE: Der KaosCube ist keine verklebte Blackbox. Alle Komponenten sind modular und wiederverwendbar. Der Stromverbrauch ist sehr gering, da der Computer sehr klein ist. Und das Plastik hält sich dabei auch in Grenzen. de-DE: Der KaosCube ist keine verklebte Blackbox. Alle Komponenten sind modular und wiederverwendbar. Der Stromverbrauch ist sehr gering, da der Computer sehr klein ist. Und das Plastik hält sich dabei auch in immer kleineren Grenzen.
en-US: ölajsdfölkjfdsaöl en-US: The KaosCube is not a glued black box. All components are modular and reusable. The power consumption is very low because the computer is very small. And the plastic is also kept within ever smaller limits.
info2Header: info2Header:
de-DE: Nachhaltigkeit de-DE: Nachhaltigkeit
en-US: Sustainability en-US: Sustainability
info3: info3:
de-DE: Der KaosCube basiert auf einem Orange Pi Zero. Dieser ist in Teilen Open Source Hardware. Die Software ist Open Source. Das bedeutet, der Code auf dem Gerät ist lesbar und veränderbar. Gleichzeitig gibt es eine Anleitung, den gesamten KaosCube selbst zu bauen. Und an vielen Ecken optionale Erklärungen, wie du noch mehr aus den Features rausholen kannst. Oder an welchen Stellen im Code du welche Dinge ändern kannst. de-DE: Der KaosCube basiert auf einem Orange Pi Zero. Dieser ist in Teilen Open Source Hardware. Die Software ist Open Source. Das bedeutet, der Code auf dem Gerät ist lesbar und veränderbar. Gleichzeitig gibt es eine Anleitung, den gesamten KaosCube selbst zu bauen. Und an vielen Ecken optionale Erklärungen, wie du noch mehr aus den Features rausholen kannst. Oder an welchen Stellen im Code du welche Dinge ändern kannst.
en-US: The KaosCube consists of a Orange Pi Zero. This is a very small fully-fledged computer. The Orange Pi is in parts Open Source Hardware. The energy consumption is relatively small. en-US: The KaosCube is based on an Orange Pi Zero. This is open source hardware in parts. The software is open source. This means that the code on the device can be read and changed. At the same time, there are instructions for building the entire KaosCube yourself. And in many places there are optional explanations on how you can get even more out of the features. Or at which points in the code you can change which things.
info3Header: info3Header:
de-DE: Open Source de-DE: Open Source
en-US: Open Source en-US: Open Source
info4: info4:
de-DE: Die Software des KaosCubes baut auf den Grundprogrammiersprachen des Internets sowie Standard Bibliotheken aller Linux Systeme auf. Das heißt der Code ist wartungsfreundlich und sehr kurz. Die Benutzeroberfläche ist einfach gehalten. In deiner Wunschfarbe. Schau dir Informationen an, die dir alles Wichtige erklären. Dabei kannst du so tief einsteigen, wie es dir passt. de-DE: Die Software des KaosCubes baut auf den Grundprogrammiersprachen des Internets sowie Standard Bibliotheken aller Linux Systeme auf. Das heißt der Code ist wartungsfreundlich und sehr kurz. Die Benutzeroberfläche ist einfach gehalten. In deiner Wunschfarbe. Schau dir Informationen an, die dir alles Wichtige erklären. Dabei kannst du so tief einsteigen, wie es dir passt.
en-US: ölajsdfölkjfdsaöl en-US: The software of the KaosCube is based on the basic programming languages of the Internet and standard libraries of all Linux systems. This means that the code is easy to maintain and very short. The user interface is kept simple. In the colour of your choice. Look at the information that explains everything important to you. You can go as deep as you like.
info4Header: info4Header:
de-DE: Einfachheit de-DE: Einfachheit
en-US: Simplicity en-US: Simplicity
info5: info5:
de-DE: Mit nur einem Klick hast du einen eigenen Hidden Service. Jeder KaosCube ist gleichzeitig ein TOR Middle Node oder eine TOR Bridge. Auch hier reicht ein Klick in dem bunten Interface, um zwischen den Funktionen zu wechseln. de-DE: Mit nur einem Klick hast du einen eigenen Hidden Service. Jeder KaosCube ist gleichzeitig ein TOR Middle Node oder eine TOR Bridge. Auch hier reicht ein Klick in dem bunten Interface, um zwischen den Funktionen zu wechseln.
en-US: ölajsdfölkjfdsaöl en-US: With just one click, you have your own Hidden Service. Each KaosCube is also a TOR Middle Node or a TOR Bridge. Here, too, one click in the colourful interface is enough to switch between the functions.
info5Header: info5Header:
de-DE: The Onion Router (TOR) de-DE: The Onion Router (TOR)
en-US: The Onion Router (TOR) en-US: The Onion Router (TOR)

BIN
static/icons/back.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 20 KiB