desenvolvimento pre-lancamento
Commit inicial - add do repo privado para o repo NT style: changes header's logo and colors style: changes home page first session layout feat: creates about us home page section chore: creates home page section for whom chore: creates student materails home page section chore: creates teachers materials home page section chore: creates teacher materials home page section style: changes primary color style: changes color at activities page style: changes about page color style: changes name to Decoda fix: changes route to about page at footer fix: changes background color style: changes game page header colors style: changes footer colors chore: adds home page sections title style: changes main font family to Lato style: adds title font fix: changes sizes to be more responsive for mobile ajuste no build vercel atualiza regras envio homol Adiciona instrucoes de uso add JupyterLite fix solucao turtle Add Mole Mash e Modal de Falhas Add Progress Bar na pagina de Atividades fix game name chore: atualiza lockfile removendo vercel analytics inclusão de efeito ao mudar de fase add mecanismo de solução de fases em debug vite config test add BaseGame e refator do MoleMash refatoração turtle refatoração automato refatoração automato add tag bug 1 e 2 automato mostrar apenas games em homologação na pagina de atividades aumentar timeout das fases finais do Turtle fix bug scroll add video refactor semaforo arrumar ordem das cores add build docs update vercel update vercel update vercel update vercel update vercel add vercel jupyter add vercel jupyter fix deploy Vercel fix deploy Vercel fix deploy Vercel add cripto add cripto refatoração fix tour Mole Mash . remover arquivos de controle chore: adds development tag for activity card remover arquivos de status indevidamente versionados atualizar cores nas atividades add Quebra Cabeças add Quebra Cabeças add iniciativas add Iniciativas alteração de fotos pesadas fix menu mobile fix menu mobile fix menu mobile add Aspirador update icons update identidade visual documentação update jupyter add kernel python local add kernel python local add kernel python local feat: add health check feat: add primeiros passos add letramento mover letramento de lugar update path games update path games fix: ajuste clique rapido no botão executar remover dead code fix: refactor: extract shared utilities for storage, phase unlock and mobile detection stabilize context references and fix stale closure extrair GameProgressContext do GameStateContext (SRP) refactor(game): extrair usePhaser e useGameModals de GameBase + corrigir bugs descobertos refactor(game): remove todos os aliases PT/EN duplicados Remover aliases PT/EN da camada de modais refactor + tests security: add CodeSanitizer and integrate into GameInterpreter - CodeSanitizer.js: 4 built-in rules (max_length, infinite_while, infinite_for, excessive_nesting) with pluggable extra rules - GameInterpreter.executeCode: calls sanitizeCode() before js-interpreter, differentiates CodeSanitizationError (warn) from other errors (error) - 21 unit tests for CodeSanitizer (100% coverage) - 4 integration tests in GameInterpreter for sanitization paths add CodeSanitizer fix: fase 10 aspirador fix: bug semaforo teste feat: add version Ajusta a landing page para ficar mais próxima ao protótipo ajusta raio da borda do botão de Acesse nosso Laboratório pequenos ajustes de layout na página de iniciativas atualiza tabela de jogos educativos com os jogos disponíveis atualmente ajustados pequenos detalhes e informações do jogos na seção de guias pedagógicos troca nome playground para laboratório e adiciona imagens do lab adiciona documentação de conceitos básicos de programação ajustado pequenos erros de digitação adiciona tooltip com conceitos escondidos em hover na tag +N de conceitos update docs dev desativar tour setup matriz MoleMash setup matriz MoleMash fix: link update version update docs update docs mudou o layout de quem somos mudei as imgs dos icons e baixei o botao centraliza titulo com imagem e ajusta sessão com gradiente vermelho-rosa adiciona responsividade para a pagina quem somos ajusta botão de conheça nossa história ajustes ajustes na home + add. teclado update version security security feat: add tapume para telas pequenas v1.1.0 feat: decoda offline feat: doc offline offline fix: ajustes para release fix: navbar; config ordenação; versão fix: rotas docs e jupyter para pwa delete private files Co-authored-by: Indra Araujo <indra.araujo.santos@gmail.com> Co-authored-by: solange dos santos <sollangelive71@gmail.com>
This commit is contained in:
51
docs/src/components/Home/index.js
Normal file
51
docs/src/components/Home/index.js
Normal file
@@ -0,0 +1,51 @@
|
||||
import React from "react";
|
||||
import Link from "@docusaurus/Link";
|
||||
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
|
||||
import Layout from "@theme/Layout";
|
||||
import styles from "./styles.module.css";
|
||||
|
||||
function HomePage() {
|
||||
return (
|
||||
<section className={styles.homeBanner}>
|
||||
<div className={styles.mainCard}>
|
||||
{/* Lado Esquerdo: Textos e Botões */}
|
||||
<div>
|
||||
<h1 className={styles.title}>
|
||||
Documentação do{" "}
|
||||
<span className={styles.titleHighlight}>Decoda</span>
|
||||
</h1>
|
||||
<p className={styles.description}>
|
||||
Encontre tudo que você precisa para usar, desenvolver e ensinar
|
||||
com o Decoda. Guias completos para desenvolvedores e educadores.
|
||||
</p>
|
||||
<div className={styles.actionButtons}>
|
||||
<Link to="/edu/intro" className={styles.button}>
|
||||
<i className="fas fa-graduation-cap"></i>
|
||||
<span>Guia do Educador</span>
|
||||
</Link>
|
||||
<Link to="/docs/docs/intro" className={styles.button}>
|
||||
<i className="fas fa-code"></i>
|
||||
<span>Guia do Desenvolvedor</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Lado Direito: Imagem */}
|
||||
<div>
|
||||
<img
|
||||
src="/docs/img/home.png"
|
||||
alt="Decoda"
|
||||
className={styles.homeImage}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const { siteConfig } = useDocusaurusContext();
|
||||
return (
|
||||
<HomePage />
|
||||
);
|
||||
}
|
||||
105
docs/src/components/Home/styles.module.css
Normal file
105
docs/src/components/Home/styles.module.css
Normal file
@@ -0,0 +1,105 @@
|
||||
.homeBanner {
|
||||
background: linear-gradient(135deg, #f8f9fa, #ffffff);
|
||||
padding: 4rem 1rem;
|
||||
min-height: calc(100vh - 60px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mainCard {
|
||||
background: white;
|
||||
border-radius: 2rem;
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
padding: 3rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 4rem;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: clamp(2.5rem, 5vw, 4rem);
|
||||
font-weight: 900;
|
||||
/* Cor gerenciada pelo custom.css global */
|
||||
color: var(--ifm-color-emphasis-1000);
|
||||
line-height: 1.1;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.titleHighlight {
|
||||
background: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: clamp(1rem, 2vw, 1.25rem);
|
||||
/* Cor de alto contraste gerenciada pelo custom.css global */
|
||||
color: var(--ifm-color-emphasis-700);
|
||||
margin-bottom: 3rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.actionButtons {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1.5rem;
|
||||
width: 100%;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: var(--action-green);
|
||||
color: #000000;
|
||||
padding: 1rem 1.5rem;
|
||||
border-radius: 32px;
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.75rem;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
transform: scale(1.05);
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.homeImage {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
|
||||
/* Responsividade */
|
||||
@media (max-width: 996px) {
|
||||
.mainCard {
|
||||
grid-template-columns: 1fr;
|
||||
text-align: center;
|
||||
padding: 2rem;
|
||||
}
|
||||
.actionButtons {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.actionButtons {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
130
docs/src/css/custom.css
Normal file
130
docs/src/css/custom.css
Normal file
@@ -0,0 +1,130 @@
|
||||
/* Importação das fontes do Google Fonts */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600;700&family=JetBrains+Mono:wght@400;700&family=Lato:wght@400;700;900&display=swap');
|
||||
|
||||
:root {
|
||||
/* ==========================================
|
||||
CORES ORIGINAIS DA MARCA DECODA
|
||||
========================================== */
|
||||
--brand-primary: #ed1b2f;
|
||||
--brand-secondary: #ed0973;
|
||||
--brand-accent: #b624c0;
|
||||
--action-green: rgb(213, 223, 80);
|
||||
--action-orange: rgb(255, 181, 80);
|
||||
|
||||
--primary-gradient-start: #F90527;
|
||||
--primary-gradient-end: #F50C52;
|
||||
|
||||
/* ==========================================
|
||||
MAPEAMENTO DE TIPOGRAFIA (INFIMA)
|
||||
========================================== */
|
||||
--ifm-font-family-base: "Lato", system-ui, sans-serif;
|
||||
--ifm-heading-font-family: "Barlow Semi Condensed", system-ui, sans-serif;
|
||||
--ifm-font-family-monospace: "JetBrains Mono", monospace;
|
||||
|
||||
/* ==========================================
|
||||
MAPEAMENTO DE CORES PRIMÁRIAS (INFIMA)
|
||||
========================================== */
|
||||
--ifm-color-primary: var(--brand-primary);
|
||||
--ifm-color-primary-dark: #d5182a;
|
||||
--ifm-color-primary-darker: #c91728;
|
||||
--ifm-color-primary-darkest: #a61321;
|
||||
--ifm-color-primary-light: #f03244;
|
||||
--ifm-color-primary-lighter: #f13d4e;
|
||||
--ifm-color-primary-lightest: #f45e6d;
|
||||
--ifm-font-color-base: #000000;
|
||||
--ifm-color-emphasis-700: #1a1a1a;
|
||||
--ifm-color-emphasis-800: #000000;
|
||||
--ifm-color-emphasis-900: #000000;
|
||||
--ifm-color-emphasis-1000: #000000;
|
||||
--ifm-menu-color: #1a1a1a;
|
||||
--ifm-menu-color-active: var(--brand-primary);
|
||||
}
|
||||
/* rgb(252 165 165 / var(--tw-border-opacity, 1)) */
|
||||
|
||||
/* ==========================================
|
||||
SIDEBAR
|
||||
========================================== */
|
||||
|
||||
.theme-doc-sidebar-menu {
|
||||
--ifm-menu-color-background-hover: rgba(213, 223, 80, 0.2);
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-menu .menu__link,
|
||||
.theme-doc-sidebar-menu .menu__list-item-collapsible {
|
||||
border-radius: 1rem;
|
||||
transition: background-color 0.2s ease; /* Deixa a troca de cor mais suave */
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-menu .menu__link--active,
|
||||
.theme-doc-sidebar-menu .menu__list-item-collapsible--active {
|
||||
background-color: var(--action-green) !important;
|
||||
color: #000000 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-menu .menu__list-item-collapsible--active .menu__link--sublist-caret {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
BREADCRUMBS (Trilha de Navegação)
|
||||
========================================== */
|
||||
|
||||
.theme-doc-breadcrumbs .breadcrumbs__item--active .breadcrumbs__link {
|
||||
background-color: var(--action-orange) !important;
|
||||
color: #000000 !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.theme-doc-breadcrumbs .breadcrumbs__link:hover {
|
||||
background-color: rgba(255, 181, 80, 0.2) !important;
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
SIDEBAR DIREITA (Table of Contents)
|
||||
========================================== */
|
||||
|
||||
.table-of-contents__link {
|
||||
border-radius: 1rem;
|
||||
padding: 0.3rem 0.6rem !important;
|
||||
transition: background-color 0.2s ease, color 0.2s ease;
|
||||
display: block; /* Garante que o fundo preencha o espaço como um botão */
|
||||
margin-bottom: 0.15rem; /* Dá um leve respiro entre os itens */
|
||||
}
|
||||
|
||||
.table-of-contents__link:hover {
|
||||
background-color: rgba(255, 181, 80, 0.2) !important;
|
||||
border-radius: 1rem;
|
||||
color: #000000 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.table-of-contents__link--active {
|
||||
background-color: var(--action-orange) !important;
|
||||
color: #000000 !important;
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
SCROLLBAR
|
||||
========================================== */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f8f9fa;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(45deg, #fe0002 0%, #f50c52 100%);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: linear-gradient(45deg, #fe0002 0%, #f50c52 100%);
|
||||
}
|
||||
87
docs/src/js/navbar-scroll.js
Normal file
87
docs/src/js/navbar-scroll.js
Normal file
@@ -0,0 +1,87 @@
|
||||
// Navbar scroll effect for Decoda Documentation
|
||||
(function () {
|
||||
"use strict";
|
||||
|
||||
let navbar;
|
||||
let scrollTimer = null;
|
||||
let isScrolling = false;
|
||||
|
||||
function initNavbarScrollEffect() {
|
||||
navbar = document.querySelector(".navbar");
|
||||
if (!navbar) return;
|
||||
|
||||
// Add scroll event listener with throttling
|
||||
window.addEventListener("scroll", handleScroll, { passive: true });
|
||||
|
||||
// Initial check
|
||||
handleScroll();
|
||||
}
|
||||
|
||||
function handleScroll() {
|
||||
if (!navbar) return;
|
||||
|
||||
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||
const threshold = 50; // Pixels to scroll before effect kicks in
|
||||
|
||||
// Clear existing timer
|
||||
if (scrollTimer) {
|
||||
clearTimeout(scrollTimer);
|
||||
}
|
||||
|
||||
// Add scrolling class immediately
|
||||
if (scrollTop > threshold && !isScrolling) {
|
||||
navbar.classList.add("navbar--scrolled");
|
||||
isScrolling = true;
|
||||
} else if (scrollTop <= threshold && isScrolling) {
|
||||
navbar.classList.remove("navbar--scrolled");
|
||||
isScrolling = false;
|
||||
}
|
||||
|
||||
// Debounce for performance
|
||||
scrollTimer = setTimeout(() => {
|
||||
const currentScrollTop =
|
||||
window.pageYOffset || document.documentElement.scrollTop;
|
||||
if (
|
||||
currentScrollTop > threshold &&
|
||||
!navbar.classList.contains("navbar--scrolled")
|
||||
) {
|
||||
navbar.classList.add("navbar--scrolled");
|
||||
isScrolling = true;
|
||||
} else if (
|
||||
currentScrollTop <= threshold &&
|
||||
navbar.classList.contains("navbar--scrolled")
|
||||
) {
|
||||
navbar.classList.remove("navbar--scrolled");
|
||||
isScrolling = false;
|
||||
}
|
||||
}, 10);
|
||||
}
|
||||
|
||||
// Initialize when DOM is ready
|
||||
if (document.readyState === "loading") {
|
||||
document.addEventListener("DOMContentLoaded", initNavbarScrollEffect);
|
||||
} else {
|
||||
initNavbarScrollEffect();
|
||||
}
|
||||
|
||||
// Re-initialize on route changes (for SPA navigation)
|
||||
window.addEventListener("popstate", () => {
|
||||
setTimeout(initNavbarScrollEffect, 100);
|
||||
});
|
||||
|
||||
// Observer for dynamic content loading
|
||||
if (typeof MutationObserver !== "undefined") {
|
||||
const observer = new MutationObserver((mutations) => {
|
||||
mutations.forEach((mutation) => {
|
||||
if (mutation.type === "childList" && !navbar) {
|
||||
initNavbarScrollEffect();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
observer.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true,
|
||||
});
|
||||
}
|
||||
})();
|
||||
20
docs/src/pages/index.js
Normal file
20
docs/src/pages/index.js
Normal file
@@ -0,0 +1,20 @@
|
||||
import React from "react";
|
||||
import Head from "@docusaurus/Head";
|
||||
import HomePage from "@site/src/components/Home";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Decoda - Plataforma Educacional React</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Plataforma educacional React para ensino de programação visual - Portal completo para desenvolvedores e educadores"
|
||||
/>
|
||||
</Head>
|
||||
<div className="homepage-container homepage-hero-only">
|
||||
<HomePage />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
23
docs/src/pages/index.module.css
Normal file
23
docs/src/pages/index.module.css
Normal file
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* CSS files with the .module.css suffix will be treated as CSS modules
|
||||
* and scoped locally.
|
||||
*/
|
||||
|
||||
.heroBanner {
|
||||
padding: 4rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 996px) {
|
||||
.heroBanner {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
9
docs/src/theme/Root.js
Normal file
9
docs/src/theme/Root.js
Normal file
@@ -0,0 +1,9 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function Root({children}) {
|
||||
return (
|
||||
<>
|
||||
{children}
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user