{"id":1975,"date":"2026-06-21T20:26:06","date_gmt":"2026-06-21T17:26:06","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1975"},"modified":"2026-08-15T15:57:54","modified_gmt":"2026-08-15T12:57:54","slug":"between-anoda-to-katoda","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1975","title":{"rendered":"Between Anoda to Katoda"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 BETWEEN ANODA TO KATODA\n   EDUCATIONAL DIGITAL TWIN PROJECT\n========================================================= *\/\n\n.bigart-anoda {\n    --navy:#172554;\n    --blue:#2f4fb3;\n    --cyan:#23b7d6;\n    --yellow:#f2c94c;\n    --text:#334155;\n    --muted:#667085;\n    --soft:#f7f9fc;\n    --line:#e4e9f2;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.bigart-anoda *,\n.bigart-anoda *::before,\n.bigart-anoda *::after {\n    box-sizing:border-box;\n}\n\n\n\/* HERO *\/\n\n.bigart-anoda-hero {\n    position:relative;\n    overflow:hidden;\n    margin-bottom:24px;\n    padding:58px 54px;\n    border-radius:24px;\n\n    background:\n        radial-gradient(circle at 88% 15%,\n        rgba(35,183,214,.30), transparent 29%),\n\n        radial-gradient(circle at 10% 100%,\n        rgba(242,201,76,.15), transparent 30%),\n\n        linear-gradient(135deg,\n        #172554 0%,\n        #233875 54%,\n        #2f4fb3 100%);\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-anoda-hero::after {\n    content:\"\u2212  +\";\n\n    position:absolute;\n    right:30px;\n    bottom:-28px;\n\n    color:rgba(255,255,255,.05);\n\n    font-size:145px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-anoda-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:18px;\n    padding:7px 13px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-anoda-kicker::before {\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:var(--yellow);\n}\n\n.bigart-anoda-hero h1 {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 10px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(38px,5vw,56px) !important;\n    line-height:1.06 !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-subtitle {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 18px !important;\n\n    color:var(--yellow) !important;\n\n    font-size:20px !important;\n    line-height:1.4 !important;\n    font-weight:750 !important;\n}\n\n.bigart-anoda-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.88) !important;\n\n    font-size:17px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* INTRO *\/\n\n.bigart-anoda-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-anoda-card {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-anoda-card h2 {\n    margin:0 0 14px !important;\n\n    color:var(--navy) !important;\n\n    font-size:27px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n.bigart-anoda-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f5fbff 0%,\n            #f8f7ff 100%\n        );\n}\n\n.bigart-anoda-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--cyan),\n            var(--yellow)\n        );\n}\n\n\n\/* MATTERPORT *\/\n\n.bigart-anoda-tour {\n    margin-top:24px;\n    padding:28px;\n\n    border:1px solid var(--line);\n    border-radius:22px;\n\n    background:#fff;\n\n    box-shadow:0 12px 34px rgba(23,37,84,.08);\n}\n\n.bigart-anoda-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-anoda-tour-head span {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-anoda-tour-head h2 {\n    margin:0 0 9px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-tour-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14.5px !important;\n    line-height:1.7 !important;\n}\n\n.bigart-anoda-matterport {\n    position:relative;\n\n    width:100%;\n    padding-top:56.25%;\n\n    overflow:hidden;\n\n    border-radius:16px;\n\n    background:#0f172a;\n}\n\n.bigart-anoda-matterport iframe {\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:100%;\n    height:100%;\n\n    border:0;\n}\n\n\n\/* SECTION *\/\n\n.bigart-anoda-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-anoda-head {\n    max-width:820px;\n    margin-bottom:25px;\n}\n\n.bigart-anoda-eyebrow {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-anoda-section h2 {\n    margin:0 0 10px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* FEATURE CARDS *\/\n\n.bigart-anoda-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-anoda-feature {\n    padding:22px;\n\n    border:1px solid var(--line);\n    border-radius:16px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.bigart-anoda-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-anoda-number {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:40px;\n    height:40px;\n\n    margin-bottom:14px;\n\n    border-radius:12px;\n\n    background:#eef3ff;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.bigart-anoda-feature:nth-child(2) .bigart-anoda-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-anoda-feature:nth-child(3) .bigart-anoda-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-anoda-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:16px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-feature p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* EDUCATIONAL VALUE *\/\n\n.bigart-anoda-value {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-anoda-value-card {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-anoda-value-card::before {\n    content:\"\";\n\n    display:block;\n\n    width:38px;\n    height:4px;\n\n    margin-bottom:17px;\n\n    border-radius:4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cyan),\n            var(--yellow)\n        );\n}\n\n.bigart-anoda-value-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:17px !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-value-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* IMPACT *\/\n\n.bigart-anoda-impact {\n    margin-top:24px;\n    padding:38px;\n\n    border-radius:22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(35,183,214,.22),\n            transparent 28%\n        ),\n\n        radial-gradient(\n            circle at 78% 80%,\n            rgba(242,201,76,.12),\n            transparent 25%\n        ),\n\n        #172554;\n}\n\n.bigart-anoda-impact h2 {\n    margin:0 0 13px !important;\n\n    color:#fff !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.bigart-anoda-impact p {\n    max-width:930px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.87) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-anoda-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-anoda-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .bigart-anoda-value {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-anoda-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-anoda-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-anoda-card,\n    .bigart-anoda-tour,\n    .bigart-anoda-section,\n    .bigart-anoda-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-anoda-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-anoda-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-anoda\">\n\n    <!-- HERO -->\n    <section class=\"bigart-anoda-hero\">\n\n        <div class=\"bigart-anoda-kicker\">\n            BIG ART \u00b7 Educational Digital Twin Project\n        <\/div>\n\n        <h1>Between Anoda to Katoda<\/h1>\n\n        <div class=\"bigart-anoda-subtitle\">\n            A Virtual Tour of the World of Electrochemical Cells\n        <\/div>\n\n        <p>\n            An educational Digital Twin project related to electrochemical\n            processes, using an immersive 3D environment to support the\n            exploration of the world of electrochemical cells.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-anoda-intro\">\n\n        <div class=\"bigart-anoda-card\">\n\n            <h2>Exploring Electrochemistry in 3D<\/h2>\n\n            <p>\n                <strong>Between Anoda to Katoda<\/strong> is an educational\n                Digital Twin project focused on electrochemical processes.\n                The virtual experience provides an interactive environment\n                through which visitors can explore content related to the\n                world of electrochemical cells.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-anoda-card bigart-anoda-highlight\">\n\n            <h2>From Physical Space to Digital Learning<\/h2>\n\n            <p>\n                By presenting the educational environment through an\n                immersive Matterport model, the project demonstrates how\n                Digital Twin technology can complement vocational and\n                technical learning with interactive 3D exploration.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-anoda-tour\">\n\n        <div class=\"bigart-anoda-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Enter the World of Electrochemical Cells<\/h2>\n\n            <p>\n                Explore the educational Digital Twin and navigate through\n                the interactive 3D environment.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-anoda-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=rshMky8nkP8T\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EXPLORATION -->\n    <section class=\"bigart-anoda-section\">\n\n        <div class=\"bigart-anoda-head\">\n\n            <span class=\"bigart-anoda-eyebrow\">\n                Science &amp; Digital Learning\n            <\/span>\n\n            <h2>Electrochemical processes in an immersive environment<\/h2>\n\n            <p>\n                The project brings together scientific subject matter and\n                immersive technology, creating a digital environment designed\n                around the exploration of electrochemical cells.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-anoda-grid\">\n\n            <article class=\"bigart-anoda-feature\">\n\n                <div class=\"bigart-anoda-number\">01<\/div>\n\n                <h3>Electrochemical Cells<\/h3>\n\n                <p>\n                    Explore an educational environment focused on\n                    electrochemical cells and related processes.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-anoda-feature\">\n\n                <div class=\"bigart-anoda-number\">02<\/div>\n\n                <h3>Anoda to Katoda<\/h3>\n\n                <p>\n                    Follow the central theme of the project through\n                    an interactive Digital Twin learning experience.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-anoda-feature\">\n\n                <div class=\"bigart-anoda-number\">03<\/div>\n\n                <h3>Immersive Learning<\/h3>\n\n                <p>\n                    Experience scientific educational content through\n                    an interactive three-dimensional environment.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-anoda-feature\">\n\n                <div class=\"bigart-anoda-number\">04<\/div>\n\n                <h3>Virtual Access<\/h3>\n\n                <p>\n                    Explore the Digital Twin remotely from a computer\n                    or compatible device.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EDUCATIONAL VALUE -->\n    <section class=\"bigart-anoda-section\">\n\n        <div class=\"bigart-anoda-head\">\n\n            <span class=\"bigart-anoda-eyebrow\">\n                Educational Value\n            <\/span>\n\n            <h2>Connecting scientific learning with immersive technology<\/h2>\n\n            <p>\n                The project illustrates the potential of Digital Twin\n                environments to enrich technical and scientific education\n                through interactive digital experiences.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-anoda-value\">\n\n            <article class=\"bigart-anoda-value-card\">\n\n                <h3>Scientific Education<\/h3>\n\n                <p>\n                    The virtual environment provides a digital setting\n                    for exploring educational content related to\n                    electrochemical processes.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-anoda-value-card\">\n\n                <h3>Digital Twin Technology<\/h3>\n\n                <p>\n                    Matterport technology transforms the physical\n                    environment into an interactive 3D space that\n                    can be explored remotely.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-anoda-value-card\">\n\n                <h3>Interactive Experience<\/h3>\n\n                <p>\n                    Learners can navigate the environment at their own\n                    pace, creating a more engaging way to interact with\n                    educational content.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-anoda-impact\">\n\n        <h2>Where Science Meets Immersive Technology<\/h2>\n\n        <p>\n            \u201cBetween Anoda to Katoda\u201d demonstrates how Digital Twin\n            technology can be used to create interactive educational\n            experiences around scientific and technical subjects.\n            By combining electrochemical learning with a navigable\n            3D environment, the project reflects BIG ART\u2019s wider approach\n            to connecting vocational education with innovative\n            immersive technologies.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Educational Digital Twin Project Between Anoda to Katoda A Virtual Tour of the World of Electrochemical Cells An educational Digital Twin project related to electrochemical processes, using an immersive 3D environment to support the exploration of the<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1975","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1975"}],"version-history":[{"count":2,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1975\/revisions"}],"predecessor-version":[{"id":2064,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1975\/revisions\/2064"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}