{"id":6,"date":"2024-06-07T08:30:33","date_gmt":"2024-06-07T08:30:33","guid":{"rendered":"http:\/\/pplay.local\/?page_id=6"},"modified":"2026-04-02T02:02:42","modified_gmt":"2026-04-02T05:02:42","slug":"bem-vindo","status":"publish","type":"page","link":"http:\/\/www2.ic.uff.br\/pplay\/","title":{"rendered":"Home"},"content":{"rendered":"\n<style>\n    \/* \n       ESTILOS EXCLUSIVOS DA HOME \n       Nota: O CSS Global j\u00e1 cuida das cores de fundo e fontes \n    *\/\n    \n    .home-hero {\n        text-align: center;\n        padding: 80px 20px;\n        background: radial-gradient(circle at center, rgba(34, 211, 238, 0.15) 0%, transparent 70%);\n    }\n\n    .home-hero h2 {\n        font-size: 4rem;\n        font-weight: 900;\n        margin-bottom: 20px;\n        background: linear-gradient(to right, #22d3ee, #818cf8);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .home-hero p {\n        font-size: 1.4rem;\n        color: #94a3b8;\n        max-width: 700px;\n        margin: 0 auto 40px;\n    }\n\n    \/* Bot\u00f5es Principais *\/\n    .hero-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n\n    .btn-main {\n        padding: 15px 40px;\n        font-size: 1.1rem;\n        font-weight: 700;\n        border-radius: 50px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .btn-tutorial {\n        background: #22d3ee;\n        color: #020617 !important;\n    }\n\n    .btn-download {\n        background: transparent;\n        color: #22d3ee !important;\n        border: 2px solid #22d3ee;\n    }\n\n    .btn-main:hover {\n        transform: scale(1.05);\n        box-shadow: 0 0 25px rgba(34, 211, 238, 0.4);\n    }\n\n    \/* Se\u00e7\u00e3o de Destaques *\/\n    .section-title {\n        text-align: center;\n        margin: 80px 0 40px;\n        font-size: 2rem;\n        color: #f8fafc;\n    }\n\n    .game-showcase {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto 80px;\n        padding: 0 20px;\n    }\n\n    .game-card {\n        background: #161b2a;\n        border: 1px solid #1e293b;\n        border-radius: 16px;\n        overflow: hidden;\n        transition: all 0.3s ease;\n    }\n\n    .game-card:hover {\n        border-color: #818cf8;\n        transform: translateY(-10px);\n    }\n\n    .game-thumb {\n        width: 100%;\n        height: 180px;\n        background: #0f172a;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: bold;\n        color: #334155;\n        border-bottom: 1px solid #1e293b;\n    }\n\n    .game-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .game-info {\n        padding: 20px;\n    }\n\n    .game-info h4 {\n        margin: 0 0 5px 0;\n        font-size: 1.3rem;\n        color: #f1f5f9;\n    }\n\n    .game-info span {\n        font-size: 0.85rem;\n        color: #64748b;\n        display: block;\n        margin-bottom: 15px;\n    }\n\n    .btn-play {\n        display: inline-block;\n        color: #818cf8 !important;\n        font-weight: 600;\n        font-size: 0.9rem;\n    }\n\n    \/* Responsividade *\/\n    @media (max-width: 768px) {\n        .home-hero h2 { font-size: 2.5rem; }\n        .home-hero p { font-size: 1.1rem; }\n    }\n<\/style>\n\n<div class=\"home-container\">\n    \n    <!-- SE\u00c7\u00c3O HERO -->\n    <header class=\"home-hero\">\n        <h2>Power PPlay 2.0<\/h2>\n        <p>A biblioteca Python para cria\u00e7\u00e3o de jogos que une a simplicidade acad\u00eamica \u00e0 performance de motores profissionais.<\/p>\n        \n        <div class=\"hero-buttons\">\n            <a href=\"\/pplay\/powerpplay\" class=\"btn-main btn-tutorial\">\n                \ud83d\ude80 Come\u00e7ar Tutoriais\n            <\/a>\n            <a href=\"\/pplay\/download\" class=\"btn-main btn-download\">\n                \ud83d\udce5 Baixar Engine\n            <\/a>\n        <\/div>\n    <\/header>\n<style>\n    \/* SE\u00c7\u00c3O DE CR\u00c9DITOS E LEGADO *\/\n    .credits-section {\n        padding: 80px 20px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .credits-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        align-items: start;\n    }\n\n    \/* Card do Desenvolvedor Atual (Voc\u00ea) *\/\n    .dev-card-v2 {\n        background: linear-gradient(145deg, #1e293b, #0f172a);\n        border: 2px solid #22d3ee;\n        border-radius: 20px;\n        padding: 40px;\n        position: relative;\n        box-shadow: 0 0 30px rgba(34, 211, 238, 0.1);\n        transition: transform 0.3s ease;\n    }\n    \n    .dev-card-v2:hover {\n        transform: scale(1.02);\n        box-shadow: 0 0 40px rgba(34, 211, 238, 0.2);\n    }\n\n    .dev-card-v2 .badge-v2 {\n        position: absolute;\n        top: -15px;\n        right: 20px;\n        background: #22d3ee;\n        color: #020617;\n        padding: 5px 15px;\n        border-radius: 50px;\n        font-weight: 800;\n        font-size: 0.8rem;\n        text-transform: uppercase;\n    }\n\n    .dev-card-v2 h4 {\n        color: #22d3ee;\n        font-size: 1.8rem;\n        margin-bottom: 10px;\n    }\n\n    .dev-card-v2 p {\n        color: #94a3b8;\n        font-size: 1rem;\n        line-height: 1.6;\n    }\n\n    \/* Lista da Equipe Original *\/\n    .legacy-list {\n        background: rgba(30, 41, 59, 0.3);\n        border-left: 4px solid #818cf8;\n        padding: 30px;\n        border-radius: 0 16px 16px 0;\n    }\n\n    .legacy-list h4 {\n        color: #818cf8;\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .legacy-names {\n        list-style: none;\n        padding: 0;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 10px;\n    }\n\n    .legacy-names li {\n        color: #cbd5e1;\n        font-size: 0.95rem;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .legacy-names li::before {\n        content: \"\u25c8\";\n        color: #818cf8;\n    }\n\n    \/* Responsividade *\/\n    @media (max-width: 850px) {\n        .credits-grid { grid-template-columns: 1fr; }\n        .dev-card-v2 { margin-bottom: 30px; }\n    }\n<\/style>\n\n<div class=\"credits-section\">\n    <h3 class=\"section-title\">\ud83d\ude80 Desenvolvimento e Legado<\/h3>\n    \n    <div class=\"credits-grid\">\n        <!-- CR\u00c9DITO VERS\u00c3O 2.0 -->\n        <div class=\"dev-card-v2\">\n            <span class=\"badge-v2\">Lead Developer 2.0<\/span>\n            <h4>Kau\u00e3 Neves Jesus de Paula<\/h4>\n            <p>\n                Respons\u00e1vel pela arquitetura e desenvolvimento da <strong>Power PPlay 2.0<\/strong>. \n                O projeto foca em modernizar o ensino de jogos na UFF, implementando sistemas de alta performance como Resource Caching, \n                Motor Cinem\u00e1tico de sub-pixel e Resolu\u00e7\u00e3o Virtual Independente.\n            <\/p>\n        <\/div>\n\n        <!-- CR\u00c9DITO EQUIPE ORIGINAL -->\n        <div class=\"legacy-list\">\n            <h4>Equipe PPlay Original<\/h4>\n            <p style=\"font-size: 0.85rem; margin-bottom: 20px; color: #64748b;\">\n                O PPlay 2.0 \u00e9 constru\u00eddo sobre o alicerce did\u00e1tico criado pelos pioneiros do projeto:\n            <\/p>\n            <ul class=\"legacy-names\">\n                <li>Prof. Esteban Clua<\/li>\n                <li>Prof. Anselmo Montenegro<\/li>\n                <li>Gabriel Saldanha<\/li>\n                <li>Ad\u00f4nis Gasiglia<\/li>\n                <li>Yuri Nogueira<\/li>\n                <li>Sergio Herman<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Power PPlay 2.0 A biblioteca Python para cria\u00e7\u00e3o de jogos que une a simplicidade acad\u00eamica \u00e0 performance de motores profissionais. \ud83d\ude80 Come\u00e7ar Tutoriais \ud83d\udce5 Baixar Engine \ud83d\ude80 Desenvolvimento e Legado Lead Developer 2.0 Kau\u00e3 Neves Jesus de Paula Respons\u00e1vel pela arquitetura e desenvolvimento da Power PPlay 2.0. O projeto foca em modernizar o ensino de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"home-template-sem-sidebar-sem-divisoes.php","meta":{"footnotes":""},"_links":{"self":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/6"}],"collection":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":9,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":1001,"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/pages\/6\/revisions\/1001"}],"wp:attachment":[{"href":"http:\/\/www2.ic.uff.br\/pplay\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}