{"id":6,"date":"2016-01-06T17:58:15","date_gmt":"2016-01-06T17:58:15","guid":{"rendered":"https:\/\/paginas.fe.up.pt\/~brasil\/?page_id=6"},"modified":"2025-10-17T17:27:31","modified_gmt":"2025-10-17T16:27:31","slug":"web-fe-up-pt-brasil","status":"publish","type":"page","link":"https:\/\/fe.up.pt\/hologem\/","title":{"rendered":"HoloGEM &#8211; Holographic Integration for Geosciences Education and Mining"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>HoloGEM &#8211; Holographic Integration for Geosciences Education and Mining<\/title><br \/>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<\/head><br \/>\n<body class=\"font-sans bg-gray-50\"><\/p>\n<style>\n        :root {\n            --color-primary: #1C3E5A;\n            --color-secondary: #00A651;\n            --color-accent: #FFC300;\n        }<\/p>\n<p>        .hero-gradient {\n            background: linear-gradient(135deg, rgba(28, 62, 90, 0.9) 0%, rgba(0, 166, 81, 0.8) 100%);\n        }<\/p>\n<p>        .section-header {\n            position: relative;\n            padding-bottom: 0.75rem;\n            margin-bottom: 2rem;\n        }<\/p>\n<p>        .section-header::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 80px;\n            height: 4px;\n            background: var(--color-secondary);\n            border-radius: 2px;\n        }<\/p>\n<p>        .section-header.center::after {\n            left: 50%;\n            transform: translateX(-50%);\n        }<\/p>\n<p>        .card-hover {\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .card-hover:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }<\/p>\n<p>        .news-date {\n            position: relative;\n            padding-left: 1rem;\n        }<\/p>\n<p>        .news-date::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 6px;\n            height: 6px;\n            background: var(--color-accent);\n            border-radius: 50%;\n        }\n    <\/style>\n<p>    <!-- Header --><\/p>\n<header class=\"bg-white shadow-lg sticky top-0 z-50\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"flex justify-between items-center py-4\">\n                <!-- Logo --><\/p>\n<div class=\"flex items-center space-x-4\">\n<div class=\"w-12 h-12 rounded-full bg-secondary flex items-center justify-center font-bold text-xl text-white\">H<\/div>\n<div>\n<h1 class=\"text-2xl font-bold text-primary\">HoloGEM<\/h1>\n<p class=\"text-xs text-gray-600\">Erasmus+ KA220-VET Project<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Navigation --><\/p>\n<nav class=\"hidden md:flex space-x-8\">\n                    <a href=\"index.html\" class=\"text-secondary font-semibold border-b-2 border-secondary pb-1\">Home<\/a><br \/>\n                    <a href=\"about_hologem.html\" class=\"text-gray-700 hover:text-secondary font-medium transition duration-300\">About<\/a><br \/>\n                    <a href=\"research_team.html\" class=\"text-gray-700 hover:text-secondary font-medium transition duration-300\">Research Team<\/a><br \/>\n                    <a href=\"publications.html\" class=\"text-gray-700 hover:text-secondary font-medium transition duration-300\">Publications<\/a><br \/>\n                    <a href=\"dissemination.html\" class=\"text-gray-700 hover:text-secondary font-medium transition duration-300\">Dissemination<\/a><br \/>\n                    <a href=\"contacts.html\" class=\"text-gray-700 hover:text-secondary font-medium transition duration-300\">Contacts<\/a><br \/>\n                <\/nav>\n<p>                <!-- Mobile menu button --><br \/>\n                <button class=\"md:hidden text-gray-700\"><br \/>\n                    <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<\/header>\n<p>    <!-- Hero Section --><\/p>\n<section class=\"relative min-h-[80vh] flex items-center justify-center bg-gradient-to-r from-primary to-secondary text-white\">\n<div class=\"absolute inset-0 bg-black opacity-20\"><\/div>\n<div class=\"relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n<div class=\"mb-6\">\n                <span class=\"bg-accent text-primary px-4 py-2 rounded-full text-sm font-semibold uppercase tracking-wide\"><br \/>\n                    Erasmus+ KA220-VET Project<br \/>\n                <\/span>\n            <\/div>\n<h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-6\">\n                Holographic Integration for<br \/>\n                <span class=\"text-accent\">Geosciences Education<\/span><br \/>\n                and Mining<br \/>\n            <\/h1>\n<p class=\"text-xl md:text-2xl text-gray-100 mb-10 max-w-4xl mx-auto leading-relaxed\">\n                Revolutionizing vocational training through <strong>Mixed Reality (XR)<\/strong> and <strong>innovative physical models<\/strong> for a sustainable future in the European mining sector.\n            <\/p>\n<div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n                <a href=\"about_hologem.html\" class=\"bg-white text-primary font-bold py-4 px-8 rounded-full shadow-lg hover:bg-gray-100 transition duration-300 transform hover:-translate-y-1\"><br \/>\n                    Discover the Project Mission<br \/>\n                <\/a><br \/>\n                <a href=\"publications.html\" class=\"bg-accent text-primary font-bold py-4 px-8 rounded-full shadow-lg hover:bg-yellow-400 transition duration-300 transform hover:-translate-y-1 border-2 border-transparent\"><br \/>\n                    View Outputs &#038; Results<br \/>\n                <\/a>\n            <\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Quick Facts --><\/p>\n<section class=\"py-16 bg-white\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-primary text-center mb-4\">Project Impact at a Glance<\/h2>\n<p class=\"text-gray-600 text-center mb-12 max-w-2xl mx-auto\">Transforming geosciences education across Europe through innovative technology and collaboration<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-4 gap-6\">\n                <!-- Fact 1 --><\/p>\n<div class=\"bg-gray-50 p-8 rounded-2xl text-center card-hover border-l-4 border-secondary\">\n<div class=\"text-5xl font-bold text-secondary mb-2\">3<\/div>\n<h3 class=\"text-xl font-semibold text-primary mb-2\">European Countries<\/h3>\n<p class=\"text-gray-600\">Poland, Portugal, Turkey collaborating together<\/p>\n<\/p><\/div>\n<p>                <!-- Fact 2 --><\/p>\n<div class=\"bg-gray-50 p-8 rounded-2xl text-center card-hover border-l-4 border-secondary\">\n<div class=\"text-5xl font-bold text-secondary mb-2\">7<\/div>\n<h3 class=\"text-xl font-semibold text-primary mb-2\">Partner Organizations<\/h3>\n<p class=\"text-gray-600\">Universities &#038; VET Schools united for education<\/p>\n<\/p><\/div>\n<p>                <!-- Fact 3 --><\/p>\n<div class=\"bg-gray-50 p-8 rounded-2xl text-center card-hover border-l-4 border-secondary\">\n<div class=\"text-5xl font-bold text-secondary mb-2\">30+<\/div>\n<h3 class=\"text-xl font-semibold text-primary mb-2\">Interactive Models<\/h3>\n<p class=\"text-gray-600\">Digital (XR) &#038; Physical learning resources<\/p>\n<\/p><\/div>\n<p>                <!-- Fact 4 --><\/p>\n<div class=\"bg-gray-50 p-8 rounded-2xl text-center card-hover border-l-4 border-secondary\">\n<div class=\"text-5xl font-bold text-secondary mb-2\">36<\/div>\n<h3 class=\"text-xl font-semibold text-primary mb-2\">Project Months<\/h3>\n<p class=\"text-gray-600\">September 2022 &#8211; August 2025<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Why HoloGEM Matters --><\/p>\n<section class=\"py-16 bg-gray-50\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"bg-white rounded-2xl shadow-xl overflow-hidden\">\n<div class=\"grid md:grid-cols-2 gap-0\">\n                    <!-- Image Side --><\/p>\n<div class=\"bg-primary p-12 flex items-center justify-center\">\n<div class=\"text-center text-white\">\n<div class=\"w-20 h-20 bg-accent rounded-full flex items-center justify-center mx-auto mb-6\">\n                                <svg class=\"w-10 h-10 text-primary\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"text-2xl font-bold mb-4\">Interactive Learning<\/h3>\n<p class=\"text-gray-200\">Experience geology like never before with mixed reality technology<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Content Side --><\/p>\n<div class=\"p-12\">\n<h2 class=\"text-3xl font-bold text-primary mb-6 section-header\">Why HoloGEM Matters<\/h2>\n<h3 class=\"text-2xl font-bold text-primary mb-4\">Closing the Digital and Skills Gap<\/h3>\n<p class=\"text-gray-700 leading-relaxed mb-6\">\n                            The Geosciences and Mining industry requires a modern workforce trained in digital and sustainable practices. HoloGEM directly addresses the critical lack of engaging, updated, and standardized educational materials in Vocational Education and Training (VET).\n                        <\/p>\n<ul class=\"space-y-3 mb-8\">\n<li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 text-secondary mt-1 mr-3 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg><br \/>\n                                <span class=\"text-gray-700\">Focus on <strong>Green Mining<\/strong> and Circular Economy principles<\/span>\n                            <\/li>\n<li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 text-secondary mt-1 mr-3 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg><br \/>\n                                <span class=\"text-gray-700\">Utilizes <strong>Augmented\/Virtual Reality<\/strong> for complex spatial understanding<\/span>\n                            <\/li>\n<li class=\"flex items-start\">\n                                <svg class=\"w-5 h-5 text-secondary mt-1 mr-3 flex-shrink-0\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                    <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\n                                <\/svg><br \/>\n                                <span class=\"text-gray-700\">Aims to <strong>increase student enrollment<\/strong> and diversity in the field<\/span>\n                            <\/li>\n<\/ul>\n<p>                        <a href=\"about_hologem.html\" class=\"inline-flex items-center text-secondary font-semibold hover:text-primary transition duration-300\"><br \/>\n                            Read Detailed Objectives<br \/>\n                            <svg class=\"w-4 h-4 ml-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Latest News --><\/p>\n<section class=\"py-16 bg-white\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-primary text-center mb-4\">Latest Project News<\/h2>\n<p class=\"text-gray-600 text-center mb-12 max-w-2xl mx-auto\">Stay updated with our latest achievements, events, and milestones<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <!-- News 1 --><\/p>\n<article class=\"bg-gray-50 rounded-2xl overflow-hidden card-hover border border-gray-200\">\n<div class=\"h-2 bg-accent\"><\/div>\n<div class=\"p-6\">\n<div class=\"flex items-center text-sm text-gray-500 mb-3\">\n                            <span class=\"news-date\">October 15, 2023<\/span>\n                        <\/div>\n<h3 class=\"text-xl font-bold text-primary mb-3\">XR Toolkit Pilot Successfully Concluded in Portugal<\/h3>\n<p class=\"text-gray-600 mb-4\">The first set of holographic models was tested by VET students at AE Valongo, receiving overwhelmingly positive feedback on engagement and learning outcomes.<\/p>\n<p>                        <a href=\"dissemination.html\" class=\"text-secondary font-semibold hover:text-primary transition duration-300 inline-flex items-center\"><br \/>\n                            Read More<br \/>\n                            <svg class=\"w-4 h-4 ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article>\n<p>                <!-- News 2 --><\/p>\n<article class=\"bg-gray-50 rounded-2xl overflow-hidden card-hover border border-gray-200\">\n<div class=\"h-2 bg-secondary\"><\/div>\n<div class=\"p-6\">\n<div class=\"flex items-center text-sm text-gray-500 mb-3\">\n                            <span class=\"news-date\">September 2, 2023<\/span>\n                        <\/div>\n<h3 class=\"text-xl font-bold text-primary mb-3\">Consortium Meeting Held at AGH Krakow<\/h3>\n<p class=\"text-gray-600 mb-4\">Project leaders met to finalize the structure of the Educational eBook and plan for the next stage of physical equipment development and deployment.<\/p>\n<p>                        <a href=\"dissemination.html\" class=\"text-secondary font-semibold hover:text-primary transition duration-300 inline-flex items-center\"><br \/>\n                            Read More<br \/>\n                            <svg class=\"w-4 h-4 ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article>\n<p>                <!-- News 3 --><\/p>\n<article class=\"bg-gray-50 rounded-2xl overflow-hidden card-hover border border-gray-200\">\n<div class=\"h-2 bg-primary\"><\/div>\n<div class=\"p-6\">\n<div class=\"flex items-center text-sm text-gray-500 mb-3\">\n                            <span class=\"news-date\">July 20, 2023<\/span>\n                        <\/div>\n<h3 class=\"text-xl font-bold text-primary mb-3\">First Scientific Publication Submitted<\/h3>\n<p class=\"text-gray-600 mb-4\">Paper detailing the methodology for integrating AR into mineral processing labs is now under peer review at the Mine Engineering Journal.<\/p>\n<p>                        <a href=\"publications.html\" class=\"text-secondary font-semibold hover:text-primary transition duration-300 inline-flex items-center\"><br \/>\n                            View Publications<br \/>\n                            <svg class=\"w-4 h-4 ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n                                <path fill-rule=\"evenodd\" d=\"M10.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L12.586 11H5a1 1 0 110-2h7.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"><\/path>\n                            <\/svg><br \/>\n                        <\/a>\n                    <\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- Footer --><\/p>\n<footer class=\"bg-primary text-white py-12\">\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n<div class=\"text-center\">\n<div class=\"mb-6\">\n<div class=\"w-16 h-16 rounded-full bg-secondary flex items-center justify-center font-bold text-2xl text-white mx-auto mb-4\">H<\/div>\n<h3 class=\"text-2xl font-bold mb-2\">HoloGEM<\/h3>\n<p class=\"text-gray-300\">Holographic Integration for Geosciences Education and Mining<\/p>\n<\/p><\/div>\n<div class=\"border-t border-gray-600 pt-6 mt-6\">\n<p class=\"text-gray-300 mb-2\">\n                        HoloGEM is co-funded by the Erasmus+ Programme of the European Union\n                    <\/p>\n<p class=\"text-gray-400 text-sm mb-2\">\n                        Project Period: September 2022 &#8211; August 2025 | KA220-VET Cooperation Partnerships\n                    <\/p>\n<p class=\"text-gray-400 text-sm\">\n                        Find out more about the project on the partner site:<br \/>\n                        <a href=\"https:\/\/fe.up.pt\/hologem\/\" class=\"text-secondary hover:text-white underline transition duration-300\"><br \/>\n                            HoloGEM FEUP Page<br \/>\n                        <\/a>\n                    <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HoloGEM &#8211; Holographic Integration for Geosciences Education and Mining H HoloGEM Erasmus+ KA220-VET Project Home About Research Team Publications Dissemination Contacts Erasmus+ KA220-VET Project Holographic &hellip;<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":59,"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":5475,"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/pages\/6\/revisions\/5475"}],"wp:attachment":[{"href":"https:\/\/fe.up.pt\/hologem\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}