Add draft watermark to PR versions of site

Signed-off-by: Paul Albertella <[email protected]>
elisa-tech · Nov 11, 2024 · b74b2e2 · b74b2e2
1 parent 40c3216
commit b74b2e2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -28,9 +28,11 @@ jobs:
       - name: Set domain
         run: echo "DOMAIN=osep.elisa.tech" >> $GITHUB_ENV
 
-      - name: Set base URL for preview if PR
+      - name: Adjust BASE_URL and css if this is a PR
         if: github.ref != 'refs/heads/main'
-        run: echo "BASE_URL=https://${{ env.DOMAIN }}/${{ env.PR_PATH}}/" >> $GITHUB_ENV
+        run: |
+          echo "BASE_URL=https://${{ env.DOMAIN }}/${{ env.PR_PATH}}/" >> $GITHUB_ENV
+          cat docs/stylesheets/draft.css >> docs/stylesheets/elisa.css
 
       - name: Setup python
         uses: actions/setup-python@v5

diff --git a/docs/stylesheets/draft.css b/docs/stylesheets/draft.css
@@ -0,0 +1,10 @@
+
+.md-content__inner.md-typeset:before {
+    content: "DRAFT FROM PR";
+    -webkit-transform: rotate(351deg);
+    -moz-transform: rotate(351deg);
+    -o-transform: rotate(351deg);
+    transform: rotate(351deg);
+    font-size: 10em;
+    color: rgba(255, 5, 5, 0.17);
+  }