preview watermark

osfameron · osfameron · commit df4da0e20d25 · 2025-01-10T10:12:26.000Z
diff --git a/gulp.d/tasks/build-preview-pages.js b/gulp.d/tasks/build-preview-pages.js
@@ -48,6 +48,8 @@ const ASCIIDOC_ATTRIBUTES = {
   icons: 'font',
   sectanchors: '',
   'source-highlighter': 'highlight.js',
+  'page-watermark': '2025-01-09 docs-sdk-nodejs add-preview-metadata',
+  'page-show-preview-banner': true,
 }
 
 module.exports =
diff --git a/preview-src/ui-model.yml b/preview-src/ui-model.yml
@@ -176,5 +176,6 @@ page:
     url: '#'
     urlType: 'internal'
 asciidoc:
+  # attributes: defined in gulp.d
   extensions:
   - '@asciidoctor/tabs'
diff --git a/src/css/main.css b/src/css/main.css
@@ -42,6 +42,19 @@ main p {
   hyphens: auto; /* NOTE in Chrome, hyphens: auto is only supported on macOS and Android */
 }
 
+main #watermark {
+  position: fixed;
+  font-size: 4em;
+  opacity: 0.05;
+  line-height: 1em;
+  color: red;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(-90deg);
+  z-index: -1;
+  user-select: none;
+}
+
 .article-banner {
   align-items: center;
   /* background: linear-gradient(to right, var(--color-brand-purple) 0%, var(--color-brand-light-blue) 100%); */
diff --git a/src/layouts/home.hbs b/src/layouts/home.hbs
@@ -6,6 +6,7 @@
 {{> head-last}}
 </head>
 <body class="home">
+
 {{> header}}
 {{> body-home}}
 {{> footer}}
diff --git a/src/partials/main.hbs b/src/partials/main.hbs
@@ -1,4 +1,17 @@
 <main class="article" data-ceiling="topbar">
+0 vc{{#with page.attributes.watermark}}
+<div id="watermark">{{this}}</div>
+{{/with}}
+{{#if page.attributes.show-preview-banner}}
+<div class="article-banner">
+<i class="fas fa-cog"></i>
+<h2>{{#with page.attributes.watermark}}<tt>{{this}}</tt>
+{{else}}Preview{{/with}}</h2>
+<p>You are viewing a preview version of the documentation.</p>
+<p>Visit the <a href="{{ site.url }}/doctor/tree.html">preview landing page</a> for more details.</p>
+</div>
+{{/if}}
+
 {{#unless (or (ne page.attributes.hide-view-latest undefined) (eq page.componentVersion page.component.latest))}}
 {{#with page.latest}}
 {{#if ./missing}}

Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,8 @@ const ASCIIDOC_ATTRIBUTES = {`
`48`	`48`	`icons: 'font',`
`49`	`49`	`sectanchors: '',`
`50`	`50`	`'source-highlighter': 'highlight.js',`
	`51`	`+ 'page-watermark': '2025-01-09 docs-sdk-nodejs add-preview-metadata',`
	`52`	`+ 'page-show-preview-banner': true,`
`51`	`53`	`}`
`52`	`54`
`53`	`55`	`module.exports =`