website: Add big whitespace separators to recovery landing pages

The resources, expressions, and modules pages were all split into smaller, more
navigable pages, but the old URLs had accumulated a large number of deep links
to their section headers. To help people recover when they click an old link, we
converted those old URLs to landing pages, which preserve all of the old in-page
anchors and point readers to the appropriate new destinations.

However, because the new link-to-new-page sections are so small, it was kind of
hard to tell which section you had clicked into! Especially if you were near the
bottom of the page and the browser wasn't able to position the desired section
at the very top of the window.

This commit aims to improve that by putting one full screen of whitespace in
between every linkable section on these landing pages. Yes, it's a hack, but
you're meant to only view these pages for three seconds or so before moving on
to the place you wanted to be, and this should help dispel any confusion about
which place that is.
This commit is contained in:
Nick Fagerlund 2020-12-01 15:27:41 -08:00
parent d5950b7fd2
commit 83ebb9b178
3 changed files with 86 additions and 1 deletions

View File

@ -23,6 +23,10 @@ Terraform's types are `string`, `number`, `bool`, `list`, `tuple`, `map`,
This information has moved to
[Types and Values](/docs/configuration/expressions/types.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="references-to-named-values"></a>
<a id="local-named-values"></a>
<a id="named-values-and-dependencies"></a>
@ -38,6 +42,10 @@ You can refer to certain values by name, like `var.some_variable` or
This information has moved to
[References to Values](/docs/configuration/expressions/references.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="arithmetic-operators"></a>
<a id="equality-operators"></a>
<a id="comparison-operators"></a>
@ -51,6 +59,10 @@ numbers (`+`) or comparing two values to get a bool (`==`, `>=`, etc.).
This information has moved to
[Operators](/docs/configuration/expressions/references.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
## Conditional Expressions
The `condition ? true_val : false_val` expression chooses between two
@ -59,6 +71,10 @@ expressions based on a bool condition.
This information has moved to
[Conditional Expressions](/docs/configuration/expressions/conditionals.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="expanding-function-arguments"></a>
<a id="available-functions"></a>
@ -69,6 +85,10 @@ Terraform's functions can be called like `function_name(arg1, arg2)`.
This information has moved to
[Function Calls](/docs/configuration/expressions/function-calls.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="for-expressions"></a>
## `for` Expressions
@ -79,6 +99,10 @@ value into another complex type value.
This information has moved to
[For Expressions](/docs/configuration/expressions/for.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="splat-expressions"></a>
<a id="legacy-attribute-only-splat-expressions"></a>
@ -90,6 +114,10 @@ collections.
This information has moved to
[Splat Expressions](/docs/configuration/expressions/splat.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="dynamic-blocks"></a>
<a id="best-practices-for-dynamic-blocks"></a>
@ -101,6 +129,10 @@ except it creates multiple repeatable nested blocks instead of a complex value.
This information has moved to
[Dynamic Blocks](/docs/configuration/expressions/dynamic-blocks.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="string-literals"></a>
<a id="string-templates"></a>
<a id="interpolation"></a>
@ -121,3 +153,5 @@ Strings can also include escape sequences like `\n`, interpolation sequences
This information has moved to
[Strings and Templates](/docs/configuration/expressions/strings.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>

View File

@ -20,6 +20,10 @@ pages.
This information has moved to
[Module Blocks](/docs/configuration/blocks/modules/syntax.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="multiple-instances-of-a-module"></a>
## Multiple Instances with `count` and `for_each`
@ -28,6 +32,10 @@ This information has moved to
[`count`](/docs/configuration/meta-arguments/count.html) and
[`for_each`](/docs/configuration/meta-arguments/for_each.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="providers-within-modules"></a>
<a id="provider-version-constraints-in-modules"></a>
<a id="implicit-provider-inheritance"></a>
@ -42,3 +50,5 @@ This information has moved to
(for users of re-usable modules) and
[Providers Within Modules](/docs/modules/providers.html)
(for module developers).
<div style="height: 100vh; margin: 0; padding: 0;"></div>

View File

@ -21,6 +21,10 @@ pages.
This information has moved to
[Resource Blocks](/docs/configuration/blocks/resources/syntax.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="resource-behavior"></a>
<a id="accessing-resource-attributes"></a>
<a id="resource-dependencies"></a>
@ -31,9 +35,24 @@ This information has moved to
This information has moved to
[Resource Behavior](/docs/configuration/blocks/resources/behavior.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
## Resource Meta-Arguments
Each resource meta-argument has moved to its own page.
Each resource meta-argument has moved to its own page:
- [`depends_on`](/docs/configuration/meta-arguments/depends_on.html)
- [`count`](/docs/configuration/meta-arguments/count.html)
- [`for_each`](/docs/configuration/meta-arguments/for_each.html)
- [`provider`](/docs/configuration/meta-arguments/resource-provider.html)
- [`lifecycle`](/docs/configuration/meta-arguments/lifecycle.html)
- [Provisioners](/docs/configuration/blocks/resources/provisioners/index.html)
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="depends_on-explicit-resource-dependencies"></a>
@ -42,6 +61,10 @@ Each resource meta-argument has moved to its own page.
This information has moved to
[`depends_on`](/docs/configuration/meta-arguments/depends_on.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="count-multiple-resource-instances-by-count"></a>
<a id="the-count-object"></a>
<a id="referring-to-instances"></a>
@ -53,6 +76,10 @@ This information has moved to
This information has moved to
[`count`](/docs/configuration/meta-arguments/count.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="for_each-multiple-resource-instances-defined-by-a-map-or-set-of-strings"></a>
<a id="the-each-object"></a>
<a id="using-expressions-in-for_each"></a>
@ -64,6 +91,10 @@ This information has moved to
This information has moved to
[`for_each`](/docs/configuration/meta-arguments/for_each.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="provider-selecting-a-non-default-provider-configuration"></a>
### `provider`
@ -71,6 +102,10 @@ This information has moved to
This information has moved to
[`provider`](/docs/configuration/meta-arguments/resource-provider.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="lifecycle-lifecycle-customizations"></a>
### `lifecycle`
@ -78,9 +113,15 @@ This information has moved to
This information has moved to
[`lifecycle`](/docs/configuration/meta-arguments/lifecycle.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>
<a id="provisioner-and-connection-resource-provisioners"></a>
### Provisioners
This information has moved to
[Provisioners](/docs/configuration/blocks/resources/provisioners/index.html).
<div style="height: 100vh; margin: 0; padding: 0;"></div>