Add draft watermark to PR versions of site

Signed-off-by: Paul Albertella <[email protected]>

.github/workflows/deploy.yml

@@ -28,10 +28,6 @@ jobs:
       - name: Set domain
         run: echo "DOMAIN=osep.elisa.tech" >> $GITHUB_ENV
 
-      - name: Set base URL for preview if PR
-        if: github.ref != 'refs/heads/main'
-        run: echo "BASE_URL=https://${{ env.DOMAIN }}/${{ env.PR_PATH}}/" >> $GITHUB_ENV
-
       - name: Setup python
         uses: actions/setup-python@v5
         with:
@@ -40,6 +36,12 @@ jobs:
       - name: Checkout the triggering ref
         uses: actions/checkout@v4
 
+      - 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
+          cat docs/stylesheets/draft.css >> docs/stylesheets/elisa.css
+
       - name: Build site
         run: |
           pip install -r docs/requirements.txt

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);
+  }