CSS Buttons verschieben?

Hallo, ich möchte auf meiner Website, dass die Buttons untereinander und nicht nebeneinander angezeigt werden wie hier:

habe schon einiges probiert aber nichts funktioniert richtig...

mein html Code ist das hier:

<!DOCTYPE html>
<html lang="de">
<head>
    <link href="style_bypass.css" rel="stylesheet">
    <title>Bypass</title>
</head>
<body id="links">


<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Set Lockscreen</button></a>
<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Einstellungen</button></a>
<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Test Video</button></a>
<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Galaxy Store</button></a>
<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Google Quick Search</button></a>
<a href=""><button style="--color:#00ccff;--border:2px;--slant:.5em">Youtube</button></a>



</body>

Und mein CSS Code der hier:

button {
    --border: 5px;    /* the border width */
    --slant: 0.7em;   /* control the slanted corners */
    --color: #37E8FC; /* the color */
    
    font-size: 35px;
    padding: 0.4em 1.2em;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: var(--color);
    background: 
       linear-gradient(to bottom left,var(--color)  50%,#0000 50.1%) top right,
       linear-gradient(to top   right,var(--color)  50%,#0000 50.1%) bottom left;
    background-size: calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border));
    background-repeat: no-repeat;
    box-shadow:
      0 0 0 200px inset var(--s,#0000),
      0 0 0 var(--border) inset var(--color);
    clip-path: 
        polygon(0 0, calc(100% - var(--slant)) 0, 100% var(--slant),
                100% 100%, var(--slant) 100%,0 calc(100% - var(--slant))
               );
    transition: color var(--t,0.3s), background-size 0.3s;
  }
  button:hover,
  button:active{
    background-size: 100% 100%;
    color: #fff;
    --t: 0.2s 0.1s;
  }
  button:focus-visible {
    outline-offset: calc(-1*var(--border));
    outline: var(--border) solid #000a;
  }
  button:active {
    --s: #0005;
    transition: none;
  }
  
  
  
  body#links {
    display:grid;
    grid-auto-flow:column;
    grid-gap:px;
    place-content:center;
    margin:0;
    height:100vh;
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  }

Was genau muss ich in der CSS Datei bearbeiten, dass die Buttons nicht nebeneinander sondern untereinander angezeigt werden?

Bild zum Beitrag
Computer, Homepage, HTML, Webseite, programmieren, CSS, JavaScript, Hosting, Webentwicklung
PGP Mail schreibenn?

Ich bin so gut wie am Verzweifeln. Ich möchte eine PGP-Mail verfassen. Ich habe lediglich folgende Informationen:

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA512

This message is signed with the main admin key located at /pgp.txt

Current Vice City market onions;
vice2rsunli3mauak6wppu4poycjco4aj4h7rcgmf7p6eyiqzywxglid.onion
vice2ngdzwxikddrrepayyabmkycijeezindeirymxzajijmczeivef.onion
vice2kezijwexmzqgmgfkfjivtbarfumkyuituhbhtcqddnpwdgjayk.onion
-----BEGIN PGP SIGNATURE-----

iQHFBAEBCgAvFiEEN+cib3CIdjvqwyVZXbB01TAlkWUFAmF17WQRHHZpY2VAY2l0
eS5tYXJrZXQACgkQXbB01TAlkWX+ywv8DO4ROETFKRM1J4OXQ0n/PRTrp+vO1LHe
HeHt5xZBKH+YrtTil4XGQN6W0QGghbR7zqOfuoJD8tKvoexfZl7T4ODKy/3EiwOc
ANfDKfOoEZ4hHFF3nFFC0bluJlfTzN5zWmj1up3RyBwH6LyIeH27qhN7hyyyjfzW
8mJPHuN3MX4wO+U+ow0DaA2KtBsI2VJzfkVuQUV/hHEwX4RYqVSCKde2yMRxRQ/M
oK9+byvsIlrbqu8LewdsRlm60Trri/EKdwsx5p5GsR9h1mSloR3Vgpb/RK8Geg55
EE8tATDJ2FT8GDNEZ6JmsJnZMzJlRbqI5NGSYS1mbKnlhiywAI0CUpjvLv2IgXxU
LKn0oiWBjPDIH/QyQoIcW/EAOC4WB/QsM7v6uBT7bB/7MECt9AzBIrEWD2IHW3fL
a8BDmeGdMXwGykIataUeA9YZ23uaDm1ZukvXWNtIcoAgFaLkmV2bu8NwZKHvy7QS
ijUCuJB8pX/C4Ne3MdMuyDjilIJlYs3+
=u+ky
-----END PGP SIGNATURE-----

Wie gehe ich vor (bitte für Anfänger erklären)?

Ich arbeite mit Mozilla Thunderbird, steige aber gerne um wenns dann funktioniert. Das Problem ist, dass mir jegliche E-Mail-Adresse fehlt, noch habe ich keine Ahnung wie ich vorgehen soll...

Ein riesiges Danke an alle Antworten!

Computer, Internet, Windows, Technik, E-Mail, programmieren, Privatsphäre, Informatik, PGP, Verschlüsselung
Game Controller selber bauen / programmieren?

Wie kann ich mir einen Gamecontroller selber bauen? Evt. mit einem Arduino ?

Mein Vorhaben ist (siehe Bild) meinem Laptop seitlich ein paar Griffe (3d-Gedruckt) zu verpassen und dort hinein in den Griff, die Controllersteuerung einzubauen. Ähnlich wie bei der Switch vom Konzept. Nun brauch ich ein System oder Bauteile mir einen Custom Controller zu bauen. Ziel sollte sein, vom Umfang die Funktion eines Xbox oder PS Controllers ab zu bilden.

Ähnlich wie das Steamdeck soll das teil später genutzt werden.

Mein erstes Versuch war es einen Xbox Controller zu schlachten und diese Technik zu verwenden, dafür ein 3d-gedrucktes Gehäuse in der die Knöpfe und Steuersticks passen und per USB ein zu stecken, jedoch sind diese alle auf einer Platine und somit nicht lageunabhängig.

Ich habe mal aufgezeichnet wie die Knöpfe angeordnet sein sollte, ich suche hier die Technik für in das Gehäuse. Das Gehäuse selbst kann Dank 3D-Druck beliebig konstruiert werden.

Der Laptop hat unter anderem Touch, was sich dafür eignet bequem Windows zu bedienen.

Ich hoffe ihr habt verstanden was ich suche, und ihr könnt mir helfen.

Vielen Dank :D

EDIT: Ich habe das ganze über einen Arduino Leonardo realisieren können, mit dem funktionsumfang eines Xbox Controllers. Der Leonardo kann einfach als USB-Device verwendet werden - z.B. um eine Tastatur oder Maus zu emulieren. Und das Zubehör kann auch easy über Berrybase, Alixpress...etc. beschafft werden.

Beim Code bin ich aktuell noch dran.

Bild zum Beitrag
Computer, Computerspiele, Technik, Elektronik, programmieren, Arduino, Technologie, Controller, 3D-Drucker, Raspberry Pi, Spiele und Gaming
Versteht jemand wie wir diese zwei Binärzahlen, mit 1 Bit Vorzeichen, 3 Bits Exponent und 4 Bits für dei Mantisse(fraction) addiert haben? (In Festkomma)?

Hallo. Ich habe eine Aufgabe, wo wir zwei Binärzahlen addieren, aber ich verstehe die Lösung nicht.

Zuvor, ist es so wir haben Binärzahlen gegeben, im Minifloatformat. Bei uns ist der Minifloat so definiert:

-       der erste Bit ist das Vorzeichen ist.

-       Dann haben wir noch 3 Bits für den Exponenten ( mit Excess-Konstante 3)

-       und 4 Bits für die Fraction (Mantisse).

-       Zudem arbeiten mit denormalisierter Darstellung, also dass alle Exponentenbits =0 sind und auch mit normalisierter Darstellung, also alle anderen Fälle, wenn die Exponentenbits nicht alle 0 sind.

Jetzt haben wir die beiden Minifloatzahlen:

-       01010011

-       01100100

Diese sollen wir addieren und dann wieder als Minifloat darstellen. Um die zu addieren, werden die beiden Zahlen in Festkommazahlen umgewandelt.

Laut unterlagen haben die Festkommazahlen, die die Minifloats darrstellen können:

-       5 Vorkommastellen (Mit der Fraction=4 und Exponent=4 (normalisiert) )

-       6 Nachkommastellen (Mit der Länge der Fraction)4 und Exponenten=-2)

So ist die Addition, laut Musterlösung:

1.     Umwandlung in Festkommazahl:

0 101 0011 = 1.0011 * 22 = 00100.110000

0 110 0100 = 1.0100 * 23=  01010.000000

2.     Binär Addieren

00100.110000 + 01010.000000= 01110.110000

3.     Komma verschieben:

1.1101100000 * 23 (Was ich hier nicht kapiere, warum verschiebe ich das Komma um 23 und warum habe ich eine 0 drangehängt, ist das vielleicht ein Tippfehler? Habe hier eien Null mehr als bei 01110.110000)

4.     Abschneiden der Nachkommastellen und ggf. Runden

1.1101(100000)*23

àaufrunden, da erstes abgeschnittene Bit 1

à1.1110*23

5.     Ergebnis: 0 110 1110 (Jetzt hat man hier das Ergebnis irgendwie von der 4, aber verstehe nicht wie)

Computer, Schule, programmieren, Informatik, binärzahlen

Meistgelesene Beiträge zum Thema Programmieren