diff --git a/public/docs/ts/latest/tutorial/index.jade b/public/docs/ts/latest/tutorial/index.jade index d08c6605fd..00fc1eb705 100644 --- a/public/docs/ts/latest/tutorial/index.jade +++ b/public/docs/ts/latest/tutorial/index.jade @@ -73,7 +73,7 @@ figure.image-display .l-main-section :marked - ## How We Roll + ## Up Next We’ll build this Tour of Heroes together, step by step. We'll motivate each step with a requirement that we've diff --git a/public/index.jade b/public/index.jade index e48267a7f1..d962cb5aa2 100644 --- a/public/index.jade +++ b/public/index.jade @@ -12,27 +12,14 @@ div(layout='row' style='margin: 0 -24px') p.text-body Supports several languages including plain JavaScript, TypeScript, and Dart. Also supports both object-style data structure with POJO data-binding and functional reactive style with unidirectional data flow and support for observables and immutable data structures. br div - h3.text-headline Basics - code-example(language='ts' format='linenums'). - import {bootstrap, Component} from 'angular2/angular2'; - - @Component({ - selector: 'my-app', - template: '<h1>My First Angular 2 App</h1>' - }) - class AppComponent {} - - bootstrap(AppComponent); -br -div - h3.text-headline Structure your app + h3.text-headline The Basics p.text-body In Angular you display data by defining components. Data in your component classes is automatically available to display in your templates or control how they render as in the example below. p.text-body While this example uses TypeScript, Angular works equally well with ES5, ES6 and Dart as well. p(style='text-align:right') md-button.md-primary(href='http://plnkr.co/edit/hjHrTZw8HvkzAGhGiJhu?p=preview' target='_blank') span.icon-open-in-new - | Edit on Plunker - +makeTabs('../docs/_fragments/homepage-hello-world/ts/src/index.html,../docs/_fragments/homepage-hello-world/ts/src/hello_world.html,../docs/_fragments/homepage-hello-world/ts/src/hello_world.ts', null, 'index.html,hello_world.html,hello_world.ts') + | Try in Plunker + +makeTabs('../docs/_fragments/homepage-hello-world/ts/src/hello_world.ts,../docs/_fragments/homepage-hello-world/ts/src/hello_world.html,../docs/_fragments/homepage-hello-world/ts/src/index.html', null, 'hello_world.ts,hello_world.html,index.html') br div h3.text-headline Structuring apps with components @@ -41,6 +28,6 @@ div p(style='text-align:right') md-button.md-primary(href='http://plnkr.co/edit/UHEUnL8jpUoZBw3TaqWT?p=preview' target='_blank') span.icon-open-in-new - | Edit on Plunker - +makeTabs('../docs/_fragments/homepage-todo/ts/src/index.html,../docs/_fragments/homepage-todo/ts/src/todo.ts,../docs/_fragments/homepage-todo/ts/src/todo_app.ts,../docs/_fragments/homepage-todo/ts/src/todo_form.ts,../docs/_fragments/homepage-todo/ts/src/todo_list.ts', null, 'index.html,todo.ts,todo_app.ts,todo_form.ts,todo_list.ts') + | Try in Plunker + +makeTabs('../docs/_fragments/homepage-todo/ts/src/todo_app.ts,../docs/_fragments/homepage-todo/ts/src/todo_form.ts,../docs/_fragments/homepage-todo/ts/src/todo_list.ts,../docs/_fragments/homepage-todo/ts/src/todo.ts,../docs/_fragments/homepage-todo/ts/src/index.html', null, 'todo_app.ts,todo_form.ts,todo_list.ts,todo.ts,index.html') br diff --git a/public/resources/css/base/_type.scss b/public/resources/css/base/_type.scss index a5b60ee95e..dd9418a703 100644 --- a/public/resources/css/base/_type.scss +++ b/public/resources/css/base/_type.scss @@ -7,7 +7,7 @@ body { font-family: $brand-font; font-size: 14px; - color: $platinum; + color: #1a2326; } a { diff --git a/public/resources/css/module/_code.scss b/public/resources/css/module/_code.scss index c0cbef0c43..f2fcaab399 100644 --- a/public/resources/css/module/_code.scss +++ b/public/resources/css/module/_code.scss @@ -30,7 +30,7 @@ overflow: auto; position: relative; padding: 0px; - font-size: 15px; + font-size: 13px; // font-weight: 600; line-height: 24px; margin-bottom: $unit * 3; @@ -50,7 +50,7 @@ code { background: none; - font-size: 15px; + font-size: 13px; padding: 0px; } @@ -60,7 +60,7 @@ margin: 0px; overflow: auto; // font-weight: 600; - font-size: 15px; + font-size: 13px; li { color: $bismark; @@ -76,7 +76,7 @@ code { background: none; - font-size: 15px; + font-size: 13px; } } }