{"id":961,"date":"2025-09-10T10:53:24","date_gmt":"2025-09-10T10:53:24","guid":{"rendered":"https:\/\/rethinkrotor.tech\/?page_id=961"},"modified":"2025-10-10T13:01:02","modified_gmt":"2025-10-10T13:01:02","slug":"testpage","status":"publish","type":"page","link":"https:\/\/rethinkrotor.tech\/en\/testpage\/","title":{"rendered":"testpage"},"content":{"rendered":"<p class=\"gtfy-1\">127mm\/62 Mk45 Mod 4<\/p>\n\n\n\n<p class=\"gtfy-4\">Testing to see if update works<\/p>\n\n\n\n<p class=\"gtfy-7\"><\/p>\n\n\n\n<div class=\"gtfy-10\" id=\"carousel-unique\">\n  <div class=\"people-carousel-container\">\n    <button class=\"carousel-btn left\">&#10094;<\/button>\n    <div class=\"people-carousel-wrapper\">\n      <div class=\"people-carousel\">\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 1\"><div class=\"caption\">Person 1<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 2\"><div class=\"caption\">Person 2<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 3\"><div class=\"caption\">Person 3<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 4\"><div class=\"caption\">Person 4<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 5\"><div class=\"caption\">Person 5<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 6\"><div class=\"caption\">Person 6<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 7\"><div class=\"caption\">Person 7<\/div><\/div>\n        <div class=\"person\"><img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 8\"><div class=\"caption\">Person 8<\/div><\/div>\n      <\/div>\n    <\/div>\n    <button class=\"carousel-btn right\">&#10095;<\/button>\n  <\/div>\n<\/div>\n\n<style>\n#carousel-unique .people-carousel-container {\n  position: relative;\n  width: 100%;\n}\n\n#carousel-unique .people-carousel-wrapper {\n  overflow-x: hidden;\n}\n\n#carousel-unique .people-carousel {\n  display: flex;\n  gap: 15px;\n}\n\n#carousel-unique .person {\n  flex: 0 0 150px;\n  text-align: center;\n}\n\n#carousel-unique .person img {\n  width: 100%;\n  border-radius: 8px;\n  display: block;\n}\n\n#carousel-unique .caption {\n  margin-top: 5px;\n  font-size: 14px;\n  color: #333;\n}\n\n#carousel-unique .carousel-btn {\n  position: absolute;\n  top: 40%;\n  transform: translateY(-50%);\n  background: transparent;\n  color: #888;\n  border: none;\n  font-size: 40px; \/* bigger arrows *\/\n  padding: 5px 10px;\n  cursor: pointer;\n  z-index: 20;\n  transition: color 0.2s;\n}\n\n#carousel-unique .carousel-btn:hover {\n  color: #555;\n}\n\n#carousel-unique .carousel-btn.left { left: 0; }\n#carousel-unique .carousel-btn.right { right: 0; }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const root = document.querySelector('#carousel-unique');\n  const carousel = root.querySelector('.people-carousel');\n  const wrapper = root.querySelector('.people-carousel-wrapper');\n  const leftBtn = root.querySelector('.carousel-btn.left');\n  const rightBtn = root.querySelector('.carousel-btn.right');\n\n  const item = carousel.querySelector('.person');\n  const itemWidth = item.offsetWidth + 15; \/\/ include gap\n\n  rightBtn.addEventListener('click', () => {\n    if (wrapper.scrollLeft + wrapper.offsetWidth >= carousel.scrollWidth) {\n      wrapper.scrollTo({ left: 0, behavior: 'smooth' });\n    } else {\n      wrapper.scrollBy({ left: itemWidth, behavior: 'smooth' });\n    }\n  });\n\n  leftBtn.addEventListener('click', () => {\n    if (wrapper.scrollLeft <= 0) {\n      wrapper.scrollTo({ left: carousel.scrollWidth - wrapper.offsetWidth, behavior: 'smooth' });\n    } else {\n      wrapper.scrollBy({ left: -itemWidth, behavior: 'smooth' });\n    }\n  });\n});\n<\/script>\n\n\n\n<div class=\"wp-block-group alignfull has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained gtfy-14\" style=\"background-color:#b5bdbc78;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">\n<div class=\"gtfy-13\" id=\"carousel-unique-2\">\n  <div class=\"people-carousel-container\">\n    <button class=\"carousel-btn left\">&#10094;<\/button>\n    <div class=\"people-carousel-wrapper\">\n      <div class=\"people-carousel\">\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/GuntherSchuh_042-12x18-Kopie.jpeg\" alt=\"Schuh\">\n          <div class=\"person-title\">Prof. Dr.-Ing. G\u00fcnther Schuh<\/div>\n          <div class=\"person-desc\">Direktor des WZL, des Fraunhofer IPT und des FIR der RWTH Aachen - Mitglied der acatech: Deutsche Akademie der Technikwissenschaften<\/div>\n        <\/div>\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/GuntherSchuh_042-12x18-Kopie.jpeg\" alt=\"Schuh\">\n          <div class=\"person-title\">\u00f6\u00e4\u00fc\u00df<\/div>\n          <div class=\"person-desc\">Direktor \u00f6\u00fc\u00e4\u00df, des Fraunhofer IPT und des FIR der RWTH Aachen - Mitglied der acatech: Deutsche Akademie der Technikwissenschaften<\/div>\n        <\/div>\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/GuntherSchuh_042-12x18-Kopie.jpeg\" alt=\"Schuh\">\n          <div class=\"person-title\">Prof. Dr.-Ing. G\u00fcnther Schuh<\/div>\n          <div class=\"person-desc\">Direktor des WZL, des Fraunhofer IPT und des FIR der RWTH Aachen - Mitglied der acatech: Deutsche Akademie der Technikwissenschaften<\/div>\n        <\/div>\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/09\/GuntherSchuh_042-12x18-Kopie.jpeg\" alt=\"Schuh\">\n          <div class=\"person-title\">Prof. Dr.-Ing. G\u00fcnther Schuh<\/div>\n          <div class=\"person-desc\">Direktor des WZL, des Fraunhofer IPT und des FIR der RWTH Aachen - Mitglied der acatech: Deutsche Akademie der Technikwissenschaften<\/div>\n        <\/div>\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 7\">\n          <div class=\"person-title\">Person 7<\/div>\n          <div class=\"person-desc\">Some description about this person<\/div>\n        <\/div>\n\n        <div class=\"person\">\n          <img decoding=\"async\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Person_Image_Placeholder-square.png\" alt=\"Person 8\">\n          <div class=\"person-title\">Person 8<\/div>\n          <div class=\"person-desc\">Another short description<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n    <button class=\"carousel-btn right\">&#10095;<\/button>\n  <\/div>\n<\/div>\n\n<style>\n\n\/* Override parent .is-layout-constrained *\/\n.is-layout-constrained > #carousel-unique-2 {\n  max-width: none !important;   \/* removes theme width cap *\/\n  width: 100vw;                 \/* full viewport width *\/\n  margin-left: calc(-50vw + 50%); \/* flush edges *\/\n  margin-right: calc(-50vw + 50%);\n}\n\n\/* Container and wrapper *\/\n#carousel-unique-2 .people-carousel-container {\n  position: relative;\n  width: 100%;\n  margin: 0;\n}\n\n#carousel-unique-2 .people-carousel-wrapper {\n  overflow-x: auto;\n  width: 100%;\n  display: block;\n  padding: 0;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n#carousel-unique-2 .people-carousel-wrapper::-webkit-scrollbar {\n  display: none;\n}\n\n#carousel-unique-2 .people-carousel {\n  white-space: nowrap;\n}\n\n\/* Person cards *\/\n#carousel-unique-2 .person {\n  display: inline-block;\n  width: 330px;\n  margin-right: 30px;\n  vertical-align: top;\n  text-align: center;\n}\n\n#carousel-unique-2 .person img {\n  height: 300px;\n  width: auto;\n  border-radius: 8px;\n  object-fit: cover;\n  display: block;\n  margin: 0 auto;\n}\n\n#carousel-unique-2 .person-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: #111;\n  margin-top: 10px;\n  text-align: center;\n}\n\n#carousel-unique-2 .person-desc {\n  font-size: 14px;\n  color: #555;\n  line-height: 1.5;\n  margin-top: 6px;\n  text-align: left;\n  word-wrap: break-word;\n  white-space: normal;\n}\n\n\/* Carousel arrows *\/\n#carousel-unique-2 .carousel-btn {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: transparent;\n  color: #888;\n  border: none;\n  font-size: 100px;\n  padding: 5px 10px;\n  cursor: pointer;\n  z-index: 10;\n  transition: color 0.2s;\n}\n\n#carousel-unique-2 .carousel-btn:hover {\n  color: #555;\n}\n\n#carousel-unique-2 .carousel-btn.left { left: 0; }\n#carousel-unique-2 .carousel-btn.right { right: 0; }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n  const root = document.querySelector('#carousel-unique-2');\n  const carousel = root.querySelector('.people-carousel');\n  const wrapper = root.querySelector('.people-carousel-wrapper');\n  const leftBtn = root.querySelector('.carousel-btn.left');\n  const rightBtn = root.querySelector('.carousel-btn.right');\n\n  const scrollAmount = 240; \/\/ card width + margin\n  const tolerance = 1;\n\n  rightBtn.addEventListener('click', () => {\n    if (wrapper.scrollLeft + wrapper.clientWidth >= carousel.scrollWidth - tolerance) {\n      wrapper.scrollLeft = 0;\n    } else {\n      wrapper.scrollLeft += scrollAmount;\n    }\n  });\n\n  leftBtn.addEventListener('click', () => {\n    if (wrapper.scrollLeft <= tolerance) {\n      wrapper.scrollLeft = carousel.scrollWidth - wrapper.clientWidth;\n    } else {\n      wrapper.scrollLeft -= scrollAmount;\n    }\n  });\n});\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex gtfy-19\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow gtfy-18\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized is-style-default gtfy-17\"><img loading=\"lazy\" decoding=\"async\" width=\"189\" height=\"256\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/portrait_platzhalter.jpg\" alt=\"\" class=\"wp-image-1291\" style=\"width:620px\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer gtfy-22\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-fc054d2d wp-block-group-is-layout-flex gtfy-27\">\n<figure class=\"wp-block-image size-full gtfy-25\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"257\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg.png\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg.png 330w, https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg-300x234.png 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full gtfy-26\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"257\" src=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg.png\" alt=\"\" class=\"wp-image-1295\" srcset=\"https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg.png 330w, https:\/\/rethinkrotor.tech\/wp-content\/uploads\/2025\/09\/Placeholder_view_vector.svg-300x234.png 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>127mm\/62 Mk45 Mod 4 Testing to see if update works &#10094; Person 1 Person 2 Person 3 Person 4 Person 5 Person 6 Person 7 Person 8 &#10095; &#10094; Prof. Dr.-Ing. G\u00fcnther Schuh Direktor des WZL, des Fraunhofer IPT und des FIR der RWTH Aachen &#8211; Mitglied der acatech: Deutsche Akademie der Technikwissenschaften \u00f6\u00e4\u00fc\u00df Direktor [&hellip;]<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-reloop","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-961","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/pages\/961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":5,"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/pages\/961\/revisions"}],"predecessor-version":[{"id":1964,"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/pages\/961\/revisions\/1964"}],"wp:attachment":[{"href":"https:\/\/rethinkrotor.tech\/en\/wp-json\/wp\/v2\/media?parent=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}