diff --git a/CHANGELOG.md b/CHANGELOG.md index 38d403d..bda44e7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased](https://codeberg.org/daudix/duckquill/compare/v5.4.0...main) +### Added + +- Add "DRAFTED" watermark to drafted posts. + ### Fixed - Fix navbar mods having broken border radius. diff --git a/sass/_article.scss b/sass/_article.scss index b64c6b0..284165b 100644 --- a/sass/_article.scss +++ b/sass/_article.scss @@ -1,3 +1,29 @@ +#draft-watermark { + position: fixed; + container-type: size; + margin: 0 auto; + inset: 50vh 0; + width: min(var(--container-width), 90%); + + span { + -webkit-user-select: none; + display: block; + transform: translateY(-50%) rotate(-45deg); + margin: 0 auto; + border: 1cqw solid var(--fg-muted-1); + border-radius: 2cqw; + padding: 4cqw; + width: fit-content; + resize: horizontal; + pointer-events: none; + color: var(--fg-muted-1); + font-size: 20cqw; + line-height: 1; + user-select: none; + text-transform: uppercase; + } +} + #banner-container { --mask: linear-gradient(black, transparent); -webkit-user-select: none; diff --git a/templates/article.html b/templates/article.html index 2875856..880e6f8 100644 --- a/templates/article.html +++ b/templates/article.html @@ -12,6 +12,12 @@ {%- endif -%}
+ {%- if page.draft -%} +
+ {{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}} +
+ {%- endif -%} + {%- if page.extra.banner -%}