{"id":554,"date":"2023-03-29T12:30:50","date_gmt":"2023-03-29T10:30:50","guid":{"rendered":"https:\/\/bseschwege.de\/wp\/?page_id=554"},"modified":"2023-05-25T19:52:01","modified_gmt":"2023-05-25T17:52:01","slug":"unsere-schule","status":"publish","type":"page","link":"https:\/\/bseschwege.de\/wp\/unsere-schule\/","title":{"rendered":"Unsere Schule"},"content":{"rendered":"<style>\r\n.navbox_wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin: 30px 0;\r\n}\r\n\r\n.navbox_inner {\r\n  width: 100%;\r\n  max-width: 1000px;\r\n}\r\n\r\n.navbox_grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.navbox_item {\r\n  display: flex;\r\n}\r\n\r\n.navbox_content {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.navbox_content a {\r\n  display: flex;\r\n  flex-direction: column; \r\n  align-items: center;\r\n  justify-content: center !important;\r\n  gap: 10px; \/* Abstand Icon \u2194 Text *\/\r\n  \r\n  padding: 20px 18px;\r\n  min-height: 120px; \r\n  color: #484848;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  letter-spacing: 0.2px;\r\n\r\n\r\n  background: linear-gradient(180deg, #f6f6f6 0%, #fff 50%);\r\n  border: 1px solid #e5e7eb;\r\n  border-radius: 14px;\r\n\r\n  position: relative;\r\n  transition: all 0.25s ease;\r\n\r\n  box-shadow: 0 3px 8px rgba(0,0,0,0.05);\r\n  height: 100%;\r\n  hyphens: auto;\r\n}\r\n\r\n.navbox_content i {\r\n  font-size: 20px;\r\n  transition: 0.2s;\r\n  color: var(--bsesw-color); \r\n}\r\n\r\n.navbox_content a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 15px;\r\n  width: 38px;\r\n  height: 3px;\r\n  background: var(--bsesw-color);\r\n  border-radius: 2px;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.navbox_content a:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 22px rgba(0,0,0,0.15);\r\n}\r\n\r\n.navbox_content a:hover i {\r\n  transform: scale(1.15);\r\n  opacity: 1;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 500px) {\r\n  .navbox_grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\t\r\n\t.navbox_content a {\r\n\t\tmin-height: 120px;\r\n\t}\r\n}\r\n\r\n@media (max-width: 350px) {\r\n  .navbox_grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ =========================\r\n\/\/ ICON SYSTEM\r\n\/\/ =========================\r\nfunction getAutoIcon(text) {\r\n\r\n    text = text.toLowerCase();\r\n\r\n    const map = [\r\n\r\n        \/\/ ===== BRAND (WICHTIG!)\r\n        { key: [\"instagram\"], icon: \"fa-instagram\", type: \"brand\" },\r\n        { key: [\"youtube\"], icon: \"fa-youtube\", type: \"brand\" },\r\n\r\n        \/\/ ===== START \/ ALLGEMEIN\r\n        { key: [\"home\"], icon: \"fa-house\" },\r\n        { key: [\"aktuelles\", \"news\"], icon: \"fa-newspaper\" },\r\n\r\n        \/\/ ===== SCHULE\r\n        { key: [\"schule\", \"schulformen\"], icon: \"fa-school\" },\r\n        { key: [\"schulleitung\"], icon: \"fa-user-tie\" },\r\n        { key: [\"kollegium\"], icon: \"fa-chalkboard-user\" },\r\n        { key: [\"sch\u00fcler\"], icon: \"fa-user-graduate\" },\r\n        { key: [\"eltern\"], icon: \"fa-users\" },\r\n\r\n        \/\/ ===== ORGANISATION\r\n        { key: [\"sekretariat\"], icon: \"fa-user\" },\r\n        { key: [\"zust\u00e4ndigkeit\"], icon: \"fa-sitemap\" },\r\n        { key: [\"kontakt\"], icon: \"fa-envelope\" },\r\n\r\n        \/\/ ===== ZEIT\r\n        { key: [\"ferien\", \"feiertage\", \"termin\"], icon: \"fa-calendar\" },\r\n        { key: [\"unterrichtszeiten\"], icon: \"fa-clock\" },\r\n\r\n        \/\/ ===== BILDUNGSG\u00c4NGE\r\n        { key: [\"gymnasium\", \"bg\"], icon: \"fa-graduation-cap\" },\r\n        { key: [\"fos\"], icon: \"fa-book\" },\r\n        { key: [\"bfs\"], icon: \"fa-screwdriver-wrench\" },\r\n        { key: [\"berufsschule\"], icon: \"fa-briefcase\" },\r\n        { key: [\"intea\"], icon: \"fa-globe\" },\r\n\r\n        \/\/ ===== TECH \/ DIGITAL\r\n        { key: [\"moodle\"], icon: \"fa-laptop\" },\r\n        { key: [\"webuntis\"], icon: \"fa-calendar-check\" },\r\n        { key: [\"schulportal\"], icon: \"fa-right-to-bracket\" },\r\n        { key: [\"lernwerkstatt\"], icon: \"fa-desktop\" },\r\n        { key: [\"icdl\"], icon: \"fa-keyboard\" },\r\n\r\n        \/\/ ===== ANGEBOTE\r\n        { key: [\"beratung\"], icon: \"fa-comments\" },\r\n        { key: [\"unterst\u00fctzung\"], icon: \"fa-hand-holding-heart\" },\r\n\r\n        \/\/ ===== AKTIVIT\u00c4TEN\r\n        { key: [\"ag\", \"arbeitsgemeinschaft\"], icon: \"fa-puzzle-piece\" },\r\n        { key: [\"austausch\"], icon: \"fa-globe\" },\r\n        { key: [\"projekt\"], icon: \"fa-lightbulb\" },\r\n\r\n        \/\/ ===== THEMEN\r\n        { key: [\"gesundheit\"], icon: \"fa-heart\" },\r\n        { key: [\"wirtschaft\"], icon: \"fa-chart-line\" },\r\n        { key: [\"technik\"], icon: \"fa-gears\" },\r\n        { key: [\"informatik\"], icon: \"fa-microchip\" },\r\n        { key: [\"umwelt\"], icon: \"fa-leaf\" },\r\n\r\n        \/\/ ===== SERVICE\r\n        { key: [\"bus\", \"bahn\"], icon: \"fa-bus\" },\r\n        { key: [\"download\"], icon: \"fa-download\" },\r\n        { key: [\"faq\"], icon: \"fa-question-circle\" },\r\n\r\n        \/\/ ===== DOKUMENTE\r\n        { key: [\"plan\"], icon: \"fa-file-lines\" },\r\n        { key: [\"abitur\"], icon: \"fa-award\" }\r\n    ];\r\n\r\n    for (let entry of map) {\r\n        for (let key of entry.key) {\r\n            if (text.includes(key)) {\r\n                return entry;\r\n            }\r\n        }\r\n    }\r\n\r\n    \/\/ ===== SMART FALLBACKS\r\n    if (text.includes(\"&\")) return { icon: \"fa-layer-group\" };\r\n    if (text.length < 10) return { icon: \"fa-circle\" };\r\n\r\n    return { icon: \"fa-file\" };\r\n}\r\n\r\n\/\/ =========================\r\n\/\/ BUILD NAVBOX ITEM\r\n\/\/ =========================\r\nfunction buildNavbox(link) {\r\n\r\n    const text = link.textContent.trim();\r\n    const iconData = getAutoIcon(text);\r\n\r\n    const item = document.createElement(\"div\");\r\n    item.className = \"navbox_item\";\r\n\r\n    const content = document.createElement(\"div\");\r\n    content.className = \"navbox_content\";\r\n\r\n    const a = document.createElement(\"a\");\r\n    a.href = link.href;\r\n\r\n    const i = document.createElement(\"i\");\r\n\r\n    \/\/ WICHTIG: Brand vs Solid unterscheiden\r\n    if (iconData.type === \"brand\") {\r\n        i.className = \"fa-brands \" + iconData.icon;\r\n    } else {\r\n        i.className = \"fas \" + iconData.icon;\r\n    }\r\n\r\n    a.appendChild(i);\r\n    a.appendChild(document.createTextNode(\" \" + text));\r\n\r\n    content.appendChild(a);\r\n    item.appendChild(content);\r\n\r\n    return item;\r\n}\r\n\r\n\/\/ =========================\r\n\/\/ HELP\r\n\/\/ =========================\r\nfunction getLinkPath(node) {\r\n    const a = node.querySelector(\":scope > a\");\r\n    if (!a) return null;\r\n\r\n    const link = document.createElement(\"a\");\r\n    link.href = a.href;\r\n\r\n    return link.pathname.toLowerCase().replace(\/\\\/+$\/, '');\r\n}\r\n\r\n\/\/ =========================\r\n\/\/ INIT STRUCTURE\r\n\/\/ =========================\r\nconst site = window.location.pathname.toLowerCase().replace(\/\\\/+$\/, '');\r\nconst menu = document.querySelector('#primary-menu');\r\n\r\nconst wrapper = document.createElement(\"div\");\r\nwrapper.className = \"navbox_wrapper\";\r\n\r\nconst inner = document.createElement(\"div\");\r\ninner.className = \"navbox_inner\";\r\n\r\nconst grid = document.createElement(\"div\");\r\ngrid.className = \"navbox_grid\";\r\n\r\ninner.appendChild(grid);\r\nwrapper.appendChild(inner);\r\ndocument.getElementById(\"primary\").appendChild(wrapper);\r\n\r\n\/\/ =========================\r\n\/\/ BUILD\r\n\/\/ =========================\r\nfunction build(menu, site){\r\n\r\n    const items = menu.querySelectorAll(\"li\");\r\n\r\n    for (let item of items){\r\n\r\n        const compare = getLinkPath(item);\r\n        if (!compare) continue;\r\n\r\n        if (compare === site){\r\n\r\n            const subMenu = item.querySelector(\":scope > .sub-menu\");\r\n            if (!subMenu) return;\r\n\r\n            const links = subMenu.querySelectorAll(\":scope > li > a\");\r\n\r\n            links.forEach(link => {\r\n                grid.appendChild(buildNavbox(link));\r\n            });\r\n\r\n            return;\r\n        }\r\n    }\r\n}\r\n\r\n\/\/ =========================\r\n\/\/ RUN\r\n\/\/ =========================\r\nbuild(menu, site);\r\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/pages\/554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/comments?post=554"}],"version-history":[{"count":2,"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/pages\/554\/revisions"}],"predecessor-version":[{"id":3237,"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/pages\/554\/revisions\/3237"}],"wp:attachment":[{"href":"https:\/\/bseschwege.de\/wp\/wp-json\/wp\/v2\/media?parent=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}