🔥 Feat: internalize watermark option appendTo

assets/css/_core/_layout.scss

@@ -18,8 +18,7 @@
       align-items: flex-start;
       justify-content: center;
       padding-inline: 1rem;
-      // TODO remove watermark from container
-      // gap: 0.5rem;
+      gap: 0.5rem;
 
       &.container-reverse {
         flex-direction: row-reverse;

assets/js/theme.js

@@ -891,7 +891,7 @@ class FixIt {
     this.config.watermark?.enable &&
       new Watermark({
         content: this.config.watermark.content || `${document.querySelector('footer .fixit-icon')?.outerHTML ?? ''} FixIt Theme`,
-        appendTo: this.config.watermark.appendto || '.wrapper>main',
+        appendTo: '.widgets',
         opacity: this.config.watermark.opacity,
         width: this.config.watermark.width,
         height: this.config.watermark.height,

hugo.toml

@@ -731,8 +731,6 @@ enableEmoji = true
     content = ""
     # watermark's transparency
     opacity = 0.1
-    # parent of watermark's container
-    appendTo = ".wrapper>main"
     # watermark's width. unit: px
     width = 150
     # watermark's height. unit: px