Implement firebase

layouts/_shortcodes/smiley.html

@@ -0,0 +1,41 @@
+{{- $mood := .Get "mood" | default "neutral" | lower -}}
+{{- $size := .Get "size" | default "md" -}}
+{{- $label := .Get "label" | default "" -}}
+
+{{- $moods := dict
+  "happy"      (dict "emoji" "😊" "alt" "Happy"       "bg" "bg-emerald-100"               "text" "text-emerald-600"               "darkBg" "dark:bg-emerald-900/30"               "darkText" "dark:text-emerald-400")
+  "sad"        (dict "emoji" "😢" "alt" "Sad"         "bg" "bg-sky-100"                  "text" "text-sky-600"                  "darkBg" "dark:bg-sky-900/30"                  "darkText" "dark:text-sky-400")
+  "neutral"    (dict "emoji" "😐" "alt" "Neutral"     "bg" "bg-neutral-200"               "text" "text-neutral-600"               "darkBg" "dark:bg-neutral-700/50"               "darkText" "dark:text-neutral-400")
+  "excited"    (dict "emoji" "🤩" "alt" "Excited"    "bg" "bg-orange-100"                "text" "text-orange-600"                "darkBg" "dark:bg-orange-900/30"                "darkText" "dark:text-orange-400")
+  "thoughtful" (dict "emoji" "🤔" "alt" "Thoughtful"  "bg" "bg-purple-100"               "text" "text-purple-600"               "darkBg" "dark:bg-purple-900/30"               "darkText" "dark:text-purple-400")
+  "angry"      (dict "emoji" "😠" "alt" "Angry"       "bg" "bg-red-100"                  "text" "text-red-600"                  "darkBg" "dark:bg-red-900/30"                  "darkText" "dark:text-red-400")
+  "love"       (dict "emoji" "😍" "alt" "Love"        "bg" "bg-pink-100"                 "text" "text-pink-600"                 "darkBg" "dark:bg-pink-900/30"                 "darkText" "dark:text-pink-400")
+  "surprised"  (dict "emoji" "😮" "alt" "Surprised"   "bg" "bg-amber-100"                "text" "text-amber-600"                "darkBg" "dark:bg-amber-900/30"                "darkText" "dark:text-amber-400")
+  "confused"   (dict "emoji" "😕" "alt" "Confused"    "bg" "bg-teal-100"                 "text" "text-teal-600"                 "darkBg" "dark:bg-teal-900/30"                 "darkText" "dark:text-teal-400")
+  "tired"      (dict "emoji" "😴" "alt" "Tired"       "bg" "bg-slate-100"                "text" "text-slate-600"                "darkBg" "dark:bg-slate-700/50"                "darkText" "dark:text-slate-400")
+  "laughing"   (dict "emoji" "😂" "alt" "Laughing"    "bg" "bg-yellow-100"               "text" "text-yellow-600"               "darkBg" "dark:bg-yellow-900/30"               "darkText" "dark:text-yellow-400")
+  "cool"       (dict "emoji" "😎" "alt" "Cool"        "bg" "bg-cyan-100"                 "text" "text-cyan-600"                 "darkBg" "dark:bg-cyan-900/30"                 "darkText" "dark:text-cyan-400")
+  "crazy"      (dict "emoji" "🤪" "alt" "Crazy"       "bg" "bg-fuchsia-100"              "text" "text-fuchsia-600"              "darkBg" "dark:bg-fuchsia-900/30"              "darkText" "dark:text-fuchsia-400")
+  "silly"      (dict "emoji" "😜" "alt" "Silly"       "bg" "bg-lime-100"                 "text" "text-lime-600"                 "darkBg" "dark:bg-lime-900/30"                 "darkText" "dark:text-lime-400")
+  "worried"    (dict "emoji" "😰" "alt" "Worried"     "bg" "bg-indigo-100"               "text" "text-indigo-600"               "darkBg" "dark:bg-indigo-900/30"               "darkText" "dark:text-indigo-400")
+  "party"      (dict "emoji" "🥳" "alt" "Party"       "bg" "bg-gradient-to-br from-pink-100 to-purple-100" "text" "text-pink-600" "darkBg" "dark:from-pink-900/30 dark:to-purple-900/30" "darkText" "dark:text-pink-400")
+-}}
+
+{{- $data := index $moods $mood -}}
+{{- if not $data -}}
+  {{- $data = index $moods "neutral" -}}
+{{- end -}}
+
+{{- $sizes := dict "sm" "text-lg w-8 h-8" "md" "text-2xl w-10 h-10" "lg" "text-4xl w-14 h-14" "xl" "text-5xl w-16 h-16" -}}
+{{- $sizeClass := index $sizes $size | default (index $sizes "md") -}}
+
+{{- $displayLabel := $label | default $data.alt -}}
+
+<span class="inline-flex items-center gap-1.5 not-prose" role="img" aria-label="{{ $displayLabel }}">
+  <span class="inline-flex items-center justify-center rounded-full {{ $data.bg }} {{ $data.darkBg }} {{ $sizeClass }}">
+    <span class="{{ $data.text }} {{ $data.darkText }} leading-none">{{ $data.emoji }}</span>
+  </span>
+  {{- with $label -}}
+    <span class="text-sm font-medium {{ $data.text }} {{ $data.darkText }}">{{ . }}</span>
+  {{- end -}}
+</span>

layouts/partials/meta/mood.html

@@ -0,0 +1,23 @@
+{{- $mood := .Params.mood | default "" -}}
+{{- if $mood -}}
+  {{- $moods := dict
+    "happy"      "😊"
+    "sad"        "😢"
+    "neutral"    "😐"
+    "excited"    "🤩"
+    "thoughtful" "🤔"
+    "angry"      "😠"
+    "love"       "😍"
+    "surprised"  "😮"
+    "confused"   "😕"
+    "tired"      "😴"
+    "laughing"   "😂"
+    "cool"       "😎"
+    "crazy"      "🤪"
+    "silly"      "😜"
+    "worried"    "😰"
+    "party"      "🥳"
+  -}}
+  {{- $emoji := index $moods $mood | default "😐" -}}
+  <span class="inline-flex items-center gap-1 text-2xl" role="img" aria-label="{{ $mood }} mood">{{ $emoji }}</span>
+{{- end -}}