{"id":510,"date":"2024-06-11T09:43:04","date_gmt":"2024-06-11T09:43:04","guid":{"rendered":"https:\/\/sektor22.ch\/?page_id=510"},"modified":"2025-02-20T11:43:36","modified_gmt":"2025-02-20T11:43:36","slug":"startseite-2","status":"publish","type":"page","link":"https:\/\/sektor22.ch\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Willkommen im<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sektor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

22<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Willkommen im<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sektor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

22<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Willkommen im<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Sektor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

22<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Der Sektor f\u00fcr<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Kreativit\u00e4t<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Der Sektor f\u00fcr<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Kreativit\u00e4t<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n \n \n \n \n <\/linearGradient>\n \n <\/defs>\n \n \n \n \n <\/g>\n<\/svg>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wer sind wir?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Sektor22 ist eine Vereinigung aus jungen, motivierten Menschen. Gefunden haben wir uns im Studiengang Multimedia Production der Fachhochschule Graub\u00fcnden, mit Unterrichtsstandort in Bern. Unser Studium haben wir im Jahr 2022 begonnen – wir sind daher intern der 22er Jahrgang. Von da auch unsere Namensherleitung.<\/p>

Durch unsere Vielfalt haben wir verschiedenste kreative Ideen und Umsetzungen zu bieten. Brauchst du ein Imagevideo oder eine neue Website? So oder so bist du bei uns genau im richtigen Sektor gelandet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Was brauchst du?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Webseite mit Container<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/unpkg.com\/@supabase\/supabase-js@2\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@supabase\/supabase-js@2.43.4\/dist\/umd\/supabase.min.js\"><\/script>\n\n <style>\n a {\n text-decoration: none;\n color: #313131;\n }\n\n .body {\n font-family: 'Lato', sans-serif;\n color: black;\n margin: auto;\n background-color: #f0f0f0;\n height: 100%;\n width: 100%;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n }\n\n .container {\n max-width: 1300px;\n width: 100%;\n padding: 20px;\n text-align: center;\n }\n\n .buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 20px 50px;\n margin-bottom: 100px;\n }\n\n .buttons button {\n height: 40px;\n width: 200px;\n font-size: 18px;\n color: #313131;\n border-radius: 16px;\n background: transparent;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #b1b1b1;\n box-sizing: border-box;\n transition: none;\n }\n\n .buttons button.active {\n background: linear-gradient(to right, #CA75F2, #7887F1);\n color: white;\n border: none;\n }\n\n .popup-button-container {\n display: none;\n justify-content: center;\n }\n\n .popup-button {\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 10px 20px;\n font-size: 18px;\n border: 1px solid #d3d3d3;\n border-radius: 20px;\n background: transparent;\n cursor: pointer;\n color: #313131;\n display: flex;\n align-items: center;\n }\n\n .popup-button img {\n width: 24px;\n height: 24px;\n }\n\n .members {\n display: grid;\n grid-template-columns: repeat(3, 1fr); \/* Maximal 3 Spalten *\/\n justify-content: space-evenly;\n gap: 50px; \/* Abstand zwischen den Benutzercontainern *\/\n width: 100%;\n \/*place-items: center;*\/\n }\n\n .user {\n border: 2px solid #b1b1b1;\n border-radius: 34px;\n background: transparent;\n text-align: center;\n \/*width: 350px;*\/\n padding: 20px;\n position: relative;\n margin-top: 120px;\n box-sizing: border-box;\n color: #313131;\n }\n\n .user img {\n border-radius: 50%;\n width: 200px;\n height: 200px;\n position: absolute;\n top: -100px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 1;\n }\n\n .name {\n font-size: 28px;\n margin-top: 100px;\n }\n\n .user .icons {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin: 20px 0;\n }\n\n .user hr {\n border: none;\n height: 2px;\n width: 150px;\n background: linear-gradient(to right, #CA75F2, #7887F1);\n margin: 2px auto;\n }\n\n .user .skills_titel {\n font-size: 18px;\n font-weight: bold;\n margin-top: 30px;\n }\n\n .user .skills {\n font-size: 18px;\n }\n\n .user .slogan_titel {\n font-size: 18px;\n font-weight: bold;\n margin-top: 30px;\n }\n\n .user .slogan {\n font-size: 18px;\n }\n\n .popup-overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n justify-content: center;\n \/*align-items: center;*\/\n z-index: 1000;\n }\n\n .popup {\n background: white;\n padding: 20px;\n border-radius: 13px;\n width: 80%;\n max-width: 400px;\n text-align: left;\n position: relative;\n height: 420px;\n margin-top: 50px;\n }\n\n .popup .close-btn {\n position: absolute;\n top: 10px;\n right: 20px;\n cursor: pointer;\n font-size: 40px;\n }\n\n .popup .button-wrapper {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .popup input[type=\"radio\"] {\n width: 20px;\n height: 20px;\n }\n\n @media (max-width: 800px) {\n .buttons {\n display: none;\n }\n\n .popup-button-container {\n display: flex;\n }\n }\n\n @media (max-width: 1150px) {\n .members {\n grid-template-columns: repeat(2, 1fr); \/* Maximal 2 Spalten *\/\n justify-content: center;\n }\n }\n\n @media (max-width: 700px) {\n .members {\n grid-template-columns: repeat(1, 1fr); \/* Maximal 2 Spalten *\/\n justify-content: center;\n }\n\n .user{\n max-width: 350px;\n }\n }\n\n @media (max-width: 500px) {\n .members {\n grid-template-columns: repeat(1, 1fr); \/* Maximal 1 Spalte *\/\n justify-content: center;\n }\n\n .user{\n width: 90vw;\n max-width: none;\n }\n }\n <\/style>\n<\/head>\n<body class=\"body\">\n <div class=\"container\">\n <div class=\"buttons\">\n <button>Alle anzeigen<\/button>\n <button>Film Production<\/button>\n <button>Grafik & Layout<\/button>\n <button>Audio<\/button>\n <button>Webdesign<\/button>\n <button>Fotografie<\/button>\n <button>Marketing<\/button>\n <button>Journalismus<\/button>\n <button>Webentwicklung<\/button>\n <button>Sketch & Draw<\/button>\n <\/div>\n <div class=\"popup-button-container\">\n <button class=\"popup-button\">\n <div class=\"icons\">\n <a class=\"filter_icon\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"##313131\"><path d=\"M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z\"\/><\/svg>\n <\/a>\n <\/div>\n Filter\n <\/button>\n <\/div>\n <div class=\"members\">\n <!-- User containers will be dynamically added here -->\n <\/div>\n <\/div>\n\n <div class=\"popup-overlay\" id=\"popup-overlay\">\n <div class=\"popup\">\n <span class=\"close-btn\" id=\"close-btn\">×<\/span>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"alle-anzeigen\" value=\"Alle anzeigen\">\n <label for=\"alle-anzeigen\">Alle anzeigen<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"film-production\" value=\"Film Production\">\n <label for=\"film-production\">Film Production<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"grafik-layout\" value=\"Grafik & Layout\">\n <label for=\"grafik-layout\">Grafik & Layout<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"audio\" value=\"Audio\">\n <label for=\"audio\">Audio<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"webdesign\" value=\"Webdesign\">\n <label for=\"webdesign\">Webdesign<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"fotografie\" value=\"Fotografie\">\n <label for=\"fotografie\">Fotografie<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"marketing\" value=\"Marketing\">\n <label for=\"marketing\">Marketing<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"journalismus\" value=\"Journalismus\">\n <label for=\"journalismus\">Journalismus<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"webentwicklung\" value=\"Webentwicklung\">\n <label for=\"webentwicklung\">Webentwicklung<\/label>\n <\/div>\n <div class=\"button-wrapper\">\n <input type=\"radio\" name=\"category\" id=\"sketch-draw\" value=\"Sketch & Draw\">\n <label for=\"sketch-draw\">Sketch & Draw<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <script type=\"module\">\n const supabaseUrl = 'https:\/\/gjfbnoscyvqjfdexjtnc.supabase.co';\n const supabaseAnonKey = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImdqZmJub3NjeXZxamZkZXhqdG5jIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTY5ODI1NzksImV4cCI6MjAzMjU1ODU3OX0.OwHW8g69gq5SCOTfGv9AGFU5A13lg12XnA762voYBdY';\n\n const supa = supabase.createClient(supabaseUrl, supabaseAnonKey);\n\n async function fetchUsers() {\n const { data, error } = await supa\n .from('users')\n .select(`\n user_id,\n name,\n instagram_handle,\n instagram_link,\n email,\n slogan,\n user_image,\n linkedin_link,\n website_link,\n user_skills (\n skills (\n skill_name\n )\n )\n `);\n\n if (error) {\n console.error('Error fetching users:', error);\n return;\n }\n\n \/\/ Zuf\u00e4llige Reihenfolge mischen\n const shuffledData = data.sort(() => 0.5 - Math.random());\n\n const membersContainer = document.querySelector('.members');\n membersContainer.innerHTML = '';\n\n shuffledData.forEach(user => {\n \/\/ \u00dcberpr\u00fcfen, ob der Benutzer sowohl ein Bild als auch einen Slogan hat\n if (!user.user_image || !user.slogan) {\n return;\n }\n\n const userContainer = document.createElement('div');\n userContainer.classList.add('user');\n userContainer.innerHTML = `\n <img decoding=\"async\" src=\"https:\/\/gjfbnoscyvqjfdexjtnc.supabase.co\/storage\/v1\/object\/public\/PB${user.user_image}\" alt=\"${user.name}\">\n <div class=\"name\">${user.name}<\/div>\n <div class=\"icons\">\n <a class=\"website_link\" href=\"${user.website_link}\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19.7783 4.22184L4.22197 19.7782M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12ZM18.5163 18.516C17.3167 19.7156 13.427 17.7707 9.82826 14.172C6.22955 10.5733 4.28467 6.68352 5.48424 5.48395C6.68381 4.28438 10.5736 6.22927 14.1723 9.82798C17.771 13.4267 19.7159 17.3165 18.5163 18.516Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n <\/svg>\n <\/a>\n <\/a>\n <a class=\"email-link\" href=\"${user.email}\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M3.84202 19.032L4.18251 18.3638H4.18251L3.84202 19.032ZM2.96799 18.158L3.63624 17.8175L3.63624 17.8175L2.96799 18.158ZM21.032 18.158L20.3638 17.8175V17.8175L21.032 18.158ZM20.158 19.032L20.4985 19.7003L20.158 19.032ZM21.032 5.84202L20.3638 6.18251V6.18251L21.032 5.84202ZM20.158 4.96799L20.4985 4.29973L20.4985 4.29973L20.158 4.96799ZM2.96799 5.84202L2.29973 5.50153L2.29973 5.50153L2.96799 5.84202ZM3.84202 4.96799L3.50153 4.29973L3.50153 4.29973L3.84202 4.96799ZM10.7335 11.9638L10.2586 12.5443L10.7335 11.9638ZM13.2665 11.9638L13.7414 12.5443L13.2665 11.9638ZM20.5 7.95V16.05H22V7.95H20.5ZM18.05 18.5H5.95V20H18.05V18.5ZM3.5 16.05V7.95H2V16.05H3.5ZM5.95 5.5H18.05V4H5.95V5.5ZM5.95 18.5C5.37757 18.5 4.99336 18.4994 4.69748 18.4752C4.41035 18.4518 4.27307 18.4099 4.18251 18.3638L3.50153 19.7003C3.83879 19.8721 4.19545 19.9392 4.57533 19.9703C4.94646 20.0006 5.40232 20 5.95 20V18.5ZM2 16.05C2 16.5977 1.99942 17.0535 2.02974 17.4247C2.06078 17.8046 2.12789 18.1612 2.29973 18.4985L3.63624 17.8175C3.5901 17.7269 3.54822 17.5896 3.52476 17.3025C3.50058 17.0066 3.5 16.6224 3.5 16.05H2ZM4.18251 18.3638C3.94731 18.2439 3.75608 18.0527 3.63624 17.8175L2.29973 18.4985C2.56338 19.0159 2.98408 19.4366 3.50153 19.7003L4.18251 18.3638ZM20.5 16.05C20.5 16.6224 20.4994 17.0066 20.4752 17.3025C20.4518 17.5896 20.4099 17.7269 20.3638 17.8175L21.7003 18.4985C21.8721 18.1612 21.9392 17.8046 21.9703 17.4247C22.0006 17.0535 22 16.5977 22 16.05H20.5ZM18.05 20C18.5977 20 19.0535 20.0006 19.4247 19.9703C19.8046 19.9392 20.1612 19.8721 20.4985 19.7003L19.8175 18.3638C19.7269 18.4099 19.5896 18.4518 19.3025 18.4752C19.0066 18.4994 18.6224 18.5 18.05 18.5V20ZM20.3638 17.8175C20.2439 18.0527 20.0527 18.2439 19.8175 18.3638L20.4985 19.7003C21.0159 19.4366 21.4366 19.0159 21.7003 18.4985L20.3638 17.8175ZM22 7.95C22 7.40232 22.0006 6.94646 21.9703 6.57533C21.9392 6.19545 21.8721 5.83879 21.7003 5.50153L20.3638 6.18251C20.4099 6.27307 20.4518 6.41035 20.4752 6.69748C20.4994 6.99336 20.5 7.37757 20.5 7.95H22ZM18.05 5.5C18.6224 5.5 19.0066 5.50058 19.3025 5.52476C19.5896 5.54822 19.7269 5.5901 19.8175 5.63624L20.4985 4.29973C20.1612 4.12789 19.8046 4.06078 19.4247 4.02974C19.0535 3.99942 18.5977 4 18.05 4V5.5ZM21.7003 5.50153C21.4366 4.98408 21.0159 4.56338 20.4985 4.29973L19.8175 5.63624C20.0527 5.75608 20.2439 5.94731 20.3638 6.18251L21.7003 5.50153ZM3.5 7.95C3.5 7.37757 3.50058 6.99336 3.52476 6.69748C3.54822 6.41035 3.5901 6.27307 3.63624 6.18251L2.29973 5.50153C2.12789 5.83879 2.06078 6.19545 2.02974 6.57533C1.99942 6.94646 2 7.40232 2 7.95H3.5ZM5.95 4C5.40232 4 4.94646 3.99942 4.57533 4.02974C4.19545 4.06078 3.83879 4.12789 3.50153 4.29973L4.18251 5.63624C4.27307 5.5901 4.41035 5.54822 4.69748 5.52476C4.99336 5.50058 5.37757 5.5 5.95 5.5V4ZM3.63624 6.18251C3.75608 5.94731 3.94731 5.75608 4.18251 5.63624L3.50153 4.29973C2.98408 4.56338 2.56338 4.98408 2.29973 5.50153L3.63624 6.18251ZM11.2085 11.3833L3.47493 5.0559L2.52507 6.21684L10.2586 12.5443L11.2085 11.3833ZM20.5251 5.0559L12.7915 11.3833L13.7414 12.5443L21.4749 6.21684L20.5251 5.0559ZM10.2586 12.5443C11.2716 13.3731 12.7284 13.3731 13.7414 12.5443L12.7915 11.3833C12.3311 11.7601 11.6689 11.7601 11.2085 11.3833L10.2586 12.5443Z\" fill=\"currentColor\" \/>\n <\/svg>\n <\/a>\n <a class=\"instagram_link\" href=\"${user.instagram_link}\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 4.21173C14.5365 4.21173 14.837 4.22123 15.8389 4.267C16.4411 4.27427 17.0377 4.38499 17.6024 4.59432C18.0151 4.74662 18.3884 4.9895 18.6949 5.30509C19.0105 5.61156 19.2534 5.98488 19.4057 6.39759C19.615 6.96235 19.7257 7.55888 19.733 8.16114C19.7788 9.16295 19.7883 9.4635 19.7883 12C19.7883 14.5365 19.7788 14.837 19.733 15.8389C19.7257 16.4411 19.615 17.0377 19.4057 17.6024C19.2476 18.0122 19.0055 18.3844 18.6949 18.6949C18.3844 19.0055 18.0122 19.2476 17.6024 19.4057C17.0377 19.615 16.4411 19.7257 15.8389 19.733C14.837 19.7788 14.5365 19.7883 12 19.7883C9.4635 19.7883 9.16295 19.7788 8.16114 19.733C7.55859 19.7258 6.96176 19.6151 6.39673 19.4057C5.98433 19.2533 5.61132 19.0104 5.30509 18.6949C4.9895 18.3884 4.74662 18.0151 4.59432 17.6024C4.38499 17.0377 4.27427 16.4411 4.267 15.8389C4.22123 14.837 4.21173 14.5365 4.21173 12C4.21173 9.4635 4.22123 9.16295 4.267 8.16114C4.27427 7.55888 4.38499 6.96235 4.59432 6.39759C4.74662 5.98488 4.9895 5.61156 5.30509 5.30509C5.61156 4.9895 5.98488 4.74662 6.39759 4.59432C6.96235 4.38499 7.55888 4.27427 8.16114 4.267C9.16295 4.22123 9.4635 4.21173 12 4.21173ZM12 2.5C9.42032 2.5 9.09645 2.51123 8.08341 2.557C7.29535 2.57272 6.51567 2.72194 5.7775 2.99832C5.1433 3.2371 4.56886 3.61141 4.09427 4.09514C3.61096 4.56956 3.23695 5.14369 2.99832 5.7775C2.72224 6.51572 2.57331 7.2954 2.55786 8.08341C2.51036 9.09645 2.5 9.42032 2.5 12C2.5 14.5797 2.51123 14.9035 2.557 15.9166C2.57272 16.7046 2.72194 17.4843 2.99832 18.2225C3.2371 18.8567 3.61141 19.4311 4.09514 19.9057C4.56956 20.389 5.14369 20.763 5.7775 21.0017C6.51572 21.2778 7.2954 21.4267 8.08341 21.4421C9.09645 21.4896 9.42032 21.5 12 21.5C14.5797 21.5 14.9035 21.4888 15.9166 21.443C16.7046 21.4273 17.4843 21.2781 18.2225 21.0017C18.8538 20.7576 19.4271 20.3843 19.9057 19.9057C20.3843 19.4271 20.7576 18.8538 21.0017 18.2225C21.2778 17.4843 21.4267 16.7046 21.4421 15.9166C21.4896 14.9035 21.5 14.5797 21.5 12C21.5 9.42032 21.4888 9.09645 21.443 8.08341C21.4273 7.29535 21.2781 6.51567 21.0017 5.7775C20.7629 5.1433 20.3886 4.56886 19.9049 4.09427C19.4304 3.61096 18.8563 3.23695 18.2225 2.99832C17.4843 2.72224 16.7046 2.57331 15.9166 2.55786C14.9035 2.51036 14.5797 2.5 12 2.5ZM12 7.12132C11.0351 7.12132 10.0918 7.40745 9.28955 7.94352C8.48725 8.4796 7.86194 9.24155 7.49269 10.133C7.12343 11.0245 7.02682 12.0054 7.21506 12.9518C7.40331 13.8982 7.86796 14.7675 8.55025 15.4497C9.23255 16.132 10.1018 16.5967 11.0482 16.7849C11.9946 16.9732 12.9755 16.8766 13.867 16.5073C14.7585 16.1381 15.5204 15.5127 16.0565 14.7105C16.5926 13.9082 16.8787 12.9649 16.8787 12C16.8787 10.7061 16.3647 9.46518 15.4497 8.55025C14.5348 7.63532 13.2939 7.12132 12 7.12132ZM12 15.167C11.3736 15.167 10.7613 14.9812 10.2405 14.6332C9.71973 14.2852 9.31382 13.7906 9.07412 13.2119C8.83442 12.6333 8.7717 11.9965 8.8939 11.3822C9.0161 10.7678 9.31772 10.2035 9.76063 9.76063C10.2035 9.31772 10.7678 9.0161 11.3822 8.8939C11.9965 8.7717 12.6333 8.83442 13.2119 9.07412C13.7906 9.31382 14.2852 9.71973 14.6332 10.2405C14.9812 10.7613 15.167 11.3736 15.167 12C15.167 12.8399 14.8333 13.6455 14.2394 14.2394C13.6455 14.8333 12.8399 15.167 12 15.167ZM17.0713 5.78873C16.8458 5.78873 16.6254 5.85559 16.4379 5.98085C16.2505 6.10612 16.1043 6.28416 16.0181 6.49247C15.9318 6.70078 15.9092 6.92999 15.9532 7.15113C15.9972 7.37227 16.1057 7.5754 16.2652 7.73483C16.4246 7.89426 16.6277 8.00284 16.8489 8.04682C17.07 8.09081 17.2992 8.06823 17.5075 7.98195C17.7158 7.89567 17.8939 7.74955 18.0191 7.56208C18.1444 7.37461 18.2113 7.1542 18.2113 6.92873C18.2113 6.62638 18.0912 6.33642 17.8774 6.12263C17.6636 5.90883 17.3736 5.78873 17.0713 5.78873Z\" fill=\"currentColor\" \/>\n <\/svg>\n <\/a>\n <a class=\"linkedin_link\" href=\"${user.linkedin_link}\" target=\"_blank\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19.65 3H4.35C3.99196 3 3.64858 3.14223 3.39541 3.39541C3.14223 3.64858 3 3.99196 3 4.35V19.65C3 20.008 3.14223 20.3514 3.39541 20.6046C3.64858 20.8578 3.99196 21 4.35 21H19.65C20.008 21 20.3514 20.8578 20.6046 20.6046C20.8578 20.3514 21 20.008 21 19.65V4.35C21 3.99196 20.8578 3.64858 20.6046 3.39541C20.3514 3.14223 20.008 3 19.65 3ZM8.4 18.3H5.7V10.2H8.4V18.3ZM7.05 8.625C6.74056 8.61616 6.4406 8.51632 6.18758 8.33797C5.93456 8.15962 5.7397 7.91066 5.62737 7.6222C5.51503 7.33374 5.49019 7.01857 5.55595 6.71607C5.6217 6.41358 5.77515 6.13716 5.9971 5.92138C6.21906 5.70559 6.49968 5.55999 6.80391 5.50278C7.10814 5.44556 7.42248 5.47927 7.70766 5.59969C7.99284 5.7201 8.23622 5.92189 8.40737 6.17983C8.57853 6.43778 8.66987 6.74044 8.67 7.05C8.66289 7.47331 8.4885 7.8766 8.18495 8.17173C7.88139 8.46685 7.47335 8.62982 7.05 8.625ZM18.3 18.3H15.6V14.034C15.6 12.756 15.06 12.297 14.358 12.297C14.1522 12.3107 13.9511 12.3649 13.7663 12.4566C13.5815 12.5482 13.4166 12.6755 13.2811 12.831C13.1457 12.9866 13.0422 13.1674 12.9768 13.363C12.9114 13.5586 12.8853 13.7652 12.9 13.971C12.8955 14.0129 12.8955 14.0551 12.9 14.097V18.3H10.2V10.2H12.81V11.37C13.0733 10.9695 13.435 10.6433 13.8605 10.4227C14.286 10.2021 14.761 10.0944 15.24 10.11C16.635 10.11 18.264 10.884 18.264 13.404L18.3 18.3Z\" fill=\"currentColor\" \/>\n <\/svg>\n <\/a>\n <\/div>\n <hr>\n <div class=\"skills_titel\">Skills<\/div>\n <div class=\"skills\">${user.user_skills.map(us => us.skills.skill_name).join(', ')}<\/div>\n <div class=\"slogan_titel\">Slogan<\/div>\n <div class=\"slogan\">${user.slogan}<\/div>\n `;\n membersContainer.appendChild(userContainer);\n\n \/\/ Hide Icons when not available\n function hideIcons() {\n switch (true) {\n case (user.website_link === null):\n userContainer.querySelector('.website_link').style.display = 'none';\n break;\n case (user.email === null):\n userContainer.querySelector('.email-link').style.display = 'none';\n break;\n case (user.instagram_link === null):\n userContainer.querySelector('.instagram_link').style.display = 'none';\n break;\n case (user.linkedin_link === null):\n userContainer.querySelector('.linkedin_link').style.display = 'none';\n break;\n default:\n \/\/ Do nothing\n break;\n }\n }\n\n hideIcons();\n });\n }\n\n fetchUsers();\n\n function loadMembers(category) {\n const users = document.querySelectorAll('.user');\n users.forEach(user => {\n const skills = user.querySelector('.skills').innerText.split(', ');\n const hasCategorySkill = skills.some(skill => skill.toLowerCase().includes(category.toLowerCase()));\n if (category === 'Alle anzeigen' || hasCategorySkill) {\n user.style.display = 'block';\n } else {\n user.style.display = 'none';\n }\n });\n }\n\n document.addEventListener('DOMContentLoaded', () => {\n const buttons = document.querySelectorAll('.buttons button');\n const popupButton = document.querySelector('.popup-button');\n const popupOverlay = document.getElementById('popup-overlay');\n const closeBtn = document.getElementById('close-btn');\n const radioButtons = document.querySelectorAll('.popup input[type=\"radio\"]');\n\n buttons.forEach(button => {\n button.addEventListener('click', () => {\n setActiveButton(button.innerText);\n loadMembers(button.innerText);\n });\n });\n\n popupButton.addEventListener('click', () => {\n popupOverlay.style.display = 'flex';\n });\n\n closeBtn.addEventListener('click', () => {\n popupOverlay.style.display = 'none';\n });\n\n radioButtons.forEach(radio => {\n radio.addEventListener('change', () => {\n setActiveButton(radio.nextElementSibling.innerText);\n loadMembers(radio.nextElementSibling.innerText);\n setTimeout(() => {\n popupOverlay.style.display = 'none';\n }, 300);\n });\n });\n\n function setActiveButton(category) {\n buttons.forEach(btn => {\n if (btn.innerText === category) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n\n radioButtons.forEach(radio => {\n if (radio.value === category) {\n radio.checked = true;\n } else {\n radio.checked = false;\n }\n });\n }\n\n \/\/ Load initial data\n setActiveButton('Alle anzeigen');\n loadMembers('Alle anzeigen');\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Willkommen im Sektor 22 Willkommen im Sektor 22 Willkommen im Sektor 22 Der Sektor f\u00fcr Kreativit\u00e4t Der Sektor f\u00fcr Kreativit\u00e4t Wer sind wir? Sektor22 ist eine Vereinigung aus jungen, motivierten Menschen. Gefunden haben wir uns im Studiengang Multimedia Production der Fachhochschule Graub\u00fcnden, mit Unterrichtsstandort in Bern. Unser Studium haben wir im Jahr 2022 begonnen – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-510","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Startseite - Sektor 22<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sektor22.ch\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Startseite - Sektor 22\" \/>\n<meta property=\"og:description\" content=\"Willkommen im Sektor 22 Willkommen im Sektor 22 Willkommen im Sektor 22 Der Sektor f\u00fcr Kreativit\u00e4t Der Sektor f\u00fcr Kreativit\u00e4t Wer sind wir? Sektor22 ist eine Vereinigung aus jungen, motivierten Menschen. Gefunden haben wir uns im Studiengang Multimedia Production der Fachhochschule Graub\u00fcnden, mit Unterrichtsstandort in Bern. Unser Studium haben wir im Jahr 2022 begonnen – […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sektor22.ch\/\" \/>\n<meta property=\"og:site_name\" content=\"Sektor 22\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T11:43:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sektor22.ch\\\/\",\"url\":\"https:\\\/\\\/sektor22.ch\\\/\",\"name\":\"Startseite - Sektor 22\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#website\"},\"datePublished\":\"2024-06-11T09:43:04+00:00\",\"dateModified\":\"2025-02-20T11:43:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sektor22.ch\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/sektor22.ch\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Startseite\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#website\",\"url\":\"https:\\\/\\\/sektor22.ch\\\/\",\"name\":\"Sektor 22\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sektor22.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#organization\",\"name\":\"Sektor 22\",\"url\":\"https:\\\/\\\/sektor22.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sektor22.ch\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-Favicon-Sektor-22_V02.png\",\"contentUrl\":\"https:\\\/\\\/sektor22.ch\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-Favicon-Sektor-22_V02.png\",\"width\":512,\"height\":512,\"caption\":\"Sektor 22\"},\"image\":{\"@id\":\"https:\\\/\\\/sektor22.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Startseite - Sektor 22","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sektor22.ch\/","og_locale":"de_DE","og_type":"article","og_title":"Startseite - Sektor 22","og_description":"Willkommen im Sektor 22 Willkommen im Sektor 22 Willkommen im Sektor 22 Der Sektor f\u00fcr Kreativit\u00e4t Der Sektor f\u00fcr Kreativit\u00e4t Wer sind wir? Sektor22 ist eine Vereinigung aus jungen, motivierten Menschen. Gefunden haben wir uns im Studiengang Multimedia Production der Fachhochschule Graub\u00fcnden, mit Unterrichtsstandort in Bern. Unser Studium haben wir im Jahr 2022 begonnen – […]","og_url":"https:\/\/sektor22.ch\/","og_site_name":"Sektor 22","article_modified_time":"2025-02-20T11:43:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sektor22.ch\/","url":"https:\/\/sektor22.ch\/","name":"Startseite - Sektor 22","isPartOf":{"@id":"https:\/\/sektor22.ch\/#website"},"datePublished":"2024-06-11T09:43:04+00:00","dateModified":"2025-02-20T11:43:36+00:00","breadcrumb":{"@id":"https:\/\/sektor22.ch\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sektor22.ch\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sektor22.ch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/sektor22.ch\/"},{"@type":"ListItem","position":2,"name":"Startseite"}]},{"@type":"WebSite","@id":"https:\/\/sektor22.ch\/#website","url":"https:\/\/sektor22.ch\/","name":"Sektor 22","description":"","publisher":{"@id":"https:\/\/sektor22.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sektor22.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/sektor22.ch\/#organization","name":"Sektor 22","url":"https:\/\/sektor22.ch\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/sektor22.ch\/#\/schema\/logo\/image\/","url":"https:\/\/sektor22.ch\/wp-content\/uploads\/2024\/06\/cropped-Favicon-Sektor-22_V02.png","contentUrl":"https:\/\/sektor22.ch\/wp-content\/uploads\/2024\/06\/cropped-Favicon-Sektor-22_V02.png","width":512,"height":512,"caption":"Sektor 22"},"image":{"@id":"https:\/\/sektor22.ch\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/pages\/510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/comments?post=510"}],"version-history":[{"count":27,"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/pages\/510\/revisions"}],"predecessor-version":[{"id":547,"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/pages\/510\/revisions\/547"}],"wp:attachment":[{"href":"https:\/\/sektor22.ch\/index.php\/wp-json\/wp\/v2\/media?parent=510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}