Abgeschnitten von der Gesellschaft?

Hey Leute,

Ich frage mich, was eigentlich los ist. Warum habe ich absolut keinen Kontakt zu anderen Menschen? Warum finde ich niemanden mehr?

Meine Situation: Ich bin obdachlos und bräuchte dringend eine Wohnung. Seit sechs Jahren bekomme ich keine Chance mehr, niemand hilft mir.

Aber es geht nicht nur um eine Wohnung. Warum fühle ich mich, als würde ich nirgendwo dazugehören? Warum finde ich keine Menschen mit ähnlichen Interessen? Warum scheint es, als wäre ich nur eine Nummer, die funktionieren und Geld bringen soll?

Ich brauche zum Beispiel etwas Gras – und selbst jetzt, nach der Legalisierung, finde ich niemanden, der mir helfen kann. Ich lebe weit abgelegen und habe keine Kontakte.

Aber noch wichtiger: Ich möchte ein normales Leben führen. Ich will gärtnern, eine kleine Werkstatt haben, eigene Projekte und vielleicht sogar ein Geschäft aufbauen. Doch in dieser Gesellschaft scheint niemand mit mir reden zu wollen.

Warum kommt mir niemand entgegen? Warum ist alles so schwer, wenn man einmal aus dem System gefallen ist?

Ich habe das Gefühl, dass ich nur vom Geld abhängig gemacht werde – ohne Perspektive, ohne echte Möglichkeiten.

Ich habe keine Partnerin, keine Freunde. Ich würde so gerne wieder Tischtennis spielen oder einfach mal mit anderen etwas unternehmen. Aber es passiert nichts. Liegt das an mir? Oder läuft hier grundsätzlich etwas falsch?

Warum lässt man es zu, dass Menschen in diesem Land einfach so den Bach runtergehen?

Viele Grüße

Menschen, Gesellschaft

Frage zu Responsive Nav, Burger Button?

Hi, also ich verstehe hier folgendes nicht :

Warum das Hamburger Symbol bei bei zutreffender Mediaquerry "@media (max-width: 768px)", angezeigt wird, denn schließlich ist doch der ".menu-toggle" auf "display: none;" ???

Eventuell verstehe ich es richtig, dass durch ".classList.toggle('nav-active');" in der "function toggleMenu()" irgendwie der Burger aktiviert wird, durch eine versteckte VanillaJS Funktion, aber wie genau?

Danke

LG

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Meine Website</title>
   <style>
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
           font-family: Arial, sans-serif;
       }
       body {
           display: flex;
           flex-direction: column;
           align-items: center;
       }
       .navbar {
           width: 100%;
           background-color: #333;
           display: flex;
           justify-content: space-between;
           align-items: center;
           padding: 15px;
       }
       .logo {
           color: white;
           font-size: 24px;
           font-weight: bold;
       }
       .nav-links {
           list-style: none;
           display: flex;
       }
       .nav-links li {
           margin: 0 15px;
       }
       .nav-links a {
           color: white;
           text-decoration: none;
           font-size: 18px;
       }
       .menu-toggle {
           display: none;
           font-size: 24px;
           color: white;
           cursor: pointer;
       }
       @media (max-width: 768px) {
           .nav-links {
               display: none;
               flex-direction: column;
               background-color: #333;
               position: absolute;
               top: 60px;
               right: 0;
               width: 100%;
               text-align: center;
           }
           .nav-links li {
               padding: 10px 0;
           }
           .menu-toggle {
               display: block;
           }
           .nav-active {
               display: flex;
           }
       }
   </style>
</head>
<body>
   <nav class="navbar">
       <div class="logo">Mein Logo</div>
       <span class="menu-toggle" onclick="toggleMenu()">&#9776;</span>
       <ul class="nav-links">
           <li><a href="#">Home</a></li>
           <li><a href="#">Über</a></li>
           <li><a href="#">Leistungen</a></li>
           <li><a href="#">Kontakt</a></li>
       </ul>
   </nav>
   <script>
       function toggleMenu() {
           document.querySelector('.nav-links').classList.toggle('nav-active');
       }
   </script>
</body>
</html>


ps:Ok hat sich geklärt...ich depp habe übersehen das die unteren css eigenschaften ja in der Mediaquerry drinne sind
HTML, Webseite, CSS, JavaScript, HTML5, Programmiersprache, Webdesign, Webentwicklung