diff --git a/advanced/server/public/assets/images/loading.svg b/advanced/server/public/assets/images/loading.svg
new file mode 100644
index 0000000..4549525
--- /dev/null
+++ b/advanced/server/public/assets/images/loading.svg
@@ -0,0 +1,17 @@
+<svg class="lds-blocks" width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="animation-play-state: running; animation-delay: 0s; background: none;"><rect x="19" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="40" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="19" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="19" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="40" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect></svg>
\ No newline at end of file
diff --git a/intro/server/public/assets/images/loading.svg b/intro/server/public/assets/images/loading.svg
new file mode 100644
index 0000000..4549525
--- /dev/null
+++ b/intro/server/public/assets/images/loading.svg
@@ -0,0 +1,17 @@
+<svg class="lds-blocks" width="200px" height="200px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="animation-play-state: running; animation-delay: 0s; background: none;"><rect x="19" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="40" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.125s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="19" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.25s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="19" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.875s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="40" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.375s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="19" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.75s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="40" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.625s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect><rect x="61" y="61" width="20" height="20" fill="#346b21" style="animation-play-state: running; animation-delay: 0s;">
+  <animate attributeName="fill" values="#94d137;#346b21;#346b21" keyTimes="0;0.125;1" dur="1s" repeatCount="indefinite" begin="0.5s" calcMode="discrete" style="animation-play-state: running; animation-delay: 0s;"></animate>
+</rect></svg>
\ No newline at end of file