diff --git a/src/scss/blocks/_stack-nav.scss b/src/scss/blocks/_stack-nav.scss index ed19395f2fa..c1e470fef79 100644 --- a/src/scss/blocks/_stack-nav.scss +++ b/src/scss/blocks/_stack-nav.scss @@ -70,6 +70,11 @@ } } +// Smaller font size for placeholder meta +.is-placeholder .stack-nav__meta { + font-size: 0.7em; +} + .stack-nav__heading { font-size: get-size('size-2'); padding-inline-start: $global-gutter-narrow; diff --git a/src/scss/pages/_course.scss b/src/scss/pages/_course.scss index ba4886c65f7..73f343ea4cd 100644 --- a/src/scss/pages/_course.scss +++ b/src/scss/pages/_course.scss @@ -32,6 +32,11 @@ $course-side-vert-space: 20px; } } + // Placeholder items have slightly dimmed look and feel + .is-placeholder span { + @include apply-utility('color', 'mid-text'); + } + // Allows the sidebar elements to place and flex themselves web-navigation-drawer > * { display: flex; diff --git a/src/site/_filters/navigation.js b/src/site/_filters/navigation.js index 6306611057f..8cd38d0f710 100644 --- a/src/site/_filters/navigation.js +++ b/src/site/_filters/navigation.js @@ -69,6 +69,8 @@ function mapPagesToTree(collection, map) { title: item.data.title, description: item.data.description, date: item.data.date, + // @ts-ignore + placeholder: item.data.placeholder, }; } } diff --git a/src/site/_includes/partials/course-index.njk b/src/site/_includes/partials/course-index.njk index a9533b4f702..fda0319683a 100644 --- a/src/site/_includes/partials/course-index.njk +++ b/src/site/_includes/partials/course-index.njk @@ -3,12 +3,18 @@ {%- for item in pageNavigation.list -%} {#- Skip the first item so we don't show an entry for the current page. -#} {%- if not loop.first -%} - {%- set title = item.data.title or '' -%} - {%- if item.title -%} - {%- set title = item.title | i18n(locale) -%} - {%- endif -%} - -

{{ title }}

-

{{ item.data.description }}

+ {%- set title = item.data.title or '' -%} + {%- if item.title -%} + {%- set title = item.title | i18n(locale) -%} + {%- endif -%} + {%- if not item.data.placeholder -%} +

{{ title }}

+

{{ item.data.description }}

+ {%- endif -%} + {# Don't link to placeholder items #} + {%- if item.data.placeholder -%} +

{{ title }}

+

{{ item.data.description }}

+ {%- endif -%} {%- endif -%} {%- endfor -%} diff --git a/src/site/_includes/partials/navigation-drawer-course.njk b/src/site/_includes/partials/navigation-drawer-course.njk index e9cff161bf9..17e9d6f84df 100644 --- a/src/site/_includes/partials/navigation-drawer-course.njk +++ b/src/site/_includes/partials/navigation-drawer-course.njk @@ -10,6 +10,7 @@ {% if item.url %} {# The isNew flag is used to display a 'NEW' badge next to content. #} {% set isNew = false %} + {% set isPlaceholder= false %} {# Check to make sure the content was published after the course's #} {# initial launch date (so everything doesn't say 'NEW' when we #} {# first launch a course). #} @@ -17,7 +18,11 @@ {# Only show the 'NEW' badge if content is less than thirty days old. #} {% set isNew = item.data.date | isNewContent %} {% endif %} - + {% if item.data.placeholder %} + {# Set disabled style #} + {% set isDisabledClass = 'is-placeholder' %} + {% endif %} + {{ item.counter }} {{ title }} @@ -26,6 +31,9 @@ {% if isNew %} {{ 'i18n.common.new' | i18n(locale) }} {% endif %} + {% if item.data.placeholder %} + {{ 'Coming Soon' }} + {% endif %} {{ icon('done') }} diff --git a/src/site/content/en/learn/design/accessibility/index.md b/src/site/content/en/learn/design/accessibility/index.md index 452377c562a..ed758a10720 100644 --- a/src/site/content/en/learn/design/accessibility/index.md +++ b/src/site/content/en/learn/design/accessibility/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/icons/index.md b/src/site/content/en/learn/design/icons/index.md index 2c1c60b8a7f..4d9588f18e1 100644 --- a/src/site/content/en/learn/design/icons/index.md +++ b/src/site/content/en/learn/design/icons/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/interaction/index.md b/src/site/content/en/learn/design/interaction/index.md index 964a83e88ba..526d734b07d 100644 --- a/src/site/content/en/learn/design/interaction/index.md +++ b/src/site/content/en/learn/design/interaction/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/media-features/index.md b/src/site/content/en/learn/design/media-features/index.md index 5a57b51a128..bf392c0029a 100644 --- a/src/site/content/en/learn/design/media-features/index.md +++ b/src/site/content/en/learn/design/media-features/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/picture-element/index.md b/src/site/content/en/learn/design/picture-element/index.md index 5bcba15ac90..41e78765cea 100644 --- a/src/site/content/en/learn/design/picture-element/index.md +++ b/src/site/content/en/learn/design/picture-element/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/responsive-images/index.md b/src/site/content/en/learn/design/responsive-images/index.md index 8bb79af61e8..17ababddbd4 100644 --- a/src/site/content/en/learn/design/responsive-images/index.md +++ b/src/site/content/en/learn/design/responsive-images/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/screen-configurations/index.md b/src/site/content/en/learn/design/screen-configurations/index.md index 176ff51e529..3afcb69dbdb 100644 --- a/src/site/content/en/learn/design/screen-configurations/index.md +++ b/src/site/content/en/learn/design/screen-configurations/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/theming/index.md b/src/site/content/en/learn/design/theming/index.md index 933f0625e06..ef37a9d644d 100644 --- a/src/site/content/en/learn/design/theming/index.md +++ b/src/site/content/en/learn/design/theming/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/typography/index.md b/src/site/content/en/learn/design/typography/index.md index aa12f2d57c1..c4b26f8eec7 100644 --- a/src/site/content/en/learn/design/typography/index.md +++ b/src/site/content/en/learn/design/typography/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/design/ui-patterns/index.md b/src/site/content/en/learn/design/ui-patterns/index.md index 756206e523e..4aca007af71 100644 --- a/src/site/content/en/learn/design/ui-patterns/index.md +++ b/src/site/content/en/learn/design/ui-patterns/index.md @@ -5,6 +5,7 @@ description: > authors: - adactio date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/app-design/index.md b/src/site/content/en/learn/pwa/app-design/index.md index a63f21b434a..4b9e2780c45 100644 --- a/src/site/content/en/learn/pwa/app-design/index.md +++ b/src/site/content/en/learn/pwa/app-design/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/architecture/index.md b/src/site/content/en/learn/pwa/architecture/index.md index 58178dfb900..26a9a92b285 100644 --- a/src/site/content/en/learn/pwa/architecture/index.md +++ b/src/site/content/en/learn/pwa/architecture/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/assets-and-data/index.md b/src/site/content/en/learn/pwa/assets-and-data/index.md index abd6b88ba76..1874bf47a8d 100644 --- a/src/site/content/en/learn/pwa/assets-and-data/index.md +++ b/src/site/content/en/learn/pwa/assets-and-data/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/caching/index.md b/src/site/content/en/learn/pwa/caching/index.md index fcd415989d7..f23fc805c1e 100644 --- a/src/site/content/en/learn/pwa/caching/index.md +++ b/src/site/content/en/learn/pwa/caching/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/capabilities/index.md b/src/site/content/en/learn/pwa/capabilities/index.md index e3eaf7ab2b7..70114b17fef 100644 --- a/src/site/content/en/learn/pwa/capabilities/index.md +++ b/src/site/content/en/learn/pwa/capabilities/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/complexity/index.md b/src/site/content/en/learn/pwa/complexity/index.md index fc21887b3cb..f46b4c54231 100644 --- a/src/site/content/en/learn/pwa/complexity/index.md +++ b/src/site/content/en/learn/pwa/complexity/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/conclusion/index.md b/src/site/content/en/learn/pwa/conclusion/index.md index f9fe2e6bc9f..61ddfddd123 100644 --- a/src/site/content/en/learn/pwa/conclusion/index.md +++ b/src/site/content/en/learn/pwa/conclusion/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/detection/index.md b/src/site/content/en/learn/pwa/detection/index.md index b3d357bbf51..ea2f161b7e0 100644 --- a/src/site/content/en/learn/pwa/detection/index.md +++ b/src/site/content/en/learn/pwa/detection/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/enhancements/index.md b/src/site/content/en/learn/pwa/enhancements/index.md index 4d79394c4f0..5624af25e83 100644 --- a/src/site/content/en/learn/pwa/enhancements/index.md +++ b/src/site/content/en/learn/pwa/enhancements/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/experimental/index.md b/src/site/content/en/learn/pwa/experimental/index.md index 751ccd7ec92..e60e468a5eb 100644 --- a/src/site/content/en/learn/pwa/experimental/index.md +++ b/src/site/content/en/learn/pwa/experimental/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/installation-prompt/index.md b/src/site/content/en/learn/pwa/installation-prompt/index.md index 59cb790e9dd..511c9e24c62 100644 --- a/src/site/content/en/learn/pwa/installation-prompt/index.md +++ b/src/site/content/en/learn/pwa/installation-prompt/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/installation/index.md b/src/site/content/en/learn/pwa/installation/index.md index 8898668b49e..d9a3018729d 100644 --- a/src/site/content/en/learn/pwa/installation/index.md +++ b/src/site/content/en/learn/pwa/installation/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/offline-data/index.md b/src/site/content/en/learn/pwa/offline-data/index.md index c0ad195eec3..fcb4984edb9 100644 --- a/src/site/content/en/learn/pwa/offline-data/index.md +++ b/src/site/content/en/learn/pwa/offline-data/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/os-integration/index.md b/src/site/content/en/learn/pwa/os-integration/index.md index 49b07b31c09..8f28ff070b5 100644 --- a/src/site/content/en/learn/pwa/os-integration/index.md +++ b/src/site/content/en/learn/pwa/os-integration/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/service-workers/index.md b/src/site/content/en/learn/pwa/service-workers/index.md index 1e1941119d3..943275cdf36 100644 --- a/src/site/content/en/learn/pwa/service-workers/index.md +++ b/src/site/content/en/learn/pwa/service-workers/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/serving/index.md b/src/site/content/en/learn/pwa/serving/index.md index b8280b0e830..5462ed4bf1b 100644 --- a/src/site/content/en/learn/pwa/serving/index.md +++ b/src/site/content/en/learn/pwa/serving/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/tools-and-debug/index.md b/src/site/content/en/learn/pwa/tools-and-debug/index.md index 3acd55d5ee5..9d91441015d 100644 --- a/src/site/content/en/learn/pwa/tools-and-debug/index.md +++ b/src/site/content/en/learn/pwa/tools-and-debug/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/update/index.md b/src/site/content/en/learn/pwa/update/index.md index 26fd498c8ae..eebdea6e9be 100644 --- a/src/site/content/en/learn/pwa/update/index.md +++ b/src/site/content/en/learn/pwa/update/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/web-app-manifest/index.md b/src/site/content/en/learn/pwa/web-app-manifest/index.md index d3e4f7d1dc6..2802404ced8 100644 --- a/src/site/content/en/learn/pwa/web-app-manifest/index.md +++ b/src/site/content/en/learn/pwa/web-app-manifest/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/windows/index.md b/src/site/content/en/learn/pwa/windows/index.md index 557e1109260..e2972b9335f 100644 --- a/src/site/content/en/learn/pwa/windows/index.md +++ b/src/site/content/en/learn/pwa/windows/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/src/site/content/en/learn/pwa/workbox/index.md b/src/site/content/en/learn/pwa/workbox/index.md index 3dd561d6ed3..2480dc73118 100644 --- a/src/site/content/en/learn/pwa/workbox/index.md +++ b/src/site/content/en/learn/pwa/workbox/index.md @@ -5,6 +5,7 @@ description: > authors: - firt date: 2021-11-03 +placeholder: true --- Coming soon! diff --git a/types/navigation/navigation-item.d.ts b/types/navigation/navigation-item.d.ts index 42a5b3e3ce5..150e772a1a5 100644 --- a/types/navigation/navigation-item.d.ts +++ b/types/navigation/navigation-item.d.ts @@ -23,6 +23,7 @@ declare global { title: string, description: string, date: Date, + placeholder: string, }, prev?: NavigationItem | null, next?: NavigationItem | null,