diff --git a/app/globals.css b/app/globals.css index e225e3d..c716bb9 100644 --- a/app/globals.css +++ b/app/globals.css @@ -44,8 +44,8 @@ } *{box-sizing:border-box;margin:0;padding:0} -html{scroll-behavior:smooth} -body{font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} +html{scroll-behavior:smooth;height:100%} +body{display:flex;flex-direction:column;min-height:100vh;font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} img,svg{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:none;cursor:pointer} @@ -69,8 +69,8 @@ h3{font-size:24px;line-height:1.25} h4{font-size:18px;line-height:1.3} .lead{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:62ch} -.nav{position:sticky;top:0;z-index:50;background:rgba(254,254,255,.98);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);} -.nav-inner{display:flex;align-items:center;gap:18px;height:64px} +.nav{position:sticky;top:0;z-index:50;background:rgba(254,254,255,.98);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden} +.nav-inner{display:flex;align-items:center;gap:18px;height:64px;padding:0 28px;width:100%;max-width:1200px;margin:0 auto} .nav-logo{display:flex;align-items:center;gap:10px;color:var(--brand)} .nav-logo:hover{color:var(--brand-on)} .nav-logo .nav-mark{width:26px;height:auto;display:none} @@ -79,6 +79,23 @@ h4{font-size:18px;line-height:1.3} .nav-links a{font-size:14px;color:var(--ink-2);padding:8px 11px;border-radius:var(--r-sm);transition:background .15s,color .15s;} .nav-links a:hover{background:var(--surface);color:var(--ink)} .nav-links a.is-active{background:var(--surface);color:var(--ink);font-weight:500} +.nav-backdrop{position:fixed;inset:0;background:rgba(25,24,23,.3);z-index:99;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)} +@keyframes fadeIn{from{opacity:0}to{opacity:1}} +.nav-burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:101;order:-1} +.nav-burger span{width:22px;height:2px;background:var(--ink);border-radius:1px;transition:all .3s} +.nav-mobile-menu{position:fixed;top:0;left:0;height:100vh;width:280px;background:var(--bg);flex-direction:column;gap:0;z-index:100;display:flex;transform:translateX(-100%);animation:slideLeft .3s cubic-bezier(.4,0,.2,1) forwards;overflow-y:auto} +.nav-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line);height:64px;flex-shrink:0} +.nav-mobile-menu-logo{height:24px;width:auto;color:var(--brand)} +.nav-mobile-menu-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--ink);font-size:28px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .15s} +.nav-mobile-menu-close:hover{color:var(--ink-2)} +.nav-mobile-menu a{padding:16px 28px;font-size:15px;color:var(--ink-2);transition:background .15s;border:none;display:block} +.nav-mobile-menu a:hover{background:var(--surface);color:var(--ink)} +.nav-mobile-menu a.is-active{background:var(--surface);color:var(--ink);font-weight:500} +.nav-mobile-menu .lang-switcher{width:100%;padding:16px 28px;border-top:1px solid var(--line)} +.nav-mobile-menu .lang-trigger{width:100%;justify-content:space-between;padding:8px 12px} +.lang-list-inline{position:static;width:100%;min-width:0;margin-top:8px;padding:4px;box-shadow:none;border-color:var(--line)} +.lang-list-inline button{padding:10px 10px} +@keyframes slideLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}} .nav-right{display:flex;align-items:center;gap:10px} .lang-switcher{position:relative;display:inline-block} .lang-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:7px 10px 7px 9px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ink-2);cursor:pointer;transition:background .15s,border-color .15s,color .15s;} @@ -317,6 +334,9 @@ h4{font-size:18px;line-height:1.3} .dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block} .contrib-card .footer a{color:var(--brand-on);font-weight:500;display:inline-flex;align-items:center;gap:4px} +.citation-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:32px} +.community-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:32px} +.abt-mission-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:32px;margin-top:32px} .guides-section{margin-top:64px} .guides-section .sec-eyebrow{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-bottom:14px} .guides-section .sec-eyebrow .num{color:var(--brand);font-weight:500} @@ -487,7 +507,7 @@ h4{font-size:18px;line-height:1.3} .cs-cta{padding-top:24px;border-top:1px dashed var(--line);font-size:14px;color:var(--ink-2);line-height:1.55} .cs-cta p{max-width:62ch} -.foot{background:var(--ink-bg);color:var(--ink-text-2);padding:72px 0 36px;border-top:none} +.foot{margin-top:auto;background:var(--ink-bg);color:var(--ink-text-2);padding:72px 0 36px;border-top:none} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px} .foot h5{font-family:var(--mono);font-size:11px;color:var(--ink-text);margin-bottom:14px;letter-spacing:.05em;font-weight:500} .foot ul{list-style:none} @@ -501,6 +521,12 @@ h4{font-size:18px;line-height:1.3} .nav-logo .nav-lockup{display:none} .nav-logo .nav-mark{display:block} .nav-links a{padding:8px 8px;font-size:13px} + .nav-burger{display:flex;margin-left:8px} + .nav-links{display:none} + .nav-mobile-menu{display:flex} + .lang-switcher-desktop{display:none} + .nav-right{margin-left:auto} + .nav-inner{padding-left:0!important} } @media(max-width:980px){ h1{font-size:54px}h2{font-size:34px} @@ -522,6 +548,7 @@ h4{font-size:18px;line-height:1.3} .news-grid{grid-template-columns:1fr}.inst-grid{grid-template-columns:repeat(2,1fr)} .inst-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr} .comm-stats{grid-template-columns:1fr 1fr} + .community-grid{grid-template-columns:1fr 1fr} .student-grid{grid-template-columns:repeat(4,1fr)} .students-card{padding:22px 20px 16px} .mock-chrome{padding:10px 14px}.mock-url{font-size:10.5px} @@ -531,7 +558,7 @@ h4{font-size:18px;line-height:1.3} .wm{width:200px}.wm-lg{width:130px}.wm-sm{width:150px} } @media(max-width:740px){ - .nav-links{display:none}.nav-inner{gap:12px}.nav-right{gap:6px}.lang-trigger{padding:6px 8px} + .nav-burger{display:flex;margin-left:8px}.nav-links{display:none}.nav-mobile-menu{display:flex}.nav-inner{gap:12px;padding-left:0!important}.lang-switcher-desktop{display:none}.lang-trigger{padding:6px 8px}.nav-right{margin-left:auto} .hero{padding:48px 0 56px}.hero h1{font-size:44px;letter-spacing:-.03em} .hero-sub{font-size:17px;margin-top:20px}.hero-cta .btn{font-size:13.5px} .section{padding:64px 0}.section--tight{padding:48px 0} @@ -543,6 +570,10 @@ h4{font-size:18px;line-height:1.3} .showcase-explain{grid-template-columns:1fr;gap:12px} .guide{padding:20px}.guide-head{gap:14px}.guide-head h3{font-size:18px} .first-pr{padding:24px;gap:20px}.wrap{padding:0 20px} + .citation-grid{grid-template-columns:1fr;gap:20px} + .community-grid{grid-template-columns:1fr} + .cs-meta{grid-template-columns:1fr} + .abt-mission-grid{grid-template-columns:1fr;gap:20px} } @media(max-width:640px){ .hero h1{font-size:38px}h1{font-size:36px}h2{font-size:26px} diff --git a/components/community/Footer.tsx b/components/community/Footer.tsx index 3795a2a..fd87d9a 100644 --- a/components/community/Footer.tsx +++ b/components/community/Footer.tsx @@ -90,7 +90,7 @@ export function Footer() {
  • - {t('ft.em')} + {t('ft.em')}
  • @@ -104,7 +104,6 @@ export function Footer() {
    {t('ft.copy')}
    -
    {t('ft.proto')}
    diff --git a/components/community/Navbar.tsx b/components/community/Navbar.tsx index a2a8b6b..b7fba4d 100644 --- a/components/community/Navbar.tsx +++ b/components/community/Navbar.tsx @@ -38,6 +38,7 @@ export function Navbar({ route }: { route: string }) { const setLang = (l: string) => { i18n.changeLanguage(l); try { localStorage.setItem('dashai-lang', l) } catch {} } const [isOpen, setIsOpen] = useState(false) + const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const { stats, isLoading: statsLoading } = useStats() const stars = stats?.github.stars ?? null const switcherRef = useRef(null) @@ -52,14 +53,31 @@ export function Navbar({ route }: { route: string }) { return () => document.removeEventListener('click', handleClickOutside) }, []) + function closeMobileMenu() { + setMobileMenuOpen(false) + } + function handleLangSelect(l: Lang) { setLang(l) setIsOpen(false) } return ( + <>
    + + @@ -82,8 +100,8 @@ export function Navbar({ route }: { route: string }) { ))} -
    -
    +
    +
    + + {mobileMenuOpen && ( + <> +
    + + + )} + ) } diff --git a/components/community/routes/AboutRoute.tsx b/components/community/routes/AboutRoute.tsx index 330194f..ee7d956 100644 --- a/components/community/routes/AboutRoute.tsx +++ b/components/community/routes/AboutRoute.tsx @@ -37,7 +37,7 @@ export function AboutRoute() {

    {t('abt.h')}

    {t('abt.lead')}

    -
    +
    {t('abt.hist.cta.h')}

    {t('abt.hist.cta.p')}

    - + {t('abt.hist.cta.b')} →
    diff --git a/components/community/routes/CommunityRoute.tsx b/components/community/routes/CommunityRoute.tsx index 2f63716..d6322d7 100644 --- a/components/community/routes/CommunityRoute.tsx +++ b/components/community/routes/CommunityRoute.tsx @@ -17,12 +17,7 @@ export function CommunityRoute() {

    {t('com.h')}

    {t('com.lead')}

    -
    +
    EMAIL

    {t('com.e.h')}

    {t('com.e.p')}

    - + + contacto@dash-ai.com + + {t('com.e.cta')} →
    diff --git a/components/community/routes/ContributeRoute.tsx b/components/community/routes/ContributeRoute.tsx index d11a313..13003c9 100644 --- a/components/community/routes/ContributeRoute.tsx +++ b/components/community/routes/ContributeRoute.tsx @@ -490,7 +490,7 @@ export function ContributeRoute() { {t('g.lnk.discord')} → - + {t('g.lnk.email')} →
    @@ -625,7 +625,7 @@ export function ContributeRoute() {
    -
    + 
    {`@software{dashai_2026,
   title  = {dashAI: a Full Open, Full Extensible
             Visual ML platform},
@@ -637,7 +637,7 @@ export function ContributeRoute() {
   organization = {dashAI Community},
 }`}
    -
    +

    {t('cont.coc.h')}

    dashai.nocode@gmail.com.", + "cont.coc.p": "dashAI folgt dem Contributor Covenant v2.1. Respekt, Namensnennung und ehrliche technische Diskussion: Das ist alles, was wir erwarten. Vertrauliche Meldungen an contacto@dash-ai.com.", "cont.ey": "acht Wege, dich zu beteiligen", "cont.guide": "Anleitung ansehen", "cont.h": "Wie du zu dashAI beitragen kannst.", diff --git a/public/locales/de/footer.json b/public/locales/de/footer.json index a542ece..d1f09a3 100644 --- a/public/locales/de/footer.json +++ b/public/locales/de/footer.json @@ -11,6 +11,5 @@ "ft.em": "E-Mail", "ft.ml": "Mailingliste", "ft.models": "Modellkatalog", - "ft.proto": "Prototype v3 | Community Hub, Mai 2026", "ft.rn": "Release Notes" } diff --git a/public/locales/en/contribute.json b/public/locales/en/contribute.json index e17f8af..242d908 100644 --- a/public/locales/en/contribute.json +++ b/public/locales/en/contribute.json @@ -57,7 +57,7 @@ "cont.cit.h": "Cite dashAI in your paper.", "cont.cit.lead": "If dashAI was part of your research, citing it helps us sustain funding and keep growing the catalog. BibTeX and code of conduct below.", "cont.coc.h": "Code of conduct", - "cont.coc.p": "dashAI follows the Contributor Covenant v2.1. Respect, attribution, and honest technical discussion: that's all we expect. Confidential reports to dashai.nocode@gmail.com.", + "cont.coc.p": "dashAI follows the Contributor Covenant v2.1. Respect, attribution, and honest technical discussion: that's all we expect. Confidential reports to contacto@dash-ai.com.", "cont.ey": "eight ways to join", "cont.guide": "See guide", "cont.h": "How to contribute to dashAI.", diff --git a/public/locales/en/footer.json b/public/locales/en/footer.json index 57a394f..250bebf 100644 --- a/public/locales/en/footer.json +++ b/public/locales/en/footer.json @@ -11,6 +11,5 @@ "ft.em": "Email", "ft.ml": "Mailing list", "ft.models": "Models catalog", - "ft.proto": "Prototype v5 | Community Hub, May 2026", "ft.rn": "Release notes" } \ No newline at end of file diff --git a/public/locales/es/community.json b/public/locales/es/community.json index 1313380..04b2e16 100644 --- a/public/locales/es/community.json +++ b/public/locales/es/community.json @@ -4,7 +4,7 @@ "com.d.p": "Soporte en vivo, anuncios de release e hilos por módulo (Datasets, Models, Generative, Plugins) para compartir tus experimentos.", "com.e.cta": "Escribir", "com.e.h": "Colaboraciones.", - "com.e.p": "Consultas, colaboraciones, integraciones institucionales o simplemente compartir lo que estás construyendo. Respuesta en < 48h.", + "com.e.p": "Consultas, colaboraciones, integraciones institucionales o simplemente compartir lo que estás construyendo. Respuesta en < 48h.", "com.h": "Comunidad dashAI.", "com.lead": "Discord para soporte en vivo, mailing list para el resumen mensual, email para colaboraciones institucionales.", "com.n.cta": "Suscribirse", diff --git a/public/locales/es/contribute.json b/public/locales/es/contribute.json index 64e9b57..236885d 100644 --- a/public/locales/es/contribute.json +++ b/public/locales/es/contribute.json @@ -57,7 +57,7 @@ "cont.cit.h": "Citar dashAI en tu paper.", "cont.cit.lead": "Si dashAI fue parte de tu investigación, citarlo nos ayuda a sostener financiamiento y seguir creciendo el catálogo. BibTeX y código de conducta abajo.", "cont.coc.h": "Código de conducta", - "cont.coc.p": "dashAI sigue el Contributor Covenant v2.1. Respeto, atribución y discusión técnica honesta: eso es todo lo que esperamos. Reportes confidenciales a dashai.nocode@gmail.com.", + "cont.coc.p": "dashAI sigue el Contributor Covenant v2.1. Respeto, atribución y discusión técnica honesta: eso es todo lo que esperamos. Reportes confidenciales a contacto@dash-ai.com.", "cont.ey": "ocho formas de sumar", "cont.guide": "Ver guía", "cont.h": "Cómo contribuir a dashAI.", diff --git a/public/locales/es/footer.json b/public/locales/es/footer.json index 5c69865..a7d4734 100644 --- a/public/locales/es/footer.json +++ b/public/locales/es/footer.json @@ -11,6 +11,5 @@ "ft.em": "Email", "ft.ml": "Mailing list", "ft.models": "Catálogo de modelos", - "ft.proto": "Prototype v3 | Community Hub, Mayo 2026", "ft.rn": "Release notes" } \ No newline at end of file diff --git a/public/locales/pt/contribute.json b/public/locales/pt/contribute.json index 1859f78..c608b7c 100644 --- a/public/locales/pt/contribute.json +++ b/public/locales/pt/contribute.json @@ -57,7 +57,7 @@ "cont.cit.h": "Cite o dashAI no seu paper.", "cont.cit.lead": "Se dashAI fez parte da sua pesquisa, citá-lo nos ajuda a sustentar financiamento e seguir crescendo o catálogo. BibTeX e código de conduta abaixo.", "cont.coc.h": "Código de conduta", - "cont.coc.p": "dashAI segue o Contributor Covenant v2.1. Respeito, atribuição e discussão técnica honesta: é tudo o que esperamos. Reportes confidenciais a dashai.nocode@gmail.com.", + "cont.coc.p": "dashAI segue o Contributor Covenant v2.1. Respeito, atribuição e discussão técnica honesta: é tudo o que esperamos. Reportes confidenciais a contacto@dash-ai.com.", "cont.ey": "oito formas de somar", "cont.guide": "Ver guia", "cont.h": "Como contribuir ao dashAI.", diff --git a/public/locales/pt/footer.json b/public/locales/pt/footer.json index cf7bab4..9e9ce6c 100644 --- a/public/locales/pt/footer.json +++ b/public/locales/pt/footer.json @@ -11,6 +11,5 @@ "ft.em": "Email", "ft.ml": "Mailing list", "ft.models": "Catálogo de modelos", - "ft.proto": "Prototype v5 | Community Hub, Maio 2026", "ft.rn": "Release notes" } \ No newline at end of file diff --git a/public/locales/zh/community.json b/public/locales/zh/community.json index 719e15c..7c81b3d 100644 --- a/public/locales/zh/community.json +++ b/public/locales/zh/community.json @@ -4,7 +4,7 @@ "com.d.p": "实时支持、版本发布公告，以及按模块划分的讨论帖（Datasets、Models、Generative、Plugins），方便你分享自己的实验成果。", "com.e.cta": "写信", "com.e.h": "合作。", - "com.e.p": "咨询、合作、机构集成，或者只是想分享你正在构建的项目。< 48 小时内回复。", + "com.e.p": "咨询、合作、机构集成，或者只是想分享你正在构建的项目。< 48 小时内回复。", "com.h": "dashAI 社区。", "com.lead": "Discord 用于实时支持，邮件列表用于月度摘要，邮箱用于机构合作。", "com.n.cta": "订阅", diff --git a/public/locales/zh/contribute.json b/public/locales/zh/contribute.json index 5869a84..fb30c39 100644 --- a/public/locales/zh/contribute.json +++ b/public/locales/zh/contribute.json @@ -57,7 +57,7 @@ "cont.cit.h": "在论文中引用 dashAI。", "cont.cit.lead": "如果 dashAI 是你研究工作的一部分,引用它能帮助我们维持资金支持,并持续扩充组件目录。下方提供 BibTeX 和行为准则。", "cont.coc.h": "行为准则", - "cont.coc.p": "dashAI 遵循 Contributor Covenant v2.1 行为准则。尊重、恰当署名以及诚实的技术讨论:这就是我们所期望的一切。保密举报请发送至 dashai.nocode@gmail.com。", + "cont.coc.p": "dashAI 遵循 Contributor Covenant v2.1 行为准则。尊重、恰当署名以及诚实的技术讨论:这就是我们所期望的一切。保密举报请发送至 contacto@dash-ai.com。", "cont.ey": "八种参与方式", "cont.guide": "查看指南", "cont.h": "如何贡献 dashAI。", diff --git a/public/locales/zh/footer.json b/public/locales/zh/footer.json index c795db0..9b0c353 100644 --- a/public/locales/zh/footer.json +++ b/public/locales/zh/footer.json @@ -11,6 +11,5 @@ "ft.em": "邮箱", "ft.ml": "邮件列表", "ft.models": "模型目录", - "ft.proto": "原型 v3 | 社区中心，2026年5月", "ft.rn": "发布说明" }