diff --git a/content/productivity/HowTo_create_habit.md b/content/productivity/HowTo_create_habit.md
new file mode 100644
index 0000000..ba856de
--- /dev/null
+++ b/content/productivity/HowTo_create_habit.md
@@ -0,0 +1,13 @@
++++
+title = 'HowTo create habit'
+date = 2024-04-27
++++
+
+
+{{< rawhtml >}}
+<details>
+    <summary>Details</summary>
+    Something small enough to escape casual notice.
+asd
+</details>
+{{</rawhtml>}}
diff --git a/layouts/shortcodes/spoiler.html b/layouts/shortcodes/spoiler.html
new file mode 100644
index 0000000..7ca91a6
--- /dev/null
+++ b/layouts/shortcodes/spoiler.html
@@ -0,0 +1,19 @@
+
+<div class="spoiler panel panel-default">
+<div class='spoiler_block'>
+      {{ if (.Get "text") }}
+        <h4 class='spoiler_block_head'>{{ with .Get "text" }}{{ . | safeHTML }}{{ else }}&nbsp;{{ end }}</h4>
+      {{ end }}
+<a href='#' class='spoiler-block-icon spoiler-block-icon-zoom-in spoiler_block_show'>
+click to show
+</a>
+{{ if .Inner }}
+<a href='#' class='spoiler-block-icon spoiler-block-icon-zoom-out spoiler_block_hide' style='display: none;'>
+click to hide
+</a>
+{{ end }}
+<div class='spoiler_block_content' style='display: none;'>
+{{ .Inner }}
+</div>
+</div>
+</div>