diff --git a/layouts/_shortcodes/bring-it-home.html b/layouts/_shortcodes/bring-it-home.html
new file mode 100644
index 0000000..823ef30
--- /dev/null
+++ b/layouts/_shortcodes/bring-it-home.html
@@ -0,0 +1,17 @@
+{{ $.Scratch.Set "icon" (default "sun" (.Get 0) ) }}
+
+<div
+  class="alert flex px-4 py-3 rounded-md bg-sky-200 dark:bg-sky-500"
+  >
+  <span
+      class="ltr:pr-3 rtl:pl-3 flex text-yellow-200 items-begin pt-[6px]"
+    >
+    {{ partial "icon.html" ($.Scratch.Get "icon") }}
+  </span>
+
+  <span
+      class="dark:text-sky-50 text-sky-900"
+    >
+    {{- .Inner | markdownify -}}
+  </span>
+</div>
diff --git a/layouts/_shortcodes/definition.html b/layouts/_shortcodes/definition.html
new file mode 100644
index 0000000..325722b
--- /dev/null
+++ b/layouts/_shortcodes/definition.html
@@ -0,0 +1,17 @@
+{{ $.Scratch.Set "icon" (default "circle-info" (.Get 0) ) }}
+
+<div
+  class="alert flex px-4 py-3 rounded-md bg-green-100 dark:bg-green-700"
+  >
+  <span
+      class="text-green-400 ltr:pr-3 rtl:pl-3 flex items-begin pt-[6px]"
+    >
+    {{ partial "icon.html" ($.Scratch.Get "icon") }}
+  </span>
+
+  <span
+      class="dark:text-green-100 text-green-950"
+    >
+    {{- .Inner | markdownify -}}
+  </span>
+</div>
diff --git a/layouts/_shortcodes/go-deeper.html b/layouts/_shortcodes/go-deeper.html
new file mode 100644
index 0000000..d1bb58b
--- /dev/null
+++ b/layouts/_shortcodes/go-deeper.html
@@ -0,0 +1,17 @@
+{{ $.Scratch.Set "icon" (default "graduation-cap" (.Get 0) ) }}
+
+<div
+  class="alert flex px-4 py-3 rounded-md bg-violet-200 dark:bg-violet-700"
+  >
+  <span
+      class="text-violet-800 dark:text-violet-100 ltr:pr-3 rtl:pl-3 flex items-begin pt-[6px]"
+    >
+    {{ partial "icon.html" ($.Scratch.Get "icon") }}
+  </span>
+
+  <span
+      class="dark:text-violet-200 text-violet-900"
+    >
+    {{- .Inner | markdownify -}}
+  </span>
+</div>