diff --git a/layouts/partials/functions/uid.html b/layouts/partials/functions/uid.html
new file mode 100644
index 00000000..f4269dc4
--- /dev/null
+++ b/layouts/partials/functions/uid.html
@@ -0,0 +1,13 @@
+{{ $uid := .Page.RelPermalink }}
+{{ $ctx := . }}
+
+{{ range seq 16 }}
+  {{ with $ctx }}
+    {{ $uid = printf "%s-%d" $uid .Ordinal }}
+    {{ $ctx = .Parent }}
+  {{ else }}
+    {{ break }}
+  {{ end }}
+{{ end }}
+
+{{ return md5 $uid }}
\ No newline at end of file
diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index 97e51696..ccfb4595 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -1,4 +1,4 @@
-{{ $id := delimit (slice "carousel" .Ordinal now.UnixNano) "-" }}
+{{ $id := delimit (slice "carousel" (partial "functions/uid.html" .)) "-" }}
 {{ $aspect := default "16-9" (.Get "aspectRatio") }}
 {{ $images := .Page.Resources.Match (.Get "images") }}
 {{ $interval := default "2000" (.Get "interval") }}
diff --git a/layouts/shortcodes/chart.html b/layouts/shortcodes/chart.html
index 82c92aad..1e172753 100644
--- a/layouts/shortcodes/chart.html
+++ b/layouts/shortcodes/chart.html
@@ -1,4 +1,4 @@
-{{ $id := delimit (slice "chart" .Ordinal now.UnixNano) "-" }}
+{{ $id := delimit (slice "chart" (partial "functions/uid.html" .)) "-" }}
 <div class="chart">
   <canvas id="{{ $id }}"></canvas>
   <script type="text/javascript">
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index 0aa82415..c01b48f8 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -1,5 +1,4 @@
-{{ $random := delimit (shuffle (seq 1 9)) "" }}
-{{ $id := delimit (slice "gallery" $random now.UnixNano) "-" }}
+{{ $id := delimit (slice "gallery" (partial "functions/uid.html" .)) "-" }}
 
 <div id="{{ $id }}" class="gallery">
   {{ .Inner }}
diff --git a/layouts/shortcodes/github.html b/layouts/shortcodes/github.html
index 7663bb67..fc0c571d 100644
--- a/layouts/shortcodes/github.html
+++ b/layouts/shortcodes/github.html
@@ -1,4 +1,4 @@
-{{ $id := delimit (slice "github" .Ordinal now.UnixNano) "-" }}
+{{ $id := delimit (slice "github" (partial "functions/uid.html" .)) "-" }}
 {{- $githubURL := print "https://api.github.com/repos/" (.Get "repo") -}}
 {{- $githubData := getJSON ($githubURL) -}}
 {{- $githubColors := .Site.Data.githubColors -}}
diff --git a/layouts/shortcodes/gitlab.html b/layouts/shortcodes/gitlab.html
index f4453bef..fa95ec61 100644
--- a/layouts/shortcodes/gitlab.html
+++ b/layouts/shortcodes/gitlab.html
@@ -1,4 +1,4 @@
-{{ $id := delimit (slice "gitlab" .Ordinal now.UnixNano) "-" }}
+{{ $id := delimit (slice "gitlab" (partial "functions/uid.html" .)) "-" }}
 {{- $gitlabURL := print (default "https://gitlab.com/" (.Get "baseURL")) "api/v4/projects/" (.Get "projectID") -}}
 
 {{- $gitLabData := getJSON ($gitlabURL) -}}
diff --git a/layouts/shortcodes/typeit.html b/layouts/shortcodes/typeit.html
index 2155ee09..2cc94e18 100644
--- a/layouts/shortcodes/typeit.html
+++ b/layouts/shortcodes/typeit.html
@@ -13,7 +13,7 @@
 {{- end -}}
 {{- $tag := .Get "tag" | default "div" -}}
 
-{{ $id := delimit (slice "typeit" .Ordinal now.UnixNano) "-" }}
+{{ $id := delimit (slice "typeit" (partial "functions/uid.html" .)) "-" }}
 
 {{- $attrs := printf `id="%v"` $id -}}
 {{- with $classList -}}