docs: traducir página de inicio, navegación, cuadro de búsqueda y pie de página

This commit is contained in:
Michael Prentice 2020-07-22 15:54:19 -04:00
parent 7f82a2c1c8
commit e620827fa8
6 changed files with 82 additions and 60 deletions

View File

@ -14,8 +14,8 @@
<!-- CONTAINER -->
<div class="homepage-container">
<div class="hero-headline no-toc">One framework.<br>Mobile &amp; desktop.</div>
<a class="button hero-cta" href="docs">Get Started</a>
<div class="hero-headline no-toc">Un framework.<br>Móvil y escritorio.</div>
<a class="button hero-cta" href="docs">Empezar</a>
</div>
</section>
@ -41,8 +41,8 @@
<div class="text-container">
<div class="text-block promo-1-desc l-pad-top-2">
<div class="text-headline">Develop Across All Platforms</div>
<p class="text-body">Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native mobile and native desktop.
<div class="text-headline">Desarrollar en todas las plataformas</div>
<p class="text-body">Aprenda una forma de crear aplicaciones con Angular y reutilice su código y habilidades para crear aplicaciones para cualquier objetivo de implementación. Para web, web móvil, móvil nativo y escritorio nativo.
</p>
</div>
</div>
@ -53,9 +53,9 @@
<div layout="row" layout-xs="column" class="home-row">
<div class="text-container">
<div class="text-block">
<div class="text-headline">Speed & Performance</div>
<p class="text-body">Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering.</p>
<p class="text-body">Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model.</p>
<div class="text-headline">Velocidad y Rendimiento</div>
<p class="text-body">Logre la máxima velocidad posible en la Plataforma Web hoy y avance, a través de Web Workers y renderizado del lado del servidor.</p>
<p class="text-body">Angular te permite controlar la escalabilidad. Satisface requerimientos enormes de datos construyendo modelos en RxJS, Immutable.js o algún otro.</p>
</div>
</div>
@ -75,8 +75,8 @@
<div class="text-container">
<div class="text-block promo-3-desc">
<div class="text-headline">Incredible Tooling</div>
<p class="text-body">Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.
<div class="text-headline">Herramientas Increíbles</div>
<p class="text-body">Cree funciones rápidamente con plantillas simples y declarativas. Extienda el lenguaje de plantilla con sus propios componentes y use una amplia gama de componentes existentes. Obtenga ayuda inmediata y comentarios específicos de Angular con casi todos los IDE y editores. Todo esto se une para que pueda concentrarse en crear aplicaciones increíbles en lugar de intentar que el código funcione.
</p>
</div>
</div>
@ -88,8 +88,9 @@
<div layout="row" layout-xs="column" class="home-row">
<div class="text-container">
<div class="text-block l-pad-top-2">
<div class="text-headline">Loved by Millions</div>
<p class="text-body">From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.</p>
<div class="text-headline">Amada por millones</div>
<p class="text-body">Desde el prototipo hasta la implementación global, Angular ofrece la productividad y la infraestructura escalable que soportan a las aplicaciones más grandes de Google.
</p>
</div>
</div>
@ -106,8 +107,9 @@
<div class="card">
<img src="generated/images/marketing/home/code-icon.svg" height="70px" alt="Get Started with Angular">
<div class="card-text-container">
<div class="text-headline">Try it now</div>
<p>Explore Angular's capabilities with a ready-made sample app. No setup required.</p>
<div class="text-headline">Pruebalo ahora</div>
<p>Explore las capacidades de Angular con una aplicación de muestra preparada. No se requiere configuración.
</p>
</div>
</div>
</a>

View File

@ -2,7 +2,7 @@
"TopBar": [
{
"url": "features",
"title": "Features"
"title": "Caracteristicas"
},
{
"url": "docs",
@ -10,11 +10,11 @@
},
{
"url": "resources",
"title": "Resources"
"title": "Recursos"
},
{
"url": "events",
"title": "Events"
"title": "Eventos"
},
{
"url": "https://blog.angular.io/",
@ -23,19 +23,19 @@
],
"TopBarNarrow": [
{
"title": "About Angular",
"title": "Acerca de Angular",
"children": [
{
"url": "features",
"title": "Features"
"title": "Caracteristicas"
},
{
"url": "resources",
"title": "Resources"
"title": "Recursos"
},
{
"url": "events",
"title": "Events"
"title": "Eventos"
},
{
"url": "https://blog.angular.io/",
@ -955,80 +955,100 @@
],
"Footer": [
{
"title": "Resources",
"title": "Recursos",
"children": [
{
"url": "about",
"title": "About",
"tooltip": "Angular contributors."
"title": "Contribuyentes",
"tooltip": "Contribuyentes de Angular."
},
{
"url": "resources",
"title": "Resource Listing",
"tooltip": "Angular tools, training, and blogs from around the web."
"title": "Listado de recursos",
"tooltip": "Herramientas de Angular, capacitación y blogs de toda la web."
},
{
"url": "presskit",
"title": "Press Kit",
"tooltip": "Press contacts, logos, and branding."
"title": "Kit de prensa",
"tooltip": "Contactos de prensa, logotipos y marcas."
},
{
"url": "https://blog.angular.io/",
"title": "Blog",
"tooltip": "Angular Blog"
"tooltip": "Blog de Angular"
},
{
"url": "analytics",
"title": "Usage Analytics",
"tooltip": "Angular Usage Analytics"
"title": "Analítica de uso",
"tooltip": "Analítica de uso Angular"
}
]
},
{
"title": "Help",
"title": "Consigue ayuda",
"children": [
{
"url": "https://chat.angular.lat/",
"title": "Angular Hispano Chat",
"tooltip": "Chatea en castellano sobre Angular con otros miembros de la comunidad."
},
{
"url": "https://angular.lat/coc",
"title": "Código de Conducta",
"tooltip": "Tratarnos con respeto y proporcionar un lugar seguro para contribuir."
},
{
"url": "https://stackoverflow.com/questions/tagged/angular",
"title": "Stack Overflow",
"tooltip": "Stack Overflow: where the community answers your technical Angular questions."
"tooltip": "Stack Overflow: donde la comunidad responde sus preguntas técnicas de Angular."
},
{
"url": "https://gitter.im/angular/angular",
"title": "Gitter",
"tooltip": "Chat about Angular with other birds of a feather."
"tooltip": "Chatea en inglés sobre Angular con otros miembros de la comunidad."
},
{
"url": "https://github.com/angular/angular/issues",
"title": "Report Issues",
"tooltip": "Post issues and suggestions on github."
"title": "Informar Issues",
"tooltip": "Publica problemas y sugerencias en GitHub."
},
{
"url": "https://github.com/angular/code-of-conduct/blob/master/CODE_OF_CONDUCT.md",
"title": "Code of Conduct",
"tooltip": "Treating each other with respect."
"url": "https://github.com/angular-hispano/angular/issues",
"title": "Issues de traducción",
"tooltip": "Publica issues y sugerencias de traducción en GitHub."
}
]
},
{
"title": "Community",
"title": "Comunidad",
"children": [
{
"url": "events",
"title": "Events",
"tooltip": "Angular events around the world."
"url": "https://angular.lat/conferencias",
"title": "Eventos Hispanos",
"tooltip": "Eventos en castellano de Angular alrededor del mundo."
},
{
"url": "https://angular.lat/meetups",
"title": "Meetups Hispanos",
"tooltip": "Asista a una reunión y aprenda de otros desarrolladores."
},
{
"url": "http://www.meetup.com/topics/angularjs/",
"title": "Meetups",
"tooltip": "Attend a meetup and learn from fellow developers."
"title": "Mas Meetups",
"tooltip": "Asista a una reunión y aprenda de otros desarrolladores."
},
{
"url": "https://twitter.com/angular",
"url": "events",
"title": "Mas Eventos",
"tooltip": "Eventos de Angular alrededor del mundo."
},
{
"url": "https://twitter.com/AngularHispana",
"title": "Twitter",
"tooltip": "Twitter"
},
{
"url": "https://github.com/angular/angular",
"url": "https://github.com/angular-hispano",
"title": "GitHub",
"tooltip": "GitHub"
},
@ -1040,7 +1060,7 @@
]
},
{
"title": "Languages",
"title": "Idiomas",
"children": [
{
"title": "简体中文版",

View File

@ -25,10 +25,10 @@
<aio-top-menu *ngIf="showTopMenu" [nodes]="topMenuNodes" [currentNode]="currentNodes?.TopBar"></aio-top-menu>
<aio-search-box class="search-container" #searchBox (onSearch)="doSearch($event)" (onFocus)="doSearch($event)"></aio-search-box>
<div class="toolbar-external-icons-container">
<a href="https://twitter.com/angular" title="Twitter" aria-label="Angular on twitter">
<a href="https://twitter.com/AngularHispana" title="Twitter" aria-label="Angular Hispano en Twitter">
<mat-icon svgIcon="logos:twitter"></mat-icon>
</a>
<a href="https://github.com/angular/angular" title="GitHub" aria-label="Angular on github">
<a href="https://github.com/angular-hispano/angular" title="GitHub" aria-label="Angular Hispano en GitHub">
<mat-icon svgIcon="logos:github"></mat-icon>
</a>
</div>

View File

@ -10,11 +10,11 @@
</div>
<p>
Super-powered by Google ©2010-2020.
Code licensed under an <a href="license" title="License text">MIT-style License</a>.
Documentation licensed under
Superalimentado por Google LLC ©2020.
Código licenciado bajo un <a href="license" title="Texto completo de la licencia">Licencia de estilo MIT</a>.
Documentación bajo licencia
<a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
</p>
<p>
Version {{versionInfo?.full}}.
Versión {{versionInfo?.full}}.
</p>

View File

@ -17,8 +17,8 @@ import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
selector: 'aio-search-box',
template: `<input #searchBox
type="search"
aria-label="search"
placeholder="Search"
aria-label="Buscar"
placeholder="Buscar"
(input)="doSearch()"
(keyup)="doSearch()"
(focus)="doFocus()"

View File

@ -1,11 +1,11 @@
<!doctype html>
<html lang="en">
<html lang="es">
<head>
<meta charset="utf-8">
<title>Angular</title>
<meta name="Description" content="Angular is a platform for building mobile and desktop web applications.
Join the community of millions of developers who build compelling user interfaces with Angular.">
<meta name="Description" content="Angular es una plataforma para crear aplicaciones de escritorio web y móviles.
Únete a la comunidad de millones de desarrolladores que crean interfaces de usuario atractivas con Angular.">
<base href="/">
<link rel="preconnect" href="https://www.google-analytics.com">
@ -101,11 +101,11 @@
<img src="assets/images/logos/angular/angular.svg" width="250" height="250" alt="Angular">
</div>
<div class="homepage-container">
<div class="hero-headline">One framework.<br>Mobile &amp; desktop.</div>
<div class="hero-headline">Un framework.<br>Móvil y escritorio.</div>
</div>
</section>
<h2 style="color: red; margin-top: 40px; position: relative; text-align: center; text-shadow: 1px 1px #fafafa;">
<b><i>This website requires JavaScript.</i></b>
<b><i>Este sitio web requiere JavaScript.</i></b>
</h2>
</noscript>
</body>