diff --git a/aio/content/guide/browser-support.md b/aio/content/guide/browser-support.md
index 5b58aef965..86751b47b2 100644
--- a/aio/content/guide/browser-support.md
+++ b/aio/content/guide/browser-support.md
@@ -44,7 +44,7 @@ Angular supports most recent browsers. This includes the following specific vers
- IE mobile
+ IE Mobile
|
@@ -251,11 +251,11 @@ These are the polyfills required to run an Angular application on each supported
- Browsers (desktop & mobile)
+ Browsers (Desktop & Mobile)
|
- Polyfills required
+ Polyfills Required
|
@@ -327,7 +327,7 @@ Here are the features which may require additional polyfills:
- Browsers (desktop & mobile)
+ Browsers (Desktop & Mobile)
|
diff --git a/aio/content/guide/cheatsheet.md b/aio/content/guide/cheatsheet.md
index 3aa7726fb8..50b123fa61 100644
--- a/aio/content/guide/cheatsheet.md
+++ b/aio/content/guide/cheatsheet.md
@@ -2,6 +2,7 @@
Cheat Sheet
@description
+
diff --git a/aio/content/guide/cli-quickstart.md b/aio/content/guide/cli-quickstart.md
index 8088e729b9..9a3ab351d3 100644
--- a/aio/content/guide/cli-quickstart.md
+++ b/aio/content/guide/cli-quickstart.md
@@ -1,3 +1,6 @@
+@title
+CLI QuickStart
+
@description
diff --git a/aio/content/guide/glossary.md b/aio/content/guide/glossary.md
index 20f9e6394e..8ef12541d8 100644
--- a/aio/content/guide/glossary.md
+++ b/aio/content/guide/glossary.md
@@ -1,3 +1,6 @@
+@title
+Angular Glossary
+
@description
diff --git a/aio/content/guide/quickstart.md b/aio/content/guide/quickstart.md
index 6a95e380a1..fdd3f18221 100644
--- a/aio/content/guide/quickstart.md
+++ b/aio/content/guide/quickstart.md
@@ -1,3 +1,6 @@
+@title
+QuickStart
+
@description
diff --git a/aio/content/guide/webpack.md b/aio/content/guide/webpack.md
index 033421e1ed..2e4ade3c9d 100644
--- a/aio/content/guide/webpack.md
+++ b/aio/content/guide/webpack.md
@@ -1,5 +1,5 @@
@title
-Webpack: an introduction
+Webpack: An Introduction
@intro
Create Angular applications with a Webpack based tooling.
diff --git a/aio/content/marketing/api.html b/aio/content/marketing/api.html
index 48a034ac46..83743a1a58 100755
--- a/aio/content/marketing/api.html
+++ b/aio/content/marketing/api.html
@@ -1 +1,2 @@
+API List
diff --git a/aio/content/marketing/index.html b/aio/content/marketing/index.html
index 93b74f5191..0b3ba28e86 100755
--- a/aio/content/marketing/index.html
+++ b/aio/content/marketing/index.html
@@ -5,11 +5,11 @@
href="guide/quickstart" md-button="md-button"
class="hero-cta mat-raised button button-large button-plain">Get Started
-
+
+
+
Angular v4.0 is out! Smaller, faster, no biggie...
+
Learn More
+
diff --git a/aio/content/navigation.json b/aio/content/navigation.json
index 607361d774..bbcd84b14f 100644
--- a/aio/content/navigation.json
+++ b/aio/content/navigation.json
@@ -28,7 +28,7 @@
},
{
- "title": "Getting started",
+ "title": "Getting Started",
"tooltip": "A gentle introduction to Angular.",
"children": [
{
@@ -63,13 +63,13 @@
{
"url": "guide/appmodule",
- "title": "The root AppModule",
+ "title": "The Root AppModule",
"tooltip": "Tell Angular how to construct and bootstrap the app in the root \"AppModule\"."
},
{
"url": "guide/displaying-data",
- "title": "Displaying data",
+ "title": "Displaying Data",
"tooltip": "Property binding helps show app data in the UI."
},
@@ -103,17 +103,17 @@
},
{
"url": "tutorial/toh-pt1",
- "title": "The hero editor",
+ "title": "The Hero Editor",
"tooltip": "Build a simple hero editor"
},
{
"url": "tutorial/toh-pt2",
- "title": "Master/detail",
+ "title": "Master/Detail",
"tooltip": "Build a master/detail page with a list of heroes."
},
{
"url": "tutorial/toh-pt3",
- "title": "Multiple components",
+ "title": "Multiple Components",
"tooltip": "Refactor the master/detail view into separate components."
},
{
@@ -151,14 +151,14 @@
{
"url": "guide/ngmodule-faq",
- "title": "Angular module FAQs",
+ "title": "Angular Module FAQs",
"tooltip": "Answers to frequently asked questions about @NgModule."
}
]},
{
"url": "guide/component-communication",
- "title": "Component interaction",
+ "title": "Component Interaction",
"tooltip": "Share information between different directives and components."
},
@@ -168,20 +168,20 @@
"children": [
{
"url": "guide/cb-dependency-injection",
- "title": "Dependency injection",
+ "title": "Dependency Injection",
"tooltip": "Techniques for Dependency Injection."
},
{
"url": "guide/hierarchical-dependency-injection",
- "title": "Hierarchical injectors",
+ "title": "Hierarchical Injectors",
"tooltip": "Angular's hierarchical dependency injection system supports nested injectors in parallel with the component tree."
}
]},
{
"url": "guide/dynamic-component-loader",
- "title": "Dynamic components",
+ "title": "Dynamic Components",
"tooltip": "Load components dynamically."
},
@@ -191,12 +191,12 @@
"children": [
{
"url": "guide/attribute-directives",
- "title": "Attribute directives",
+ "title": "Attribute Directives",
"tooltip": "Attribute directives attach behavior to elements."
},
{
"url": "guide/structural-directives",
- "title": "Structural directives",
+ "title": "Structural Directives",
"tooltip": "Structural directives manipulate the layout of the page."
}
]
@@ -214,26 +214,26 @@
{
"url": "guide/form-validation",
- "title": "Form validation",
+ "title": "Form Validation",
"tooltip": "Validate user's form entries."
},
{
"url": "guide/reactive-forms",
- "title": "Reactive forms",
+ "title": "Reactive Forms",
"tooltip": "Create a reactive form using FormBuilder, groups, and arrays."
}
]},
{
"url": "guide/server-communication",
- "title": "HTTP client",
+ "title": "HTTP Client",
"tooltip": "Use an HTTP Client to talk to a remote server."
},
{
"url": "guide/lifecycle-hooks",
- "title": "Lifecycle hooks",
+ "title": "Lifecycle Hooks",
"tooltip": "Angular calls lifecycle hook methods on directives and components as it creates, changes, and destroys them."
},
@@ -245,7 +245,7 @@
{
"url": "guide/router",
- "title": "Routing & navigation",
+ "title": "Routing & Navigation",
"tooltip": "Discover the basics of screen navigation with the Angular Router."
},
@@ -269,7 +269,7 @@
"children": [
{
"url": "guide/aot-compiler",
- "title": "Ahead-of-Time compilation",
+ "title": "Ahead-of-Time Compilation",
"tooltip": "Learn why and how to use the Ahead-of-Time (AOT) compiler."
},
@@ -287,7 +287,7 @@
{
"url": "guide/component-styles",
- "title": "Component styles",
+ "title": "Component Styles",
"tooltip": "Learn how to apply CSS styles to components."
},
@@ -321,19 +321,19 @@
{
"url": "guide/browser-support",
- "title": "Browser support",
+ "title": "Browser Support",
"tooltip": "Browser support and polyfills guide."
},
{
"url": "guide/npm-packages",
- "title": "Npm packages",
+ "title": "Npm Packages",
"tooltip": "Recommended npm packages, and how to specify package dependencies."
},
{
"url": "guide/typescript-configuration",
- "title": "TypeScript configuration",
+ "title": "TypeScript Configuration",
"tooltip": "TypeScript configuration for Angular developers."
}
]},
@@ -364,7 +364,7 @@
{
"url": "guide/webpack",
- "title": "Webpack: an introduction",
+ "title": "Webpack: An Introduction",
"tooltip": "Create Angular applications with a Webpack based tooling."
}
]
@@ -393,7 +393,7 @@
{
"url": "guide/style-guide",
- "title": "Style guide",
+ "title": "Style Guide",
"tooltip": "Write Angular with style."
}
]
diff --git a/aio/src/styles/0-base/_typography.scss b/aio/src/styles/0-base/_typography.scss
index da4781bde5..7e73eaadb3 100755
--- a/aio/src/styles/0-base/_typography.scss
+++ b/aio/src/styles/0-base/_typography.scss
@@ -99,7 +99,6 @@
border-radius: 2px;
border-spacing: 0;
margin: 0 0 32px 0;
- width: 100%;
}
table tbody th {
diff --git a/aio/src/styles/1-layouts/_content-layout.scss b/aio/src/styles/1-layouts/_content-layout.scss
index 66fed307a7..173eb20e9f 100644
--- a/aio/src/styles/1-layouts/_content-layout.scss
+++ b/aio/src/styles/1-layouts/_content-layout.scss
@@ -1,6 +1,7 @@
.sidenav-content {
padding: 1rem 3rem 3rem;
margin: auto;
+ min-height: 100vh;
}
.fill-remaining-space {
@@ -23,4 +24,12 @@
.sidenav-content button {
min-width: 50px;
+}
+
+#guide-change-log h2::before {
+ content: "";
+ display: block;
+ height: 1px;
+ margin: 24px 0px;
+ background: $lightgray;
}
\ No newline at end of file
diff --git a/aio/src/styles/2-modules/_announcement-bar.scss b/aio/src/styles/2-modules/_announcement-bar.scss
index e26e8ea09d..651ff5970d 100644
--- a/aio/src/styles/2-modules/_announcement-bar.scss
+++ b/aio/src/styles/2-modules/_announcement-bar.scss
@@ -88,7 +88,7 @@ $announcement-bar-width: 784px;
img {
height: 40px;
- margin: 8px auto;
+ margin: 0 0 8px;
}
p {
@@ -146,6 +146,7 @@ $announcement-bar-width: 784px;
@media (max-width: 480px) {
padding: 16px;
+ align-items: center;
}
}
}
diff --git a/aio/src/styles/2-modules/_table.scss b/aio/src/styles/2-modules/_table.scss
index 91d44d1d56..cd49bce85c 100644
--- a/aio/src/styles/2-modules/_table.scss
+++ b/aio/src/styles/2-modules/_table.scss
@@ -34,7 +34,7 @@ table {
th,
td {
border-bottom: 1px solid $lightgray;
- padding: 16px 32px;
+ padding: 16px;
text-align: left;
line-height: 24px;
vertical-align: top;