From e58963410ec6a82dfb5718ba982a347951825c10 Mon Sep 17 00:00:00 2001
From: Redblueflame <contact@redblueflame.com>
Date: Tue, 30 Mar 2021 17:41:20 +0200
Subject: [PATCH] Added illustration & mezssage when a page doe not contain any
 mod / projects (#133)

* Added new messages with illustration displaying that this page does not contain any elements
Fixed 404 error after deleting mod

* Fixed typo
---
 .../illustrations/follow_illustration.svg     |  78 +++++++++
 assets/images/illustrations/security.svg      | 109 +++++++++++++
 assets/images/illustrations/up_to_date.svg    |  49 ++++++
 pages/dashboard/follows.vue                   |  92 +++++++----
 pages/dashboard/moderation.vue                | 154 +++++++++++-------
 pages/dashboard/notifications.vue             | 100 ++++++++----
 pages/dashboard/projects.vue                  |  87 +++++++---
 pages/mod/_id/settings.vue                    |   1 +
 8 files changed, 521 insertions(+), 149 deletions(-)
 create mode 100644 assets/images/illustrations/follow_illustration.svg
 create mode 100644 assets/images/illustrations/security.svg
 create mode 100644 assets/images/illustrations/up_to_date.svg

diff --git a/assets/images/illustrations/follow_illustration.svg b/assets/images/illustrations/follow_illustration.svg
new file mode 100644
index 00000000..1abdf323
--- /dev/null
+++ b/assets/images/illustrations/follow_illustration.svg
@@ -0,0 +1,78 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   id="b3c5850d-3d23-4aad-a12c-b5e8440d4fde"
+   width="432.34134"
+   height="448.72375"
+   viewBox="0 0 432.34134 448.72374"
+   version="1.1">
+
+  <path
+     d="m 367.46102,279.26375 -46.77977,46.17 -105.72023,104.32 -2.13965,2.11 -11.91992,11.76 -24.9902,-24.69 -2.20019,-2.17 -45.69,-45.13 h -0.01 l -14.64013,-14.47 -8.6499,-8.55 -25.760248,-25.44 -3.4795,-3.44 -41.06006,-40.56 a 117.65792,117.65792 0 0 1 -20.52,-27.63 c -0.5,-0.91 -0.97022,-1.83 -1.43018,-2.75 A 117.50682,117.50682 0 0 1 137.18125,80.263749 h 0.0102 c 0.37989,0.06 0.75,0.12 1.12989,0.2 a 113.60526,113.60526 0 0 1 11.91015,2.77 117.09292,117.09292 0 0 1 29.11961,12.93 q 1.4253,0.885 2.82031,1.8 a 118.17183,118.17183 0 0 1 18.46973,15.090001 l 0.3501,-0.35 0.3501,0.35 a 118.54248,118.54248 0 0 1 10.83007,-9.58 c 0.82959,-0.65 1.66993,-1.29 2.50977,-1.91 a 117.44922,117.44922 0 0 1 90.51025,-21.060001 111.92113,111.92113 0 0 1 11.91993,2.78 q 1.96507,0.55509 3.8999,1.2 c 1.04,0.34 2.08008,0.69 3.10986,1.07 a 116.42525,116.42525 0 0 1 24.39014,12.1 q 2.50488,1.63494 4.93994,3.420001 a 117.54672,117.54672 0 0 1 14.00977,178.19 z"
+     fill="#5da545"
+     id="path10" />
+  <path
+     d="m 320.68125,325.43375 -105.72023,104.32 -2.13965,2.11 -11.91992,11.76 -24.9902,-24.69 -2.20019,-2.17 -45.69,-45.13 c 7.34034,-1.71 18.62012,0.64 22.75,2.68 9.79,4.83 17.84034,12.76 27.78028,17.28 a 46.138,46.138 0 0 0 28.33009,3.13 c 17.81982,-3.74 31.60986,-17.52 43.77,-31.08 12.15966,-13.57 24.58984,-28.13 41.67968,-34.42 9.01028,-3.32 18.68996,-4.07 28.35014,-3.79 z"
+     opacity="0.15"
+     id="path12" />
+  <path
+     d="M 397.54109,114.98375 A 118.15747,118.15747 0 0 0 345.01131,84.433749 c -1.31983,-0.37 -2.62988,-0.7 -3.96,-1.01 a 116.83094,116.83094 0 0 0 -17.39006,-2.79 c -1.02,-0.1 -2.04,-0.17 -3.06982,-0.22 a 115.15486,115.15486 0 0 0 -15.43018,0.06 118.39675,118.39675 0 0 0 -74.83984,33.450001 l -0.36035,-0.36 -0.35987,0.36 a 118.61442,118.61442 0 0 0 -46.6997,-28.080001 c -0.99024,-0.32 -1.99024,-0.63 -2.99024,-0.92 a 119.67335,119.67335 0 0 0 -41.62012,-4.45 c -0.38964,0.02 -0.77978,0.05 -1.15966,0.09 A 118.30611,118.30611 0 0 0 67.731562,109.96375 c -1.82031,1.6 -3.61035,3.28 -5.35009,5.02 a 119.14261,119.14261 0 0 0 -26.64022,127.55 c 0.3501,0.94 0.73,1.87006 1.12988,2.8 a 118.153,118.153 0 0 0 25.51026,37.95 l 38.919918,38.42 3.06006,3.03 84.21972,83.13 2.16992,2.15 22.12012,21.84 17.08985,16.87 167.58011,-165.45 a 119.129,119.129 0 0 0 0,-168.29 z m -2.10984,166.16 -165.47023,163.36 -14.94971,-14.76 -21.6499,-21.37 -2.16993,-2.14 -82.58007,-81.53 -3.01026,-2.97 -41.100098,-40.58 a 115.19343,115.19343 0 0 1 -24.7598,-36.72 c -0.3999,-0.93 -0.78027,-1.86 -1.12988,-2.79 a 116.13377,116.13377 0 0 1 25.88968,-124.54 q 2.79054,-2.79 5.71,-5.34 h 0.0102 A 115.38082,115.38082 0 0 1 136.70125,83.603749 q 4.905,-0.42 9.81982,-0.42 c 1.23,0 2.4502,0.02 3.68018,0.06 a 116.0993,116.0993 0 0 1 29.6499,4.8 c 0.99024,0.29 1.98,0.6 2.96,0.93 a 114.15644,114.15644 0 0 1 29.33008,14.490001 115.61419,115.61419 0 0 1 16.41016,13.64 l 1.06006,1.06 0.34961,-0.35 0.35009,0.35 1.06006,-1.06 a 115.674,115.674 0 0 1 85.71,-33.860001 c 1.27,0.04 2.54,0.1 3.81006,0.19 1.02,0.06 2.04,0.13 3.05029,0.23 a 115.12349,115.12349 0 0 1 19.08985,3.35 c 1.33984,0.34 2.66992,0.71 3.98974,1.12 a 115.9591,115.9591 0 0 1 48.4101,193.010001 z"
+     fill="#ffffff"
+     id="path14" />
+  <path
+     d="m 163.08113,87.773749 c -6.41992,5.07 -13.31006,9.75 -17.48,16.680001 -3.06982,5.12 -4.3999,11.07 -5.39013,16.95 -1.91993,11.44 -2.73975,23.16 -6.5,34.12994 -3.75,10.97 -11.06983,21.45 -21.91993,25.54 -6.73,2.53 -14.149898,2.39 -21.319818,1.9 -17.68994,-1.2 -35.5,-4.37 -51.41992,-12.16 -8.8999,-4.36 -17.53028,-10.24 -27.41992,-10.89 a 25.39538,25.39538 0 0 0 -6.0200005,0.33 A 117.494,117.494 0 0 1 137.18125,80.263749 h 0.0102 c 0.37989,0.06 0.75,0.12 1.12989,0.2 a 113.60526,113.60526 0 0 1 11.91015,2.77 117.48205,117.48205 0 0 1 12.84959,4.54 z"
+     opacity="0.15"
+     id="path16" />
+  <circle
+     cx="94.291763"
+     cy="76.050789"
+     r="43.067329"
+     fill="#2f2e41"
+     id="circle18" />
+  <rect
+     x="74.666153"
+     y="109.85048"
+     width="13.08374"
+     height="23.44171"
+     fill="#2f2e41"
+     id="rect20" />
+  <rect
+     x="100.83363"
+     y="109.85048"
+     width="13.08374"
+     height="23.44171"
+     fill="#2f2e41"
+     id="rect22" />
+  <ellipse
+     cx="85.569229"
+     cy="133.56477"
+     rx="10.90314"
+     ry="4.0886798"
+     fill="#2f2e41"
+     id="ellipse24" />
+  <ellipse
+     cx="111.73677"
+     cy="133.01961"
+     rx="10.90314"
+     ry="4.0886798"
+     fill="#2f2e41"
+     id="ellipse26" />
+  <circle
+     cx="95.382095"
+     cy="65.147659"
+     r="14.71923"
+     fill="#ffffff"
+     id="circle28" />
+  <ellipse
+     cx="22.820126"
+     cy="119.16339"
+     rx="4.8859401"
+     ry="4.9205499"
+     transform="rotate(-44.98705)"
+     fill="#3f3d56"
+     id="ellipse30" />
+  <path
+     d="M 52.514972,35.999439 C 49.037492,20.425649 60.153622,4.6890094 77.343632,0.85062939 94.533642,-2.9877506 111.28784,6.5257394 114.76532,22.099539 c 3.47748,15.5738 -7.91492,21.31768 -25.104858,25.156 -17.18994,3.83832 -33.66795,4.31775 -37.14549,-11.2561 z"
+     fill="#e6e6e6"
+     id="path32" />
+</svg>
diff --git a/assets/images/illustrations/security.svg b/assets/images/illustrations/security.svg
new file mode 100644
index 00000000..1c5eda5f
--- /dev/null
+++ b/assets/images/illustrations/security.svg
@@ -0,0 +1,109 @@
+<svg id="f921693e-33a8-40f4-b606-3710578972cc" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink" width="859.39917" height="767.78379" viewBox="0 0 859.39917 767.78379" version="1.1">
+  <defs>
+    <linearGradient id="b629f179-8ab2-4411-a7df-956765958247" x1="344.9209" y1="369.39721" x2="505.39917" y2="369.39721"
+                    gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="gray" stop-opacity="0.25"/>
+      <stop offset="0.53514" stop-color="gray" stop-opacity="0.12"/>
+      <stop offset="1" stop-color="gray" stop-opacity="0.1"/>
+    </linearGradient>
+  </defs>
+  <title>Security on</title>
+  <path
+    d="M601.69959,76.85442,331.99753,242.82491s0,342.31415,269.70206,529.031c269.70205-186.7168,269.70205-529.031,269.70205-529.031Z"
+    transform="translate(-170.30041 -66.10811)" fill="#3f3d56"/>
+  <path
+    d="M603.30988,76.85442l-4.61029,2.83711V768.61826c1.531,1.08244,3.06152,2.16537,4.61029,3.2376,269.70205-186.7168,269.70205-529.031,269.70205-529.031Z"
+    transform="translate(-170.30041 -66.10811)" fill="#5da545" opacity="0.04"/>
+  <g opacity="0.7">
+    <polygon
+      points="366.106 347.068 416.949 393.674 479.977 302.75 505.399 323.935 416.949 436.044 344.921 355.542 366.106 347.068"
+      fill="url(#b629f179-8ab2-4411-a7df-956765958247)"/>
+  </g>
+  <polygon
+    points="378.106 349.868 419.349 387.674 477.777 301.75 498.399 318.935 419.349 422.044 360.921 356.742 378.106 349.868"
+    fill="#3ad29f"/>
+  <path
+    d="M335.59008,114.06442a3.67459,3.67459,0,0,1-2.04748-4.441,1.766,1.766,0,0,0,.0799-.40754h0a1.84257,1.84257,0,0,0-3.31045-1.22119h0a1.7661,1.7661,0,0,0-.2039.3618,3.67461,3.67461,0,0,1-4.441,2.04749,1.766,1.766,0,0,0-.40754-.07991h0a1.84257,1.84257,0,0,0-1.22119,3.31045h0a1.76564,1.76564,0,0,0,.3618.2039,3.67459,3.67459,0,0,1,2.04748,4.441,1.76611,1.76611,0,0,0-.0799.40755h0a1.84257,1.84257,0,0,0,3.31045,1.22119h0a1.76637,1.76637,0,0,0,.2039-.3618,3.67459,3.67459,0,0,1,4.441-2.04749,1.766,1.766,0,0,0,.40754.0799h0a1.84257,1.84257,0,0,0,1.22119-3.31044h0A1.7661,1.7661,0,0,0,335.59008,114.06442Z"
+    transform="translate(-170.30041 -66.10811)" fill="#4d8af0" opacity="0.5"/>
+  <path
+    d="M189.59008,439.06442a3.67459,3.67459,0,0,1-2.04748-4.441,1.766,1.766,0,0,0,.0799-.40754h0a1.84257,1.84257,0,0,0-3.31045-1.22119h0a1.7661,1.7661,0,0,0-.2039.3618,3.67461,3.67461,0,0,1-4.441,2.04749,1.766,1.766,0,0,0-.40754-.07991h0a1.84257,1.84257,0,0,0-1.22119,3.31045h0a1.76564,1.76564,0,0,0,.3618.2039,3.67459,3.67459,0,0,1,2.04748,4.441,1.76611,1.76611,0,0,0-.0799.40755h0a1.84257,1.84257,0,0,0,3.31045,1.22119h0a1.76637,1.76637,0,0,0,.2039-.3618,3.67459,3.67459,0,0,1,4.441-2.04749,1.766,1.766,0,0,0,.40754.0799h0a1.84257,1.84257,0,0,0,1.22119-3.31044h0A1.7661,1.7661,0,0,0,189.59008,439.06442Z"
+    transform="translate(-170.30041 -66.10811)" fill="#4d8af0" opacity="0.5"/>
+  <circle cx="748.39917" cy="254" r="6" fill="#f55f44" opacity="0.5"/>
+  <circle cx="121.39917" cy="683" r="6" fill="#f55f44" opacity="0.5"/>
+  <circle cx="850.39917" cy="485" r="6" fill="#f55f44" opacity="0.5"/>
+  <path
+    d="M874.59008,143.06442a3.67459,3.67459,0,0,1-2.04748-4.441,1.766,1.766,0,0,0,.0799-.40754h0a1.84257,1.84257,0,0,0-3.31045-1.22119h0a1.7661,1.7661,0,0,0-.2039.3618,3.67461,3.67461,0,0,1-4.441,2.04749,1.766,1.766,0,0,0-.40754-.07991h0a1.84257,1.84257,0,0,0-1.22119,3.31045h0a1.76564,1.76564,0,0,0,.3618.2039,3.67459,3.67459,0,0,1,2.04748,4.441,1.76611,1.76611,0,0,0-.0799.40755h0a1.84257,1.84257,0,0,0,3.31045,1.22119h0a1.76637,1.76637,0,0,0,.2039-.3618,3.67459,3.67459,0,0,1,4.441-2.04749,1.766,1.766,0,0,0,.40754.0799h0a1.84257,1.84257,0,0,0,1.22119-3.31044h0A1.7661,1.7661,0,0,0,874.59008,143.06442Z"
+    transform="translate(-170.30041 -66.10811)" fill="#4d8af0" opacity="0.5"/>
+  <path
+    d="M974.59008,771.06442a3.67459,3.67459,0,0,1-2.04748-4.441,1.766,1.766,0,0,0,.0799-.40754h0a1.84257,1.84257,0,0,0-3.31045-1.22119h0a1.7661,1.7661,0,0,0-.2039.3618,3.67461,3.67461,0,0,1-4.441,2.04749,1.766,1.766,0,0,0-.40754-.07991h0a1.84257,1.84257,0,0,0-1.22119,3.31045h0a1.76564,1.76564,0,0,0,.3618.2039,3.67459,3.67459,0,0,1,2.04748,4.441,1.76611,1.76611,0,0,0-.0799.40755h0a1.84257,1.84257,0,0,0,3.31045,1.22119h0a1.76637,1.76637,0,0,0,.2039-.3618,3.67459,3.67459,0,0,1,4.441-2.04749,1.766,1.766,0,0,0,.40754.0799h0a1.84257,1.84257,0,0,0,1.22119-3.31044h0A1.7661,1.7661,0,0,0,974.59008,771.06442Z"
+    transform="translate(-170.30041 -66.10811)" fill="#4d8af0" opacity="0.5"/>
+  <path
+    d="M182.59008,249.06442a3.67459,3.67459,0,0,1-2.04748-4.441,1.766,1.766,0,0,0,.0799-.40754h0a1.84257,1.84257,0,0,0-3.31045-1.22119h0a1.7661,1.7661,0,0,0-.2039.3618,3.67461,3.67461,0,0,1-4.441,2.04749,1.766,1.766,0,0,0-.40754-.07991h0a1.84257,1.84257,0,0,0-1.22119,3.31045h0a1.76564,1.76564,0,0,0,.3618.2039,3.67459,3.67459,0,0,1,2.04748,4.441,1.76611,1.76611,0,0,0-.0799.40755h0a1.84257,1.84257,0,0,0,3.31045,1.22119h0a1.76637,1.76637,0,0,0,.2039-.3618,3.67459,3.67459,0,0,1,4.441-2.04749,1.766,1.766,0,0,0,.40754.0799h0a1.84257,1.84257,0,0,0,1.22119-3.31044h0A1.7661,1.7661,0,0,0,182.59008,249.06442Z"
+    transform="translate(-170.30041 -66.10811)" fill="#4d8af0" opacity="0.5"/>
+  <circle cx="79.39917" cy="284" r="6" fill="#47e6b1" opacity="0.5"/>
+  <circle cx="853.39917" cy="332" r="6" fill="#47e6b1" opacity="0.5"/>
+  <g opacity="0.5">
+    <rect x="583.39917" width="3" height="17" fill="#47e6b1"/>
+    <rect x="753.69959" y="66.10811" width="3" height="17" transform="translate(659.50728 -746.69959) rotate(90)"
+          fill="#47e6b1"/>
+  </g>
+  <g opacity="0.5">
+    <rect x="594.39917" y="666" width="3" height="17" fill="#47e6b1"/>
+    <rect x="764.69959" y="732.10811" width="3" height="17" transform="translate(1336.50728 -91.69959) rotate(90)"
+          fill="#47e6b1"/>
+  </g>
+  <g opacity="0.5">
+    <rect x="26.39917" y="702" width="3" height="17" fill="#47e6b1"/>
+    <rect x="196.69959" y="768.10811" width="3" height="17" transform="translate(804.50728 512.30041) rotate(90)"
+          fill="#47e6b1"/>
+  </g>
+  <g opacity="0.5">
+    <rect x="709.39917" y="396" width="3" height="17" fill="#47e6b1"/>
+    <rect x="879.69959" y="462.10811" width="3" height="17" transform="translate(1181.50728 -476.69959) rotate(90)"
+          fill="#47e6b1"/>
+  </g>
+  <polygon
+    points="795.606 123.018 802.049 128.924 811.177 115.5 814.399 118.185 802.049 134.294 792.921 124.092 795.606 123.018"
+    fill="#47e6b1" opacity="0.5"/>
+  <rect x="760.28981" y="305.80003" width="22.24232" height="28.59727"
+        transform="translate(-182.12458 -35.97628) rotate(-2.22071)" fill="#5da545"/>
+  <path d="M681.71009,405.45856s-30.779-14.70576-30.28646-2.00541,31.02521,21.05594,31.02521,21.05594Z"
+        transform="translate(-170.30041 -66.10811)" fill="#ffb9b9"/>
+  <path
+    d="M698.59666,512.91906s-14.52107,35.54159-19.88626,61.18854-13.53608,60.94229-3.02582,85.97362,40.39191,98.59935,40.69972,106.53707-2.55946,15.99856,3.79071,15.75231,40.90677-11.12587,42.30963-15.95007-11.79-17.03205-11.79-17.03205L718.11733,647.30624,752.1068,580.801l24.51648,99.215,4.80184,123.82844s23.56691-7.27361,26.98824-1.04656c0,0,10.55875-14.71883,11.9-21.13057s-4.98653-128.59106-4.98653-128.59106,21.63236-139.16288,4.16937-138.4857S733.63268,473.40208,698.59666,512.91906Z"
+    transform="translate(-170.30041 -66.10811)" fill="#5da545"/>
+  <path
+    d="M719.92877,776.02043s-16.10862,35.60315-17.63461,37.25225-12.02317,17.95548-4.08545,17.64767,26.68044-8.98427,40.47584-22.23868,31.98406-36.21877,30.335-37.74475-12.9466-5.85768-12.9466-5.85768Z"
+    transform="translate(-170.30041 -66.10811)" fill="#575a89"/>
+  <path
+    d="M784.29239,795.78356s-.97192,15.937-3.90076,22.4103-2.55947,15.99857,5.37825,15.69076,28.45267-4.28321,28.45267-4.28321,1.21817-9.58682-.43093-11.11281-8.67647-18.74271-5.68607-23.62847S784.29239,795.78356,784.29239,795.78356Z"
+    transform="translate(-170.30041 -66.10811)" fill="#575a89"/>
+  <path
+    d="M796.03561,278.60052s16.922,26.37263,23.51842,32.47656-11.9616,19.543-11.9616,19.543l-33.2153,4.46789s.41786-30.22489-1.29281-33.33842S796.03561,278.60052,796.03561,278.60052Z"
+    transform="translate(-170.30041 -66.10811)" fill="#ffb9b9"/>
+  <path
+    d="M767.16508,313.10863s6.84267,12.4541,13.19285,12.20785,39.1961-14.2394,40.599-19.06359,10.87963,34.55659,10.87963,34.55659L751.465,482.25016,731.86045,468.701l9.49913-83.04479,7.80153-44.8206Z"
+    transform="translate(-170.30041 -66.10811)" fill="#5da545"/>
+  <path
+    d="M823.92139,439.69215c-3.206,6.70666-5.20835,13.70047-4.9307,20.86031.01231.31753.02462.635.05282.95187.76057,14.69329,6.17341,31.68646,8.11534,44.04443,1.40908,8.86485,1.00808,15.33551-4.1797,16.85636-12.57723,3.66758,1.83379,6.28861-46.826,22.48493s-57.15159,2.21623-57.27471-.95886,6.89116-27.29605,5.24206-28.822-23.07442,19.974-29.54772,17.04512-.73874-19.05053-.73874-19.05053,14.58264-33.954,14.27483-41.89176,22.08942-45.37466,22.08942-45.37466L745.432,326.67085s5.85768-12.9466,13.73384-14.842,14.411,2.621,14.411,2.621L760.397,343.57977l-13.90546,51.417,2.32629,18.989s16.17018-34.01561,26.7905-47.1469,33.26379-44.21805,33.26379-44.21805,5.28646-17.83738,1.2957-23.16791c-3.99136-5.34632,16.64671-6.14662,25.4463,15.77118,4.66382,11.61641,12.23581,28.93925,16.97922,45.068,4.22682,14.28851,6.22343,27.646,2.03588,35.2811C848.229,407.2371,832.1292,422.56828,823.92139,439.69215Z"
+    transform="translate(-170.30041 -66.10811)" fill="#575a89"/>
+  <path
+    d="M854.62926,395.57321c-6.40029,11.66389-22.50006,26.99507-30.70787,44.11894-2.14378-7.72348-4.75909-15.71476-4.75909-15.71476s-10.03082-53.66869,19.64-67.53872a19.85766,19.85766,0,0,1,13.79106,3.85344C856.8202,374.58062,858.81681,387.93813,854.62926,395.57321Z"
+    transform="translate(-170.30041 -66.10811)" opacity="0.1"/>
+  <path
+    d="M736.8432,392.19108l-25.15446,7.33517-34.926,1.35437-3.593,30.348,57.39783,4.13394S744.904,395.05836,736.8432,392.19108Z"
+    transform="translate(-170.30041 -66.10811)" fill="#575a89"/>
+  <path d="M777.861,494.23066s-33.65163,5.58313-25.971,15.70981,37.49194-.5198,37.49194-.5198Z"
+        transform="translate(-170.30041 -66.10811)" fill="#ffb9b9"/>
+  <path
+    d="M819.04351,461.50433c.76057,14.69329,6.17341,31.68646,8.11534,44.04443-10.72016,10.14608-20.91438,19.09523-24.75621,19.24421-7.93772.30781-20.69963-.78724-25.4007.985s-7.4583-28.32954-7.4583-28.32954S772.34936,487.8,784.865,482.5449C793.31283,478.9897,809.506,469.34688,819.04351,461.50433Z"
+    transform="translate(-170.30041 -66.10811)" opacity="0.1"/>
+  <path
+    d="M838.43294,346.91341s26.86513-4.22164,25.41378,40.35271,2.83185,73.027-7.97315,81.39568-45.90258,46.29809-53.8403,46.6059-20.69964-.78723-25.40071.985-7.45829-28.32955-7.45829-28.32955,2.80572-9.64839,15.32138-14.90351,42.00182-23.8878,41.75558-30.238-7.4583-28.32954-7.4583-28.32954S808.7621,360.78344,838.43294,346.91341Z"
+    transform="translate(-170.30041 -66.10811)" fill="#575a89"/>
+  <circle cx="602.04517" cy="216.59094" r="34.95222" fill="#ffb9b9"/>
+  <path
+    d="M748.81137,232.60234a6.749,6.749,0,0,1-2.93882,1.47479,2.09717,2.09717,0,0,1-2.43029-1.68345c-.79968,1.65841-1.70192,3.42592-3.33461,4.27688s-4.15732.13741-4.39266-1.68864a7.706,7.706,0,0,1-1.77364,3.74392c-1.013.96584-2.85,1.20961-3.73439.12482.715,3.90745.27369,7.92586.49823,11.89184s1.2821,8.1705,4.27847,10.7784c4.36987,3.80334,10.94108,2.86467,16.68929,2.1441a5.06575,5.06575,0,0,1,2.61539.14308c2.15231.917,2.05467,3.9131,2.08369,6.25242a17.37277,17.37277,0,0,0,15.21221,16.4975,8.70861,8.70861,0,0,0,6.47244-1.57965c1.63206-1.38335,2.46572-3.638,4.33585-4.67723,3.04207-1.6904,6.73153.77486,8.95568,3.45157s4.4162,5.96934,7.86172,6.45932c4.55691.648,8.02766-3.996,9.73047-8.27217a48.223,48.223,0,0,0-.95837-37.46977C798.46709,223.729,765.96382,220.44839,748.81137,232.60234Z"
+    transform="translate(-170.30041 -66.10811)" fill="#2f2e41"/>
+</svg>
diff --git a/assets/images/illustrations/up_to_date.svg b/assets/images/illustrations/up_to_date.svg
new file mode 100644
index 00000000..fc4effc9
--- /dev/null
+++ b/assets/images/illustrations/up_to_date.svg
@@ -0,0 +1,49 @@
+<svg id="ad6b5295-7ebf-4dc3-a7a8-a4a4b8d35fca" xmlns="http://www.w3.org/2000/svg" width="790" height="512.20805"
+     viewBox="0 0 790 512.20805">
+  <path
+    d="M925.56335,704.58909,903,636.49819s24.81818,24.81818,24.81818,45.18181l-4.45454-47.09091s12.72727,17.18182,11.45454,43.27273S925.56335,704.58909,925.56335,704.58909Z"
+    transform="translate(-205 -193.89598)" fill="#e6e6e6"/>
+  <path
+    d="M441.02093,642.58909,419,576.13509s24.22155,24.22155,24.22155,44.09565l-4.34745-45.95885s12.42131,16.76877,11.17917,42.23245S441.02093,642.58909,441.02093,642.58909Z"
+    transform="translate(-205 -193.89598)" fill="#e6e6e6"/>
+  <path
+    d="M784.72555,673.25478c.03773,43.71478-86.66489,30.26818-192.8092,30.35979s-191.53562,13.68671-191.57335-30.028,86.63317-53.29714,192.77748-53.38876S784.68782,629.54,784.72555,673.25478Z"
+    transform="translate(-205 -193.89598)" fill="#e6e6e6"/>
+  <rect y="509.69312" width="790" height="2" fill="#3f3d56"/>
+  <polygon points="505.336 420.322 491.459 420.322 484.855 366.797 505.336 366.797 505.336 420.322" fill="#a0616a"/>
+  <path
+    d="M480.00587,416.35743H508.3101a0,0,0,0,1,0,0V433.208a0,0,0,0,1,0,0H464.69674a0,0,0,0,1,0,0v-1.54149A15.30912,15.30912,0,0,1,480.00587,416.35743Z"
+    fill="#2f2e41"/>
+  <polygon points="607.336 499.322 593.459 499.322 586.855 445.797 607.336 445.797 607.336 499.322" fill="#a0616a"/>
+  <path
+    d="M582.00587,495.35743H610.3101a0,0,0,0,1,0,0V512.208a0,0,0,0,1,0,0H566.69674a0,0,0,0,1,0,0v-1.54149A15.30912,15.30912,0,0,1,582.00587,495.35743Z"
+    fill="#2f2e41"/>
+  <path
+    d="M876.34486,534.205A10.31591,10.31591,0,0,0,873.449,518.654l-32.23009-131.2928L820.6113,396.2276l38.33533,126.949a10.37185,10.37185,0,0,0,17.39823,11.0284Z"
+    transform="translate(-205 -193.89598)" fill="#a0616a"/>
+  <path
+    d="M851.20767,268.85955a11.38227,11.38227,0,0,0-17.41522,1.15247l-49.88538,5.72709,7.58861,19.24141,45.36779-8.49083a11.44393,11.44393,0,0,0,14.3442-17.63014Z"
+    transform="translate(-205 -193.89598)" fill="#a0616a"/>
+  <path
+    d="M769,520.58909l21.76811,163.37417,27.09338-5.578s-3.98437-118.98157,9.56238-133.32513S810,505.58909,810,505.58909Z"
+    transform="translate(-205 -193.89598)" fill="#2f2e41"/>
+  <path
+    d="M778,475.58909l-10,15s-77-31.99929-77,19-4.40631,85.60944-6,88,18.43762,8.59375,28,7c0,0,11.79687-82.21884,11-87,0,0,75.53355,37.03335,89.87712,33.84591S831.60944,536.964,834,530.58909s-1-57-1-57l-47.81-14.59036Z"
+    transform="translate(-205 -193.89598)" fill="#2f2e41"/>
+  <path
+    d="M779.34915,385.52862l-2.85032-3.42039s-31.92361-71.82815-19.3822-91.21035,67.26762-22.23252,68.97783-21.0924-4.08488,15.9428-.09446,22.78361c0,0-42.394,9.19121-45.24435,10.33134s21.96615,43.2737,21.96615,43.2737l-2.85031,25.6529Z"
+    transform="translate(-205 -193.89598)" fill="#ccc"/>
+  <path
+    d="M835.21549,350.18459S805.57217,353.605,804.432,353.605s-1.71017-7.41084-1.71017-7.41084l-26.223,35.91406S763.57961,486.29929,767,484.58909s66.50531,8.11165,67.07539,3.55114-.57008-27.3631,1.14014-28.50324,29.64328-71.82811,29.64328-71.82811-2.85032-14.82168-12.54142-19.95227S835.21549,350.18459,835.21549,350.18459Z"
+    transform="translate(-205 -193.89598)" fill="#ccc"/>
+  <path d="M855.73783,378.11779l9.121,9.69109S878.41081,499.1687,871,502.58909s-22,3-22,3l-14.35458-52.79286Z"
+        transform="translate(-205 -193.89598)" fill="#ccc"/>
+  <circle cx="601.72966" cy="122.9976" r="26.2388" fill="#a0616a"/>
+  <path
+    d="M800.57267,320.98789c-.35442-5.44445-7.22306-5.631-12.67878-5.68255s-11.97836.14321-15.0654-4.35543c-2.0401-2.973-1.65042-7.10032.035-10.28779s4.45772-5.639,7.18508-7.99742c7.04139-6.08884,14.29842-12.12936,22.7522-16.02662s18.36045-5.472,27.12788-2.3435c10.77008,3.84307,25.32927,23.62588,26.5865,34.99176s-3.28507,22.95252-10.9419,31.44586-25.18188,5.0665-36.21069,8.088c6.7049-9.48964,2.28541-26.73258-8.45572-31.164Z"
+    transform="translate(-205 -193.89598)" fill="#2f2e41"/>
+  <circle cx="361.7217" cy="403.5046" r="62.98931" fill="#5da545"/>
+  <path
+    d="M524.65625,529.9355a45.15919,45.15919,0,0,1-41.25537-26.78614L383.44873,278.05757a59.83039,59.83039,0,1,1,111.87012-41.86426l72.37744,235.41211a45.07978,45.07978,0,0,1-43.04,58.33008Z"
+    transform="translate(-205 -193.89598)" fill="#5da545"/>
+</svg>
diff --git a/pages/dashboard/follows.vue b/pages/dashboard/follows.vue
index d2741ba9..2543e335 100644
--- a/pages/dashboard/follows.vue
+++ b/pages/dashboard/follows.vue
@@ -3,34 +3,44 @@
     <div class="section-header">
       <h3 class="column-grow-1">Followed mods</h3>
     </div>
-    <ModCard
-      v-for="(mod, index) in mods"
-      :id="mod.id"
-      :key="mod.id"
-      :author="mod.author"
-      :name="mod.title"
-      :description="mod.description"
-      :latest-version="mod.latest_version"
-      :created-at="mod.published"
-      :updated-at="mod.updated"
-      :downloads="mod.downloads.toString()"
-      :icon-url="mod.icon_url"
-      :author-url="mod.author_url"
-      :page-url="mod.page_url"
-      :categories="mod.categories"
-      :edit-mode="true"
-      :is-modrinth="true"
-    >
-      <div class="buttons">
-        <button
-          class="button column unfav-button iconified-button"
-          @click="unfavMod(index)"
-        >
-          <FollowIcon />
-          Unfollow
-        </button>
-      </div>
-    </ModCard>
+    <div v-if="mods.length !== 0">
+      <ModCard
+        v-for="(mod, index) in mods"
+        :id="mod.id"
+        :key="mod.id"
+        :author="mod.author"
+        :name="mod.title"
+        :description="mod.description"
+        :latest-version="mod.latest_version"
+        :created-at="mod.published"
+        :updated-at="mod.updated"
+        :downloads="mod.downloads.toString()"
+        :icon-url="mod.icon_url"
+        :author-url="mod.author_url"
+        :page-url="mod.page_url"
+        :categories="mod.categories"
+        :edit-mode="true"
+        :is-modrinth="true"
+      >
+        <div class="buttons">
+          <button
+            class="button column unfav-button iconified-button"
+            @click="unfavMod(index)"
+          >
+            <FollowIcon />
+            Unfollow
+          </button>
+        </div>
+      </ModCard>
+    </div>
+    <div v-else class="error">
+      <FollowIllustration class="icon"></FollowIllustration><br />
+      <span class="text"
+        >You don't have any followed mods. <br />
+        Why don't you <nuxt-link to="/mods" class="link">search</nuxt-link> for
+        new ones?</span
+      >
+    </div>
   </DashboardPage>
 </template>
 
@@ -40,12 +50,14 @@ import axios from 'axios'
 import ModCard from '@/components/ProjectCard'
 import DashboardPage from '@/components/DashboardPage'
 import FollowIcon from '~/assets/images/utils/heart.svg?inline'
+import FollowIllustration from '~/assets/images/illustrations/follow_illustration.svg?inline'
 
 export default {
   components: {
     DashboardPage,
     ModCard,
     FollowIcon,
+    FollowIllustration,
   },
   async asyncData(data) {
     const res = await axios.get(
@@ -58,7 +70,6 @@ export default {
         `https://api.modrinth.com/api/v1/mods?ids=${JSON.stringify(res.data)}`
       )
     ).data
-
     return {
       mods,
     }
@@ -100,4 +111,27 @@ export default {
   margin-left: auto;
   padding: 0.5rem;
 }
+.error {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .icon {
+    width: 8rem;
+    height: 8rem;
+    margin: 1.5rem 0;
+  }
+
+  .text {
+    margin-bottom: 2rem;
+    font-size: 1.25rem;
+    text-align: center;
+  }
+
+  .link {
+    text-decoration: underline;
+  }
+}
 </style>
diff --git a/pages/dashboard/moderation.vue b/pages/dashboard/moderation.vue
index 210f1aa1..b0740733 100644
--- a/pages/dashboard/moderation.vue
+++ b/pages/dashboard/moderation.vue
@@ -3,71 +3,84 @@
     <div class="section-header">
       <h3 class="column-grow-1">Mods</h3>
     </div>
-    <ModCard
-      v-for="(mod, index) in mods"
-      :id="mod.id"
-      :key="mod.id"
-      :author="mod.author"
-      :name="mod.title"
-      :description="mod.description"
-      :latest-version="mod.latest_version"
-      :created-at="mod.published"
-      :updated-at="mod.updated"
-      :downloads="mod.downloads.toString()"
-      :icon-url="mod.icon_url"
-      :author-url="mod.author_url"
-      :page-url="mod.page_url"
-      :categories="mod.categories"
-      :edit-mode="true"
-      :status="mod.status"
-      :is-modrinth="true"
-    >
-      <div class="buttons">
-        <button
-          class="button column approve"
-          @click="changeModStatus(mod.id, 'approved', index)"
-        >
-          Approve
-        </button>
-        <button
-          class="button column reject"
-          @click="changeModStatus(mod.id, 'rejected', index)"
-        >
-          Reject
-        </button>
-      </div>
-    </ModCard>
+    <div v-if="mods.length !== 0">
+      <ModCard
+        v-for="(mod, index) in mods"
+        :id="mod.id"
+        :key="mod.id"
+        :author="mod.author"
+        :name="mod.title"
+        :description="mod.description"
+        :latest-version="mod.latest_version"
+        :created-at="mod.published"
+        :updated-at="mod.updated"
+        :downloads="mod.downloads.toString()"
+        :icon-url="mod.icon_url"
+        :author-url="mod.author_url"
+        :page-url="mod.page_url"
+        :categories="mod.categories"
+        :edit-mode="true"
+        :status="mod.status"
+        :is-modrinth="true"
+      >
+        <div class="buttons">
+          <button
+            class="button column approve"
+            @click="changeModStatus(mod.id, 'approved', index)"
+          >
+            Approve
+          </button>
+          <button
+            class="button column reject"
+            @click="changeModStatus(mod.id, 'rejected', index)"
+          >
+            Reject
+          </button>
+        </div>
+      </ModCard>
+    </div>
+    <div v-else class="error">
+      <Security class="icon"></Security>
+      <br />
+      <span class="text">You are up-to-date!</span>
+    </div>
     <div class="section-header">
       <h3 class="column-grow-1">Reports</h3>
     </div>
-    <div v-for="(report, index) in reports" :key="report.id" class="report">
-      <div class="header">
-        <h5 class="title">
-          Report for {{ report.item_type }}
-          <nuxt-link
-            :to="report.item_type + '/' + report.item_id.replace(/\W/g, '')"
-            >{{ report.item_id }}</nuxt-link
+    <div v-if="reports.length !== 0">
+      <div v-for="(report, index) in reports" :key="report.id" class="report">
+        <div class="header">
+          <h5 class="title">
+            Report for {{ report.item_type }}
+            <nuxt-link
+              :to="report.item_type + '/' + report.item_id.replace(/\W/g, '')"
+              >{{ report.item_id }}
+            </nuxt-link>
+          </h5>
+          <p
+            v-tooltip="
+              $dayjs(report.created).format(
+                '[Created at] YYYY-MM-DD [at] HH:mm A'
+              )
+            "
+            class="date"
           >
-        </h5>
-        <p
-          v-tooltip="
-            $dayjs(report.created).format(
-              '[Created at] YYYY-MM-DD [at] HH:mm A'
-            )
-          "
-          class="date"
-        >
-          Created {{ $dayjs(report.created).fromNow() }}
-        </p>
-        <button class="delete iconified-button" @click="deleteReport(index)">
-          Delete
-        </button>
+            Created {{ $dayjs(report.created).fromNow() }}
+          </p>
+          <button class="delete iconified-button" @click="deleteReport(index)">
+            Delete
+          </button>
+        </div>
+        <div
+          v-compiled-markdown="report.body"
+          v-highlightjs
+          class="markdown-body"
+        ></div>
       </div>
-      <div
-        v-compiled-markdown="report.body"
-        v-highlightjs
-        class="markdown-body"
-      ></div>
+    </div>
+    <div v-else class="error">
+      <Security class="icon"></Security><br />
+      <span class="text">You are up-to-date!</span>
     </div>
   </DashboardPage>
 </template>
@@ -77,11 +90,13 @@ import axios from 'axios'
 
 import ModCard from '@/components/ProjectCard'
 import DashboardPage from '@/components/DashboardPage'
+import Security from '~/assets/images/illustrations/security.svg?inline'
 
 export default {
   components: {
     DashboardPage,
     ModCard,
+    Security,
   },
   async asyncData(data) {
     const mods = (
@@ -159,4 +174,23 @@ export default {
     }
   }
 }
+
+.error {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .icon {
+    width: 8rem;
+    height: 8rem;
+    margin: 1.5rem 0;
+  }
+
+  .text {
+    margin-bottom: 2rem;
+    font-size: 1.25rem;
+  }
+}
 </style>
diff --git a/pages/dashboard/notifications.vue b/pages/dashboard/notifications.vue
index 66162a52..e3b1b305 100644
--- a/pages/dashboard/notifications.vue
+++ b/pages/dashboard/notifications.vue
@@ -3,54 +3,62 @@
     <div class="section-header columns">
       <h3 class="column-grow-1">My notifications</h3>
     </div>
-    <div
-      v-for="notification in notifications"
-      :key="notification.id"
-      class="notification columns"
-    >
-      <div class="text">
-        <nuxt-link :to="'/' + notification.link" class="top-wrapper">
-          <h3 class="title">
-            {{ notification.title }}
-          </h3>
-          <p
-            v-tooltip="
-              $dayjs(notification.created).format(
-                '[Created at] YYYY-MM-DD [at] HH:mm A'
-              )
-            "
-            class="date"
-          >
-            Notified {{ $dayjs(notification.created).fromNow() }}
+    <div v-if="notifications.length !== 0">
+      <div
+        v-for="notification in notifications"
+        :key="notification.id"
+        class="notification columns"
+      >
+        <div class="text">
+          <nuxt-link :to="'/' + notification.link" class="top-wrapper">
+            <h3 class="title">
+              {{ notification.title }}
+            </h3>
+            <p
+              v-tooltip="
+                $dayjs(notification.created).format(
+                  '[Created at] YYYY-MM-DD [at] HH:mm A'
+                )
+              "
+              class="date"
+            >
+              Notified {{ $dayjs(notification.created).fromNow() }}
+            </p>
+          </nuxt-link>
+          <p class="description">
+            {{ notification.text }}
           </p>
-        </nuxt-link>
-        <p class="description">
-          {{ notification.text }}
-        </p>
-      </div>
-      <div v-if="notification.actions.length > 0" class="actions">
-        <button
-          v-for="(action, index) in notification.actions"
-          :key="index"
-          @click="performAction(notification, index)"
-        >
-          {{ action.title }}
-        </button>
-      </div>
-      <div v-else class="actions">
-        <button @click="performAction(notification, null)">Dismiss</button>
+        </div>
+        <div v-if="notification.actions.length > 0" class="actions">
+          <button
+            v-for="(action, index) in notification.actions"
+            :key="index"
+            @click="performAction(notification, index)"
+          >
+            {{ action.title }}
+          </button>
+        </div>
+        <div v-else class="actions">
+          <button @click="performAction(notification, null)">Dismiss</button>
+        </div>
       </div>
     </div>
+    <div v-else class="error">
+      <UpToDate class="icon"></UpToDate><br />
+      <span class="text">You are up-to-date!</span>
+    </div>
   </DashboardPage>
 </template>
 
 <script>
 import axios from 'axios'
 import DashboardPage from '@/components/DashboardPage'
+import UpToDate from '~/assets/images/illustrations/up_to_date.svg?inline'
 
 export default {
   components: {
     DashboardPage,
+    UpToDate,
   },
   async asyncData(data) {
     const notifications = (
@@ -127,4 +135,26 @@ export default {
     margin: 0;
   }
 }
+.error {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .icon {
+    width: 8rem;
+    height: 8rem;
+    margin: 1.5rem 0;
+  }
+
+  .text {
+    margin-bottom: 2rem;
+    font-size: 1.25rem;
+  }
+
+  .link {
+    text-decoration: underline;
+  }
+}
 </style>
diff --git a/pages/dashboard/projects.vue b/pages/dashboard/projects.vue
index 7109aa07..a4376f5e 100644
--- a/pages/dashboard/projects.vue
+++ b/pages/dashboard/projects.vue
@@ -6,32 +6,42 @@
         Create a mod
       </nuxt-link>
     </div>
-    <ModCard
-      v-for="mod in mods"
-      :id="mod.slug ? mod.slug : mod.id"
-      :key="mod.id"
-      :author="mod.author"
-      :name="mod.title"
-      :description="mod.description"
-      :latest-version="mod.latest_version"
-      :created-at="mod.published"
-      :updated-at="mod.updated"
-      :downloads="mod.downloads.toString()"
-      :icon-url="mod.icon_url"
-      :author-url="mod.author_url"
-      :page-url="mod.page_url"
-      :categories="mod.categories"
-      :edit-mode="true"
-      :status="mod.status"
-      :is-modrinth="true"
-    >
-      <nuxt-link
-        class="button column edit-button"
-        :to="'/mod/' + mod.id + '/settings'"
+    <div v-if="mods.length !== 0">
+      <ModCard
+        v-for="mod in mods"
+        :id="mod.slug ? mod.slug : mod.id"
+        :key="mod.id"
+        :author="mod.author"
+        :name="mod.title"
+        :description="mod.description"
+        :latest-version="mod.latest_version"
+        :created-at="mod.published"
+        :updated-at="mod.updated"
+        :downloads="mod.downloads.toString()"
+        :icon-url="mod.icon_url"
+        :author-url="mod.author_url"
+        :page-url="mod.page_url"
+        :categories="mod.categories"
+        :edit-mode="true"
+        :status="mod.status"
+        :is-modrinth="true"
       >
-        Settings
-      </nuxt-link>
-    </ModCard>
+        <nuxt-link
+          class="button column edit-button"
+          :to="'/mod/' + mod.id + '/settings'"
+        >
+          Settings
+        </nuxt-link>
+      </ModCard>
+    </div>
+    <div v-else class="error">
+      <UpToDate class="icon"></UpToDate><br />
+      <span class="text"
+        >You don't have any mods.<br />
+        Would you like to
+        <nuxt-link class="link" to="/mod/create">create one</nuxt-link>?</span
+      >
+    </div>
   </DashboardPage>
 </template>
 
@@ -39,11 +49,13 @@
 import axios from 'axios'
 import ModCard from '@/components/ProjectCard'
 import DashboardPage from '@/components/DashboardPage'
+import UpToDate from '~/assets/images/illustrations/up_to_date.svg?inline'
 
 export default {
   components: {
     DashboardPage,
     ModCard,
+    UpToDate,
   },
   async asyncData(data) {
     let res = await axios.get(
@@ -72,6 +84,31 @@ export default {
   align-self: flex-end;
   margin-right: 2rem;
 }
+
+.error {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+
+  .icon {
+    width: 8rem;
+    height: 8rem;
+    margin: 1.5rem 0;
+  }
+
+  .text {
+    text-align: center;
+    margin-bottom: 2rem;
+    font-size: 1.25rem;
+  }
+
+  .link {
+    text-decoration: underline;
+  }
+}
+
 // .buttonse {
 //   margin-left: 4.5rem;
 //   padding: 0.5rem 2rem 0.5rem 2rem;
diff --git a/pages/mod/_id/settings.vue b/pages/mod/_id/settings.vue
index 98cad7db..77ae8a5a 100644
--- a/pages/mod/_id/settings.vue
+++ b/pages/mod/_id/settings.vue
@@ -406,6 +406,7 @@ export default {
         `https://api.modrinth.com/api/v1/mod/${this.mod.id}`,
         this.$auth.headers
       )
+      await this.$router.push('/dashboard/projects')
     },
   },
 }