{"id":19,"date":"2024-02-20T06:13:38","date_gmt":"2024-02-20T06:13:38","guid":{"rendered":"https:\/\/wp643.uph.edu\/?page_id=19"},"modified":"2025-10-28T15:27:27","modified_gmt":"2025-10-28T08:27:27","slug":"home","status":"publish","type":"page","link":"https:\/\/roboroarzti.uph.edu\/","title":{"rendered":"Home"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&#038;family=Oswald:wght@700&#038;display=swap\">\n\n<style>\n    \/* Keyframe animations *\/\n    @keyframes scaleIn {\n        from {\n            opacity: 0;\n            transform: scale(0.8);\n        }\n        to {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes pulseGlow {\n        0% {\n            text-shadow: 0 0 15px rgba(78, 217, 217, 0.4);\n        }\n        50% {\n            text-shadow: 0 0 30px rgba(78, 217, 217, 0.9);\n        }\n        100% {\n            text-shadow: 0 0 15px rgba(78, 217, 217, 0.4);\n        }\n    }\n\n    \/* Helper class to hide elements before animation starts *\/\n    .anim-hidden {\n        opacity: 0;\n    }\n\n    \/* Classes to trigger the animations *\/\n    .anim-scale-in {\n        animation: scaleIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n    }\n\n    .anim-fade-in-up {\n        animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n    }\n    \n    .anim-pulse {\n        animation: pulseGlow 2.5s infinite;\n    }\n<\/style>\n\n\n<div class=\"roboroarz-banner-container\" id=\"roboroarz-banner-fullwidth\" style=\"background: radial-gradient(ellipse at 50% 40%, rgba(30, 58, 95, 0.5) 0%, transparent 70%), linear-gradient(110deg, #020919 25%, #14284a 100%); color: white; padding: 40px 20px; text-align: center; box-sizing: border-box; font-family: 'Poppins', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; width: 100%;\">\n\n    <img decoding=\"async\" id=\"roboroarz-logo-img\" class=\"anim-hidden\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/07\/RoboRoanz.png\" alt=\"RoboRoarZ Logo\" style=\"max-width: 60vw; height: auto; margin-bottom: 20px;\">\n\n    <p id=\"roboroarz-subtitle-text\" class=\"anim-hidden\" style=\"font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 5vw; color: #4ED9D9; margin: 0; padding: 0; line-height: 1; letter-spacing: 2px;\">COMPETITION<\/p>\n\n    <div id=\"roboroarz-details-group\" class=\"anim-hidden\" style=\"margin-top:15px;\">\n        <p id=\"roboroarz-details-title\" style=\"font-family: 'Poppins', sans-serif; font-size: 3.5vw; font-weight: 700; color: #ffffff; margin: 0 0 8px 0;\">Event Details<\/p>\n        <p id=\"roboroarz-details-venue\" style=\"font-family: 'Poppins', sans-serif; font-size: 3vw; font-weight: 600; color: #e0e0e0; margin: 0 0 8px 0;\">Universitas Pelita Harapan<\/p>\n        <p id=\"roboroarz-details-date\" style=\"font-family: 'Poppins', sans-serif; font-size: 3vw; color: #4ED9D9; font-weight: 600; margin: 0;\">30 &#8211; 31 October<\/p>\n    <\/div>\n\n<\/div>\n\n<script>\n    (function() {\n        \/\/ --- Part 1: Function to handle responsive styles ---\n        function applyResponsiveStyles() {\n            const container = document.getElementById('roboroarz-banner-fullwidth');\n            const logo = document.getElementById('roboroarz-logo-img');\n            const subtitle = document.getElementById('roboroarz-subtitle-text');\n            const detailsGroup = document.getElementById('roboroarz-details-group');\n            const detailsTitle = document.getElementById('roboroarz-details-title');\n            const detailsVenue = document.getElementById('roboroarz-details-venue');\n            const detailsDate = document.getElementById('roboroarz-details-date');\n            if (!container) return;\n            const width = window.innerWidth;\n\n            if (width >= 1200) {\n                logo.style.maxWidth = '500px';\n                subtitle.style.fontSize = '80px';\n                detailsTitle.style.fontSize = '28px';\n                detailsVenue.style.fontSize = '24px';\n                detailsDate.style.fontSize = '24px';\n            } else if (width >= 768) {\n                container.style.padding = '60px 20px';\n                logo.style.maxWidth = '400px';\n                subtitle.style.fontSize = '60px';\n                subtitle.style.letterSpacing = '4px';\n                detailsGroup.style.marginTop = '15px';\n                detailsTitle.style.fontSize = '24px';\n                detailsTitle.style.marginBottom = '12px';\n                detailsVenue.style.fontSize = '20px';\n                detailsVenue.style.marginBottom = '6px';\n                detailsDate.style.fontSize = '20px';\n            } else {\n                container.style.padding = '40px 20px';\n                logo.style.maxWidth = '60vw';\n                subtitle.style.fontSize = '5vw';\n                subtitle.style.letterSpacing = '2px';\n                detailsGroup.style.marginTop = '15px';\n                detailsTitle.style.fontSize = '3.5vw';\n                detailsTitle.style.marginBottom = '8px';\n                detailsVenue.style.fontSize = '3vw';\n                detailsVenue.style.marginBottom = '8px';\n                detailsDate.style.fontSize = '3vw';\n            }\n        }\n\n        \/\/ --- Part 2: Function to make the banner full-width ---\n        function alignElementToViewport(element) {\n            if (!element) return;\n            try {\n                const parent = element.parentElement;\n                if (parent) { try { parent.style.overflow = 'visible'; } catch (e) {} }\n                const parentRect = (parent && parent.getBoundingClientRect) ? parent.getBoundingClientRect() : { left: 0 };\n                const leftOffset = parentRect.left;\n                const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n                element.style.position = 'relative';\n                element.style.left = (-leftOffset) + 'px';\n                element.style.width = vw + 'px';\n                element.style.maxWidth = 'none';\n                element.style.boxSizing = 'border-box';\n            } catch (e) { console.warn('alignElementToViewport error', e); }\n        }\n        \n        \/\/ --- Part 3: Function to trigger the animations in sequence ---\n        function startAnimations() {\n            const logo = document.getElementById('roboroarz-logo-img');\n            const subtitle = document.getElementById('roboroarz-subtitle-text');\n            const detailsGroup = document.getElementById('roboroarz-details-group');\n            \n            \/\/ Stagger the animations using setTimeout\n            setTimeout(() => {\n                logo.classList.remove('anim-hidden');\n                logo.classList.add('anim-scale-in');\n            }, 100);\n\n            setTimeout(() => {\n                subtitle.classList.remove('anim-hidden');\n                subtitle.classList.add('anim-fade-in-up');\n                subtitle.classList.add('anim-pulse');\n            }, 400);\n\n            setTimeout(() => {\n                detailsGroup.classList.remove('anim-hidden');\n                detailsGroup.classList.add('anim-fade-in-up');\n            }, 700);\n        }\n\n        \/\/ --- Part 4: Running the scripts ---\n        function throttle(fn, wait) {\n            let t;\n            return function() { clearTimeout(t); t = setTimeout(fn, wait); };\n        }\n\n        function init() {\n            const bannerContainer = document.getElementById('roboroarz-banner-fullwidth');\n            if (!bannerContainer) return;\n            alignElementToViewport(bannerContainer);\n            applyResponsiveStyles();\n            startAnimations(); \/\/ Trigger the animations on load\n            window.addEventListener('resize', throttle(() => {\n                alignElementToViewport(bannerContainer);\n                applyResponsiveStyles();\n            }, 120));\n        }\n\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', init);\n        } else {\n            init();\n        }\n    })();\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-countdown uagb-block-57d90721\"><div class=\"wp-block-uagb-countdown__box wp-block-uagb-countdown__box-days\"><div role=\"timer\" aria-live=\"off\" class=\"wp-block-uagb-countdown__time wp-block-uagb-countdown__time-days\">&#8211;<\/div><div class=\"wp-block-uagb-countdown__label\">DAYS<\/div><\/div><div class=\"wp-block-uagb-countdown__box wp-block-uagb-countdown__box-hours\"><div role=\"timer\" aria-live=\"off\" class=\"wp-block-uagb-countdown__time wp-block-uagb-countdown__time-hours\">&#8211;<\/div><div class=\"wp-block-uagb-countdown__label\">HOURS<\/div><\/div><div class=\"wp-block-uagb-countdown__box wp-block-uagb-countdown__box-minutes\"><div role=\"timer\" aria-live=\"off\" class=\"wp-block-uagb-countdown__time wp-block-uagb-countdown__time-minutes\">&#8211;<\/div><div class=\"wp-block-uagb-countdown__label\">MINUTES<\/div><\/div><div class=\"wp-block-uagb-countdown__box wp-block-uagb-countdown__box-seconds\"><div role=\"timer\" aria-live=\"off\" class=\"wp-block-uagb-countdown__time wp-block-uagb-countdown__time-seconds\">&#8211;<\/div><div class=\"wp-block-uagb-countdown__label\">SECONDS<\/div><\/div><\/div>\n\n\n\n<!-- Custom HTML: Responsive REGISTER \/ LEARN MORE buttons -->\n<style>\n  \/* Scoped styles for this block *\/\n  #registration-buttons * { box-sizing: border-box; }\n\n  \/* Button group layout *\/\n  #registration-buttons .btn-group {\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  \/* Base button styling *\/\n  #registration-buttons .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none;\n    font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\n    font-weight: 600;\n    line-height: 1;\n    border-radius: 8px;\n    padding: 12px 22px;\n    cursor: pointer;\n    transition: transform 120ms ease, box-shadow 120ms ease, opacity 120ms ease;\n    min-width: 150px;\n    text-align: center;\n    white-space: nowrap;\n  }\n\n  \/* Primary (REGISTER NOW) *\/\n  #registration-buttons .btn.primary {\n    color: #ffffff;\n    background-color: #0066ff; \/* original *\/\n    border: none;\n    box-shadow: 0 6px 18px rgba(6,102,255,0.12);\n  }\n  #registration-buttons .btn.primary:hover,\n  #registration-buttons .btn.primary:focus {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px rgba(6,102,255,0.18);\n    opacity: 0.98;\n    outline: none;\n  }\n\n  \/* Secondary (LEARN MORE) *\/\n  #registration-buttons .btn.secondary {\n    color: #111;\n    background: #ffffff;\n    border: 1px solid #333; \/* original *\/\n    box-shadow: 0 6px 18px rgba(0,0,0,0.06);\n  }\n  #registration-buttons .btn.secondary:hover,\n  #registration-buttons .btn.secondary:focus {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.10);\n    outline: none;\n  }\n\n  \/* Focus visible for keyboard users *\/\n  #registration-buttons .btn:focus-visible {\n    outline: 3px solid rgba(0,102,255,0.18);\n    outline-offset: 3px;\n  }\n\n  \/* Responsive typography & spacing *\/\n  @media (max-width: 900px) {\n    #registration-buttons .btn { padding: 11px 18px; min-width: 140px; }\n  }\n\n  @media (max-width: 600px) {\n    \/* On phones: stack buttons and take full width with comfortable margins *\/\n    #registration-buttons {\n      margin: 16px;\n    }\n    #registration-buttons .btn-group {\n      flex-direction: column;\n      gap: 12px;\n      align-items: stretch;\n    }\n    #registration-buttons .btn {\n      width: 100%;\n      min-width: 0;\n      padding: 12px 16px;\n      font-size: 14px;\n    }\n  }\n<\/style>\n\n<div id=\"registration-buttons\" style=\"margin:40px; display:block;\">\n  <div class=\"btn-group\" style=\"\">\n    <!-- REGISTER NOW -->\n    <a class=\"btn primary\" href=\"https:\/\/forms.gle\/J6hUifHE5zw8Gc8P9\" role=\"button\" aria-label=\"Register now - opens in same tab\" rel=\"noopener noreferrer\" target=\"_self\" style=\"\/* inline fallback\/override styles *\/ color:#ffffff; background:#0066ff; border:none; border-radius:8px; padding:12px 22px;\">\n      REGISTER NOW\n    <\/a>\n\n    <!-- LEARN MORE -->\n    <a class=\"btn secondary\" href=\"https:\/\/drive.google.com\/uc?export=download&amp;id=1PWwf2QKGsaxyMbwxi8-pZqwKUeZdKp_S\" role=\"button\" aria-label=\"Learn more - download resource\" rel=\"noopener noreferrer\" target=\"_self\" style=\"\/* inline fallback\/override styles *\/ color:#111; background:#ffffff; border:1px solid #333; border-radius:8px; padding:12px 22px;\">\n      LEARN MORE\n    <\/a>\n  <\/div>\n<\/div>\n\n\n\n<style type=\"text\/css\">\n\/* RoboRoarZ - Technical Meeting block (scoped with rrz- prefix) *\/\n.rrz-page { box-sizing: border-box; background-color: #ffffff; padding: 48px 16px; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif; }\n.rrz-container { max-width: 768px; margin: 0 auto; }\n.rrz-card { background: #ffffff; padding: 32px; border: 1px solid #e5e7eb; border-radius: 14px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); text-align: center; }\n\n.rrz-badge { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; color: #4f46e5; text-transform: uppercase; }\n.rrz-title { margin: 8px 0 24px; font-size: 40px; line-height: 1.2; font-weight: 800; color: #111827; }\n\n.rrz-p { margin: 0 0 12px; font-size: 18px; color: #374151; }\n.rrz-date-wrap { margin: 0 0 24px; font-size: 18px; color: #374151; }\n.rrz-date { display: block; margin-top: 8px; font-size: 28px; font-weight: 800; color: #4338ca; }\n\n.rrz-cta { margin-top: 24px; }\n.rrz-cta-intro { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: #1f2937; }\n.rrz-btn { display: inline-block; background: #4f46e5; color: #ffffff; font-weight: 700; font-size: 18px; padding: 14px 22px; border-radius: 10px; text-decoration: none; transition: background-color 0.2s ease; }\n.rrz-btn:hover, .rrz-btn:focus { background: #4338ca; }\n\n.rrz-footer { margin-top: 32px; padding-top: 16px; border-top: 1px solid #e5e7eb; color: #6b7280; }\n.rrz-footer p { margin: 0; }\n.rrz-footer p + p { margin-top: 4px; }\n\n@media (min-width: 768px) {\n  .rrz-card { padding: 48px; }\n  .rrz-title { font-size: 48px; }\n}\n<\/style>\n\n<div class=\"rrz-page\" id=\"page-content\">\n  <div class=\"rrz-container\">\n    <div class=\"rrz-card\" role=\"region\" aria-labelledby=\"rrz-title\">\n      <span class=\"rrz-badge\">RoboRoarZ Indonesia UPH 2025<\/span>\n\n      <h1 class=\"rrz-title\" id=\"rrz-title\">Technical Meeting<\/h1>\n\n      <p class=\"rrz-p\">Selamat datang di Technical Meeting RoboRoarZ Indonesia UPH 2025!<\/p>\n\n      <p class=\"rrz-date-wrap\">\n        Untuk Technical Meeting diadakan pada:\n        <span class=\"rrz-date\">Selasa, 28 Oktober 2025<\/span>\n      <\/p>\n\n      <div class=\"rrz-cta\">\n        <p class=\"rrz-cta-intro\">Silakan unduh Guidebook dan materi Technical Meeting pada link di bawah ini.<\/p>\n        <!-- Ganti # dengan URL file PDF kamu -->\n        <a class=\"rrz-btn\" href=\"#\" title=\"Unduh Guidebook Technical Meeting\" download>Unduh Guidebook (PDF)<\/a>\n      <\/div>\n\n      <div class=\"rrz-footer\">\n        <p>Jika kamu mengalami kendala dalam mengunduh file, silakan hubungi panitia.<\/p>\n        <p>Terima kasih atas partisipasinya!<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-c7252685 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!-- \n  RoboRoarZ Organizers, Sponsors, Partners & Supported By Block - Refactored\n\n  What's new:\n  - \"Supported by\" section now has two logos (smaller than Sponsors\/Partners).\n  - Desktop: Sponsors and Partners stay side-by-side; Supported by spans full width below.\n  - Mobile: All stack neatly.\n-->\n<style>\n  \/* Container *\/\n  .rrz-crew-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    color: #000;\n    font-family: sans-serif; \/* Fallback font *\/\n  }\n\n  \/* Section headings *\/\n  .rrz-section-title {\n    text-align: center;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin: 24px 0 18px;\n    color: #000;\n  }\n\n  \/* Universal style for figures *\/\n  .rrz-crew-wrap figure {\n    margin: 0;\n  }\n\n  \/* Flex rows for Organizers *\/\n  .rrz-row {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 40px;\n    flex-wrap: wrap;\n    margin-bottom: 32px;\n    box-sizing: border-box;\n  }\n \n  \/* Card for each logo block *\/\n  .rrz-logo-card {\n    flex: 1 1 320px; \/* Allow cards to grow and shrink *\/\n    max-width: 320px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n  }\n  \n  \/* Modifier for cards that should not grow or shrink *\/\n  .rrz-logo-card--auto {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n\n  \/* --- Specific card widths --- *\/\n  .rrz-logo-card--lionsbot { max-width: 360px; }\n  .rrz-logo-card--jdf { max-width: 380px; }\n  .rrz-logo-card--wefaa { max-width: 200px; }\n  .rrz-logo-card--supported { max-width: 180px; } \/* Smaller card for supported logos *\/\n\n  \/* Image sizing classes *\/\n  .rrz-img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  \/* Specific tuned sizes for logos (desktop) *\/\n  .rrz-uph { max-width: 202px; }\n  .rrz-robo { max-width: 300px; }\n  .rrz-lions { max-height: 200px; }\n  .rrz-jdf { max-height: 200px; }\n  .rrz-wefaa { max-height: 200px; }\n\n  \/* Supported-by logos are intentionally smaller *\/\n  .rrz-img.rrz-supported { max-width: 150px; }\n  .rrz-img.rrz-ichitan { max-width: 110px;width: auto;height: auto;object-fit: contain; }\n\n  \/* --- Separated Sponsor\/Partner\/Supported layout --- *\/\n  .rrz-sponsors-partners-wrapper {\n    display: flex; \/* Mobile-first: stacked layout *\/\n    flex-direction: column;\n    gap: 30px;\n    margin-top: 24px;\n  }\n\n  .rrz-logo-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .rrz-subsection-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: #333;\n    margin: 0 0 15px 0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-align: center;\n  }\n\n  .rrz-logo-grid {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 40px;\n    flex-wrap: wrap;\n  }\n\n  \/* Desktop Grid Layout *\/\n  @media (min-width: 641px) {\n    .rrz-sponsors-partners-wrapper {\n      display: grid;\n      grid-template-columns: auto auto;\n      gap: 0 40px; \/* No row gap, 40px column gap *\/\n      align-items: start;\n      justify-content: center; \n    }\n    .rrz-logo-group {\n      display: contents; \/* Make children direct grid items *\/\n    }\n\n    \/* Prevent wrapping within each grid cell *\/\n    .rrz-sponsors-partners-wrapper .rrz-logo-grid {\n      flex-wrap: nowrap;\n    }\n    \n    \/* Place Sponsors (col 1) *\/\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(1) > .rrz-subsection-title {\n      grid-column: 1; grid-row: 1; text-align: center;\n    }\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(1) > .rrz-logo-grid {\n      grid-column: 1; grid-row: 2;\n    }\n\n    \/* Place Partners (col 2) *\/\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(2) > .rrz-subsection-title {\n      grid-column: 2; grid-row: 1; text-align: center;\n    }\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(2) > .rrz-logo-grid {\n      grid-column: 2; grid-row: 2;\n    }\n\n    \/* Place Supported by (full width below) *\/\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(3) > .rrz-subsection-title {\n      grid-column: 1 \/ -1; grid-row: 3; text-align: center; margin-top: 30px;\n    }\n    .rrz-sponsors-partners-wrapper .rrz-logo-group:nth-of-type(3) > .rrz-logo-grid {\n      grid-column: 1 \/ -1; grid-row: 4;\n      gap: 24px; \/* Slightly tighter for small logos *\/\n    }\n  }\n\n  \/* Responsive styles for tablets *\/\n  @media (max-width: 900px) {\n    .rrz-row, .rrz-logo-grid { gap: 28px; }\n    .rrz-logo-card {\n      flex-basis: 44%;\n      max-width: 44%;\n    }\n  }\n\n  \/* Responsive styles for mobile phones *\/\n  @media (max-width: 640px) {\n    .rrz-crew-wrap { padding: 14px 12px; }\n    .rrz-section-title { font-size: 1.15rem; margin: 18px 0 12px; }\n    .rrz-row, .rrz-logo-grid { gap: 18px; }\n\n    .rrz-logo-card,\n    .rrz-logo-card--auto {\n      flex-basis: 80%;\n      max-width: 80%;\n      padding: 8px 0;\n    }\n    .rrz-img {\n      margin: 0 auto;\n      width: auto;\n      max-width: 220px; \/* Unified max-width for logos on mobile *\/\n    }\n\n    \/* Keep supported logos smaller on mobile too *\/\n    .rrz-img.rrz-supported { max-width: 120px; }\n\t.rrz-img.rrz-ichitan { max-height: 80px; }\n  }\n\n  \/* Extra small phones *\/\n  @media (max-width: 420px) {\n    .rrz-section-title { font-size: 1.05rem; }\n    .rrz-logo-card,\n    .rrz-logo-card--auto {\n      flex-basis: 90%;\n      max-width: 90%;\n    }\n  }\n<\/style>\n\n<div class=\"rrz-crew-wrap\">\n  <!-- ORGANIZERS -->\n  <div>\n    <h2 class=\"rrz-section-title\">ORGANIZERS<\/h2>\n  <\/div>\n\n  <div class=\"rrz-row\">\n    <!-- UPH -->\n    <div class=\"rrz-logo-card\">\n      <figure>\n        <img decoding=\"async\" class=\"rrz-img rrz-uph\" title=\"UPH\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/UPH-LIPPPO-VILLAGElogo-All-Edited.png\" alt=\"UPH Logo\" \/>\n      <\/figure>\n    <\/div>\n\n    <!-- RoboRoarz -->\n    <div class=\"rrz-logo-card\">\n      <figure>\n        <img decoding=\"async\" class=\"rrz-img rrz-robo\" title=\"RoboRoarz\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/07\/RoboRoanz.png\" alt=\"RoboRoarz Logo\" \/>\n      <\/figure>\n    <\/div>\n  <\/div>\n\n  <!-- SPONSORS, PARTNERS & SUPPORTED BY -->\n  <div class=\"rrz-sponsors-partners-wrapper\">\n\n    <!-- Sponsors Group -->\n    <div class=\"rrz-logo-group\">\n      <h3 class=\"rrz-subsection-title\">Sponsors<\/h3>\n      <div class=\"rrz-logo-grid\">\n        <!-- Lionsbot -->\n        <div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--lionsbot\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-lions\" title=\"Lionsbot\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/07\/lionsbot.jpg\" alt=\"Lionsbot Logo\" \/>\n          <\/figure>\n        <\/div>\n        <!-- Dyson \/ JDF -->\n        <div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--jdf\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-jdf\" title=\"JDF \/ Dyson\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/09\/JDF_Logo_Extended_CMYK.jpg\" alt=\"JDF \/ Dyson Logo\" \/>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Partners Group -->\n    <div class=\"rrz-logo-group\">\n      <h3 class=\"rrz-subsection-title\">Partners<\/h3>\n      <div class=\"rrz-logo-grid\">\n        <!-- Wefaa -->\n        <div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--wefaa\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-wefaa\" title=\"Wefaa\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/09\/Wefaa_logo_vertical.png\" alt=\"Wefaa Logo\" \/>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Supported By Group -->\n    <div class=\"rrz-logo-group\">\n      <h3 class=\"rrz-subsection-title\">Supported by<\/h3>\n      <div class=\"rrz-logo-grid\">\n        <!-- Supported by Logo 1 -->\n        <div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--supported\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-supported\" title=\"Supported by\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/491882254_1089811529645587_751976414380055074_n-Edited.png\" alt=\"Supported by logo 1\" \/>\n          <\/figure>\n        <\/div>\n        <!-- Supported by Logo 2 -->\n        <div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--supported\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-supported\" title=\"Supported by\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/image-3-1.png\" alt=\"Supported by logo 2\" \/>\n          <\/figure>\n        <\/div>\n\t\t<div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--supported\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-supported\" title=\"Supported by\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/LOGO-LEMONILO-NEW-2025-01.png\" alt=\"Supported by logo 3\" \/>\n          <\/figure>\n        <\/div>\n\t\t<div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--supported\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-ichitan\" title=\"Supported by\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/ICHITAN-Logo-Red.png\" alt=\"Supported by logo 4\" \/>\n          <\/figure>\n        <\/div>\n\t\t<div class=\"rrz-logo-card rrz-logo-card--auto rrz-logo-card--supported\">\n          <figure>\n            <img decoding=\"async\" class=\"rrz-img rrz-supported\" title=\"Supported by\" role=\"img\" src=\"https:\/\/roboroarzti.uph.edu\/wp-content\/uploads\/2025\/10\/299593851_2249241528574578_3318677456920674050_n.jpg\" alt=\"Supported by logo 5\" style=\"max-width:110px;width:auto;height:auto;object-fit:contain;\" \/>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<!-- Custom HTML block: About section (responsive, ready to copy-paste into WP Custom HTML) -->\n<section id=\"about\" style=\"background-color:#ffffff; color:#000;\">\n  <style>\n    \/* Container and layout *\/\n    .rrz-about-wrap { max-width:1100px; margin:0 auto; padding:80px 40px; box-sizing:border-box; }\n    .rrz-about-wrap h2 { text-align:center; font-size:2rem; font-weight:700; margin:30px 0; color:#000; }\n    .rrz-about-wrap h3 { font-size:1.15rem; font-weight:700; margin-top:30px; color:#000; }\n    .rrz-about-content { padding:0 40px; box-sizing:border-box; }\n    .rrz-about-content p { font-size:1rem; line-height:1.7; margin-bottom:20px; text-align:justify; color:#111; }\n    .rrz-about-content ul { padding-left:22px; margin:0 0 18px 0; color:#111; }\n    .rrz-about-content ul li { margin-bottom:10px; text-align:justify; }\n\n    \/* specific styles for list markers used in original (decimal \/ disc \/ circle) *\/\n    .rrz-about-content ol.decimal { padding-left:20px; list-style-type:decimal; }\n    .rrz-about-content ul.disc { padding-left:20px; list-style-type:disc; }\n    .rrz-about-content ul.circle { padding-left:20px; list-style-type:circle; }\n\n    \/* Link style *\/\n    .rrz-about-content a { color:#0b66d0; text-decoration:underline; }\n\n    \/* Small visual spacing tweaks for headings *\/\n    .rrz-about-wrap .guidelines-title { margin-top:50px; margin-bottom:30px; }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 900px) {\n      .rrz-about-wrap { padding:60px 24px; }\n      .rrz-about-wrap h2 { font-size:1.75rem; margin:24px 0; }\n      .rrz-about-content { padding:0 12px; }\n      .rrz-about-content p { font-size:0.98rem; }\n      .rrz-about-content ul, .rrz-about-content ol { padding-left:18px; }\n    }\n\n    @media (max-width: 520px) {\n      .rrz-about-wrap { padding:40px 16px; }\n      .rrz-about-wrap h2 { font-size:1.45rem; margin:18px 0; }\n      .rrz-about-wrap h3 { font-size:1rem; margin-top:20px; }\n      .rrz-about-content p { font-size:0.95rem; line-height:1.6; }\n      .rrz-about-content ul, .rrz-about-content ol { padding-left:16px; }\n      \/* make list markers clearer on mobile *\/\n      .rrz-about-content ul li, .rrz-about-content ol li { margin-bottom:12px; }\n    }\n\n    \/* Make sure section doesn't produce unexpected extra margin in WP *\/\n    #about { margin:0; padding:0; }\n  <\/style>\n\n  <div class=\"rrz-about-wrap\">\n    <h2>About<\/h2>\n\n    <div class=\"rrz-about-content\">\n      <p>\n        RoboRoarZ is a design-focused reconfigurable robotics competition that encourages creativity, innovation,\n        and teamwork among participants. All teams will compete using <strong>&#8220;Smorphi&#8221;<\/strong> \u2014 a reconfigurable robotic\n        platform developed by SUTD.\n      <\/p>\n\n      <p>\n        Our mission is to build a dynamic local and international community that harnesses the potential of\n        reconfigurable robots to tackle real-world challenges.\n      <\/p>\n\n      <ul class=\"disc\" style=\"margin-bottom:22px;\">\n        <li>Participants must be active students aged 15\u201319 years old (proven by student ID or other valid identification).<\/li>\n        <li>Each team must consist of 5 members.<\/li>\n        <li>A registration fee of 100,000 Rupiah per member applies.<\/li>\n        <li>After 30 September 2025, the fee will be IDR 200,000 per student (IDR 1,000,000 per team).<\/li>\n        <li>A Smorphi robot will be provided free of charge to all competing teams.<\/li>\n        <li>Each team needs to bring at least 2 laptops.<\/li>\n      <\/ul>\n\n      <h2 class=\"guidelines-title\">Guidelines for the Smorphi Robotics Competition<\/h2>\n\n      <div>\n        <p><strong>Theme<\/strong>: TBA<\/p>\n        <p><strong>Event Date<\/strong>: 30 &#8211; 31 October 2025<\/p>\n        <p><strong>Venue<\/strong>: Building D502 and D503, Universitas Pelita Harapan<\/p>\n\n        <h3>1. General Participant Requirements<\/h3>\n\n        <ol class=\"decimal\" style=\"margin-bottom:12px;\">\n          <li>Participants must be active students aged 15\u201319 years old (proven by student ID or other valid identification).<\/li>\n          <li>Participants must register as a team. 1 team = 5 students + 1 supervising teacher (optional).<\/li>\n          <li>\n            Each team will participate in two stages of activities:\n            <ul class=\"circle\" style=\"margin-top:8px;\">\n              <li>Day 1: Basic robotics training and robot usage.<\/li>\n              <li>Day 2: Maze navigation competition using Smorphi.<\/li>\n            <\/ul>\n          <\/li>\n          <li>No prior robotics experience is required.<\/li>\n          <li>A registration fee of IDR 100,000 per student (IDR 500,000 per team) applies until 15 September 2025.<\/li>\n          <li>After 30 September 2025, the fee will be IDR 200,000 per student (IDR 1,000,000 per team).<\/li>\n          <li>Registration closes on 15 October 2025, or earlier if the participant quota is reached. Limited slots available. Registration will be closed once the quota is filled.<\/li>\n          <li>\n            Payment should be transferred to the following UPH bank account:\n            <ul class=\"circle\" style=\"margin-top:8px;\">\n              <li>Bank: BCA<\/li>\n              <li>Account Number: 0849115555<\/li>\n              <li>Account Name: YAYASAN UNIV PELITA HARAPAN<\/li>\n              <li>Swift code: CENAIDJA<\/li>\n              <li>Reference: RoboRoarZ Competition 2025<\/li>\n            <\/ul>\n          <\/li>\n        <\/ol>\n\n        <h3>2. Registration Submission<\/h3>\n\n        <ol class=\"decimal\" start=\"9\" style=\"margin-bottom:12px;\">\n          <li>Registration must be completed via the competition website: <a href=\"https:\/\/forms.gle\/J6hUifHE5zw8Gc8P9\" target=\"_blank\" rel=\"noopener noreferrer\">CLICK HERE!<\/a> by filling out the provided form.<\/li>\n          <li>\n            Required information includes:\n            <ul class=\"disc\" style=\"margin-top:8px;\">\n              <li>Name of participants and supervising teacher<\/li>\n              <li>School name<\/li>\n              <li>Contact details of participants and teacher (optional)<\/li>\n              <li>School permission letter<\/li>\n            <\/ul>\n          <\/li>\n        <\/ol>\n\n        <h3>3. Additional Notes<\/h3>\n\n        <ol class=\"decimal\" start=\"11\">\n          <li>All activities will be conducted offline.<\/li>\n          <li>All competition documentation (photos, videos, robot configurations etc) will be the property of the organizers.<\/li>\n          <li>Judges\u2019 decisions are final and cannot be contested.<\/li>\n          <li>Organizers will provide meals and robot facilities during the competition.<\/li>\n        <\/ol>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div style=\"max-width: 100%; padding: 0 16px;\">\n  <style>\n    .ie-section {\n      background-color: #f8f9fa;\n      border-radius: 12px;\n      padding: 40px 24px;\n      max-width: 900px;\n      margin: 0 auto;\n      font-family: Arial, sans-serif;\n    }\n\n    .ie-section h3 {\n      margin-top: 0;\n      color: #222;\n      font-size: 24px;\n    }\n\n    .ie-section p {\n      font-size: 16px;\n      line-height: 1.6;\n      color: #333;\n      margin-bottom: 16px;\n    }\n\n    .ie-section a {\n      display: inline-block;\n      margin-top: 16px;\n      padding: 10px 20px;\n      background-color: #0066ff;\n      color: #fff;\n      text-decoration: none;\n      border-radius: 6px;\n      font-weight: bold;\n      font-size: 16px;\n    }\n\n    @media (max-width: 600px) {\n      .ie-section {\n        padding: 24px 16px;\n      }\n\n      .ie-section h3 {\n        font-size: 20px;\n      }\n\n      .ie-section p,\n      .ie-section a {\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n  <div class=\"ie-section\">\n    <h3>What is Industrial Engineering?<\/h3>\n    <p>\n      Industrial Engineering (IE) is all about optimizing systems\u2014whether it&#8217;s streamlining production,\n      improving efficiency in services, or designing better workflows using technology, data, and human-centered approaches.\n    <\/p>\n    <p>\n      At Universitas Pelita Harapan (UPH), our IE program equips students to solve real-world problems in industries\n      like manufacturing, logistics, healthcare, and digital services.\n    <\/p>\n    <a href=\"https:\/\/roboroarzti.uph.edu\/index.php\/what-is-industrial-engineering\">\n      Read More about Industrial Engineering\n    <\/a>\n  <\/div>\n<\/div>\n\n\n  \n\n  \n\n  \n\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>COMPETITION Event Details Universitas Pelita Harapan 30 &#8211; 31 October REGISTER NOW LEARN MORE RoboRoarZ Indonesia UPH 2025 Technical Meeting Selamat datang di Technical Meeting RoboRoarZ Indonesia UPH 2025! Untuk Technical Meeting diadakan pada: Selasa, 28 Oktober 2025 Silakan unduh Guidebook dan materi Technical Meeting pada link di bawah ini. Unduh Guidebook (PDF) Jika kamu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"folder":[],"class_list":["post-19","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"1TD-UPH","author_link":"https:\/\/roboroarzti.uph.edu\/index.php\/author\/1td-uph\/"},"uagb_comment_info":0,"uagb_excerpt":"COMPETITION Event Details Universitas Pelita Harapan 30 &#8211; 31 October REGISTER NOW LEARN MORE RoboRoarZ Indonesia UPH 2025 Technical Meeting Selamat datang di Technical Meeting RoboRoarZ Indonesia UPH 2025! Untuk Technical Meeting diadakan pada: Selasa, 28 Oktober 2025 Silakan unduh Guidebook dan materi Technical Meeting pada link di bawah ini. Unduh Guidebook (PDF) Jika kamu&hellip;","_links":{"self":[{"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"collection":[{"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":299,"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":1664,"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/pages\/19\/revisions\/1664"}],"wp:attachment":[{"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/roboroarzti.uph.edu\/index.php\/wp-json\/wp\/v2\/folder?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}