Add watermark in css

2023-08-28 00:00:24 +08:00 · 2023-08-28 00:00:24 +08:00 · 6440f2c339
parent fccb36d39e
commit 6440f2c339
2 changed files with 19 additions and 0 deletions
--- a/themes/mtfwiki-modified/assets/customize.scss
+++ b/themes/mtfwiki-modified/assets/customize.scss
@ -227,3 +227,19 @@ div.hidden-photo {
    }
  }
 }
+div.watermark {
+  display: grid;
+}
+div.watermark>img{
+  grid-area: 1 / 1;
+}
+div.watermark::after {
+  grid-area: 1 / 1;
+  content: '仅供参考，勿作他用';
+  color: #0000FF;
+  font-size: 50px;
+  text-align: center;
+  align-self: center;
+  opacity: 0.3;
+  transform: rotate(-45deg);
+}
--- a/themes/mtfwiki-modified/layouts/shortcodes/watermark.html
+++ b/themes/mtfwiki-modified/layouts/shortcodes/watermark.html
@ -0,0 +1,3 @@
+<div class="watermark">
+    <img src="{{ .Get 0 }}" alt="{{ .Get 1 }}">
+</div>