- upgrade Extensions page;

assets/img/extensions/bbpress.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" preserveAspectRatio="xMidYMid meet" enable-background="new 0 0 128 128"><g transform="translate(0,-924.36218)"><path style="fill:#000000" d="m 57.493421,1052.0225 c -15.8896,-1.6607 -31.25202,-9.577 -41.54881,-21.4102 -21.259481,-24.4318 -21.259481,-60.12086 0,-84.55259 5.25759,-6.04211 12.63615,-11.64127 20.17514,-15.30976 20.3166,-9.88612 44.660089,-8.20096 63.389439,4.38808 7.27773,4.89177 12.9913,10.61976 17.80808,17.85305 14.24364,21.38945 14.24364,49.30042 0,70.68982 -13.20173,19.8248 -36.35617,30.7943 -59.82385,28.3416 z m 16.20788,-3.253 c 17.120579,-2.9055 31.545019,-12.207 41.149049,-26.5346 13.85891,-20.6751 13.85891,-47.12269 0,-67.79782 -9.74773,-14.54194 -24.43198,-23.8726 -42.031969,-26.70792 -3.624971,-0.58398 -14.000681,-0.58749 -17.65839,-0.006 -17.26953,2.74556 -32.40377,12.31615 -41.90737,26.5014 -9.423591,14.06583 -12.606651,30.56591 -9.066851,47.00004 4.81465,22.3529 22.108351,40.4255 44.26404,46.2578 2.136661,0.5624 5.15625,1.1888 6.71018,1.3918 1.55394,0.2031 3.30212,0.4372 3.88485,0.5203 2.04077,0.2908 11.68279,-0.1203 14.65646,-0.625 z m -15.18621,-5.7438 c -8.38747,-1.0436 -16.91449,-3.956 -23.43997,-8.0059 l -1.36699,-0.8484 1.97155,-0.2316 c 6.09458,-0.7162 13.3163,-4.306 18.15343,-9.0238 l 2.20054,-2.1462 0.9332,1.8413 c 1.31451,2.5936 4.76541,5.9134 7.55209,7.265 3.38862,1.6437 6.01771,2.2124 10.27205,2.222 8.810529,0.02 16.497679,-3.4308 23.205789,-10.417 4.39324,-4.5754 6.83775,-9.2769 7.99502,-15.3766 2.13852,-11.27161 -2.71116,-20.19163 -12.1928,-22.42627 -2.91262,-0.68645 -7.0227,-0.68853 -9.69334,-0.005 -2.44033,0.62466 -7.589009,3.00083 -9.256559,4.27199 -0.63129,0.48123 -1.1478,0.7101 -1.1478,0.50861 0,-0.2015 1.82765,-8.82678 4.06143,-19.16729 2.233789,-10.34051 4.061429,-19.32554 4.061429,-19.96672 0,-1.5485 -0.51517,-1.68788 -3.802029,-1.02862 -1.50236,0.30133 -5.59223,0.88389 -9.08859,1.29458 -8.04377,0.94483 -8.80685,1.14198 -9.33268,2.41126 -0.49716,1.20006 -0.0456,2.66413 0.99311,3.21995 0.38501,0.20602 1.56313,0.37458 2.61804,0.37458 1.43134,0 2.16439,0.19377 2.88901,0.76367 0.95034,0.74742 0.96771,0.82818 0.81646,3.79597 -0.1023,2.00718 -1.15005,7.5686 -3.09925,16.45061 -1.61958,7.38008 -2.98107,13.46703 -3.02553,13.52657 -0.0445,0.0595 -0.89722,-0.75483 -1.89502,-1.8097 -4.18154,-4.42067 -11.42423,-6.30177 -17.87849,-4.64344 -2.50227,0.64292 -6.59711,2.52386 -8.81303,4.04822 -0.87523,0.60208 -1.59133,1.01764 -1.59133,0.92346 0,-0.0942 1.90819,-9.00871 4.24041,-19.81007 4.61498,-21.37361 4.60454,-21.28077 2.35008,-20.89241 -4.28276,0.73776 -13.49511,2.01113 -13.92857,1.92526 -0.8421,-0.16681 6.13172,-6.61073 9.83398,-9.08675 6.37981,-4.26673 13.12274,-7.07702 20.55615,-8.56731 5.66786,-1.13632 14.97675,-1.13632 20.64461,0 22.219819,4.45474 38.760489,20.85895 43.598589,43.2389 1.13655,5.25743 1.13655,16.10524 0,21.36268 -2.58339,11.95017 -8.23751,21.90627 -17.01486,29.96067 -7.19002,6.5979 -16.52154,11.2738 -26.393819,13.2257 -3.688641,0.7293 -12.917281,1.2038 -15.986311,0.822 z m -28.56245,-14.5068 c -3.19491,-1.1288 -5.34166,-4.5105 -5.34166,-8.4145 0,-2.8881 3.34043,-18.304 4.46686,-20.61434 4.03551,-8.27699 15.85862,-11.56954 20.9161,-5.82482 2.31689,2.63171 3.2636,7.21496 2.54617,12.32646 -1.66563,11.8672 -7.03083,20.1139 -14.62851,22.4853 -2.47394,0.7721 -5.84208,0.7899 -7.95896,0.042 z m 43.30649,0.1188 c -3.58071,-1.3341 -5.55225,-4.319 -5.55823,-8.4152 -0.002,-1.4846 0.64321,-5.4562 1.7332,-10.6657 1.36393,-6.519 1.97977,-8.7564 2.8695,-10.42549 3.84666,-7.21596 13.893629,-10.68882 19.395119,-6.70417 2.79838,2.02682 3.99782,5.22285 3.96016,10.55226 -0.0767,10.8501 -5.57161,21.3275 -13.01078,24.8082 -1.9244,0.9004 -2.92614,1.1361 -5.222509,1.2289 -1.83321,0.074 -3.31153,-0.06 -4.16646,-0.3788 z m -59.94614,-19.1149 c -1.25126,-3.0543 -2.57045,-7.4722 -3.26612,-10.93819 -1.122191,-5.5909 -1.115931,-14.93617 0.0138,-20.56935 1.29745,-6.46953 3.68144,-12.64642 7.02173,-18.1932 1.21995,-2.0258 1.22661,-2.0304 2.93999,-2.0304 0.94451,0 2.10937,0.14905 2.58858,0.33121 1.17987,0.44852 1.77601,2.35558 1.47324,4.71296 -0.19927,1.55158 -9.85479,46.34687 -10.21549,47.39317 -0.0669,0.1943 -0.31702,-0.1236 -0.55571,-0.7062 z" /></g></svg>

assets/img/extensions/followers.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M446.8 310.1c1.617-3.91 1.617-8.309 0-12.22c-.8145-1.969-1.992-3.742-3.477-5.223l-63.98-63.98c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62L393.4 288H182.6l36.69-36.69c6.25-6.25 6.25-16.38 0-22.62s-16.38-6.25-22.62 0L132.7 292.7C131.2 294.1 130 295.9 129.2 297.9c-1.617 3.91-1.617 8.309 0 12.22C130 312.1 131.2 313.9 132.7 315.3l63.98 63.98C199.8 382.4 203.9 384 208 384s8.188-1.562 11.31-4.688c6.25-6.25 6.25-16.38 0-22.62L182.6 320h210.8l-36.69 36.69c-6.25 6.25-6.25 16.38 0 22.62C359.8 382.4 363.9 384 368 384s8.188-1.562 11.31-4.688l63.98-63.98C444.8 313.9 445.1 312.1 446.8 310.1zM96 128c35.38 0 64-28.62 64-64S131.4 0 96 0S32 28.62 32 64S60.63 128 96 128zM96 32c17.64 0 32 14.36 32 32S113.6 96 96 96S64 81.64 64 64S78.36 32 96 32zM144 384C135.2 384 128 391.2 128 400v96C128 504.8 135.2 512 144 512S160 504.8 160 496v-96C160 391.2 152.8 384 144 384zM137.8 216.3C142.3 223.7 151.9 226.2 159.4 221.8c7.656-4.422 10.28-14.2 5.844-21.86C151 175.3 124.5 160 96 160H80C35.82 160 0 195.8 0 240V320c0 17.67 14.33 32 31.1 32L32 496C32 504.8 39.16 512 48 512S64 504.8 64 496v-160C64 327.2 56.84 320 48 320H32V240c0-26.51 21.49-47.1 48-47.1l19.27 0C115.7 192 129.2 202.2 137.8 216.3zM480 128c35.38 0 64-28.62 64-64s-28.62-64-64-64s-64 28.62-64 64S444.6 128 480 128zM480 32c17.64 0 32 14.36 32 32s-14.36 32-32 32s-32-14.36-32-32S462.4 32 480 32zM432 384c-8.844 0-16 7.156-16 16v96c0 8.844 7.156 16 16 16s16-7.156 16-16v-96C448 391.2 440.8 384 432 384zM496 160H480c-28.47 0-55.03 15.31-69.28 39.97c-4.438 7.656-1.812 17.44 5.844 21.86c7.499 4.413 17.16 1.908 21.68-5.544c8.507-14.05 22.01-24.28 38.43-24.28L496 192C522.5 192 544 213.5 544 240V320h-16c-8.837 0-16 7.163-16 16v160c0 8.844 7.156 16 16 16s16-7.156 16-16V352c17.67 0 32-14.33 32-32V240C576 195.8 540.2 160 496 160z"/></svg>

assets/img/extensions/friends.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M274.7 304H173.3C77.61 304 0 381.6 0 477.3C0 496.5 15.52 512 34.66 512h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336H274.7C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM624 208h-64v-64C560 135.2 552.8 128 544 128s-16 7.156-16 16v64h-64C455.2 208 448 215.2 448 224s7.156 16 16 16h64v64c0 8.844 7.156 16 16 16s16-7.156 16-16v-64h64C632.8 240 640 232.8 640 224S632.8 208 624 208z"/></svg>

assets/img/extensions/groups.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M319.9 320c57.41 0 103.1-46.56 103.1-104c0-57.44-46.54-104-103.1-104c-57.41 0-103.1 46.56-103.1 104C215.9 273.4 262.5 320 319.9 320zM319.9 144c39.68 0 71.96 32.3 71.96 72S359.5 288 319.9 288S247.9 255.7 247.9 216S280.2 144 319.9 144zM369.9 352H270.1C191.6 352 128 411.7 128 485.3C128 500.1 140.7 512 156.4 512h327.2C499.3 512 512 500.1 512 485.3C512 411.7 448.4 352 369.9 352zM160.2 480c3.021-53.41 51.19-96 109.1-96H369.9c58.78 0 106.9 42.59 109.1 96H160.2zM512 160c44.18 0 80-35.82 80-80S556.2 0 512 0c-44.18 0-80 35.82-80 80S467.8 160 512 160zM512 32c26.47 0 48 21.53 48 48S538.5 128 512 128s-48-21.53-48-48S485.5 32 512 32zM128 160c44.18 0 80-35.82 80-80S172.2 0 128 0C83.82 0 48 35.82 48 80S83.82 160 128 160zM128 32c26.47 0 48 21.53 48 48S154.5 128 128 128S80 106.5 80 80S101.5 32 128 32zM561.1 192H496c-11.16 0-22.08 2.5-32.47 7.438c-7.984 3.797-11.39 13.34-7.594 21.31s13.38 11.39 21.31 7.594C483.3 225.5 489.6 224 496 224h65.08C586.1 224 608 246.7 608 274.7V288c0 8.844 7.156 16 16 16S640 296.8 640 288V274.7C640 229.1 604.6 192 561.1 192zM162.8 228.3c7.938 3.797 17.53 .375 21.31-7.594c3.797-7.969 .3906-17.52-7.594-21.31C166.1 194.5 155.2 192 144 192H78.92C35.41 192 0 229.1 0 274.7V288c0 8.844 7.156 16 16 16S32 296.8 32 288V274.7C32 246.7 53.05 224 78.92 224H144C150.4 224 156.7 225.5 162.8 228.3z"/></svg>

assets/img/extensions/notices.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.838 11.03 15.55 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM480 352c0 17.6-14.4 32-32 32h-144.1c-6.928 0-13.67 2.248-19.21 6.406L192 460v-60c0-8.838-7.164-16-16-16H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32V352zM255.1 255.1C264.8 255.1 272 248.8 272 240V96c0-8.844-7.156-16-16-16S240 87.16 240 96v144C240 248.8 247.1 255.1 255.1 255.1zM256 280c-13.25 0-24 10.74-24 24c0 13.25 10.75 24 24 24s24-10.75 24-24C280 290.7 269.3 280 256 280z"/></svg>

assets/img/extensions/online-users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M4.687 4.687C10.93-1.562 21.07-1.562 27.31 4.687L91.31 68.69C97.56 74.94 97.56 85.07 91.31 91.31C85.07 97.56 74.94 97.56 68.69 91.31L4.687 27.31C-1.562 21.07-1.562 10.94 4.687 4.687V4.687zM635.3 27.31L571.3 91.31C565.1 97.56 554.9 97.56 548.7 91.31C542.4 85.07 542.4 74.94 548.7 68.69L612.7 4.686C618.9-1.562 629.1-1.562 635.3 4.686C641.6 10.93 641.6 21.07 635.3 27.31V27.31zM27.31 507.3C21.07 513.6 10.93 513.6 4.686 507.3C-1.562 501.1-1.562 490.9 4.686 484.7L68.69 420.7C74.93 414.4 85.06 414.4 91.31 420.7C97.56 426.9 97.56 437.1 91.31 443.3L27.31 507.3zM635.3 507.3C629.1 513.6 618.9 513.6 612.7 507.3L548.7 443.3C542.4 437.1 542.4 426.9 548.7 420.7C554.9 414.4 565.1 414.4 571.3 420.7L635.3 484.7C641.6 490.9 641.6 501.1 635.3 507.3zM384 192C384 227.3 355.3 256 320 256C284.7 256 256 227.3 256 192C256 156.7 284.7 128 320 128C355.3 128 384 156.7 384 192zM320 160C302.3 160 288 174.3 288 192C288 209.7 302.3 224 320 224C337.7 224 352 209.7 352 192C352 174.3 337.7 160 320 160zM360 288C399.8 288 432 320.2 432 360C432 373.3 421.3 384 408 384H232C218.7 384 208 373.3 208 360C208 320.2 240.2 288 280 288H360zM280 320C260.6 320 244.5 333.7 240.8 352H399.2C395.5 333.7 379.4 320 360 320H280zM223.8 176C223.8 202.5 202.3 224 175.8 224C149.3 224 127.8 202.5 127.8 176C127.8 149.5 149.3 128 175.8 128C202.3 128 223.8 149.5 223.8 176zM175.8 160C166.1 160 159.8 167.2 159.8 176C159.8 184.8 166.1 192 175.8 192C184.7 192 191.8 184.8 191.8 176C191.8 167.2 184.7 160 175.8 160zM128 320C128 328.8 120.8 336 112 336C103.2 336 96 328.8 96 320V312C96 281.1 121.1 256 152 256H208C216.8 256 224 263.2 224 272C224 280.8 216.8 288 208 288H152C138.7 288 128 298.7 128 312V320zM464.2 224C437.7 224 416.2 202.5 416.2 176C416.2 149.5 437.7 128 464.2 128C490.7 128 512.2 149.5 512.2 176C512.2 202.5 490.7 224 464.2 224zM480.2 176C480.2 167.2 473 160 464.2 160C455.3 160 448.2 167.2 448.2 176C448.2 184.8 455.3 192 464.2 192C473 192 480.2 184.8 480.2 176zM432 288C423.2 288 416 280.8 416 272C416 263.2 423.2 256 432 256H488C518.9 256 544 281.1 544 312V320C544 328.8 536.8 336 528 336C519.2 336 512 328.8 512 320V312C512 298.7 501.3 288 488 288H432z"/></svg>

assets/img/extensions/private-content.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM394.3 486.4C391.3 482.4 386.6 480 381.6 480H34.66C33.21 480 32 478.8 32 477.3C31.99 399.4 95.4 336 173.3 336H274.7c9.516 0 18.76 1.062 27.71 2.971c10.27 2.191 19.9-6.207 18.1-16.67c-.0098-.1172-.0195-.2363-.0313-.3555c-.6172-7.242-5.881-13.08-13.01-14.52C297.4 305.2 286.2 304 274.7 304H173.3C77.54 304-.1152 381.6 0 477.4C.0234 496.4 15.63 512 34.66 512h347.3c12.97 0 20.41-14.78 12.67-25.2L394.3 486.4zM622.3 271.1l-115.1-45.01C503.6 224.7 499.7 224 495.1 224s-7.471 .7224-11.1 2.097L369.8 271.1C359 275.2 352 285.1 352 295.1c0 111.6 68.75 188.8 132.9 213.9C488.4 511.3 492.2 512 495.1 512s7.55-.7214 11.17-2.096C558.4 489.9 640 420.5 640 295.1C640 285.1 633 275.2 622.3 271.1zM480 472c-48.25-26.75-94.63-87.63-96-172.1l96-37.5V472zM496.6 480C496.5 480 496.6 480 496.6 480C496.5 480 496.6 480 496.6 480zM512 472.5V262.4l96 37.5C606.5 394.8 550.9 450.1 512 472.5z"/></svg>

assets/img/extensions/private-messages.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.838 11.03 15.55 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM480 352c0 17.6-14.4 32-32 32h-144.1c-6.928 0-13.67 2.248-19.21 6.406L192 460v-60c0-8.838-7.164-16-16-16H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32V352zM432 224h-160C263.2 224 256 231.2 256 240S263.2 256 272 256h160C440.8 256 448 248.8 448 240S440.8 224 432 224zM224 240C224 231.2 216.8 224 208 224h-128C71.16 224 64 231.2 64 240S71.16 256 80 256h128C216.8 256 224 248.8 224 240zM144 288h-32C103.2 288 96 295.2 96 304S103.2 320 112 320h32C152.8 320 160 312.8 160 304S152.8 288 144 288zM400 288h-32C359.2 288 352 295.2 352 304s7.156 16 16 16h32c8.844 0 16-7.156 16-16S408.8 288 400 288zM304 288h-96C199.2 288 192 295.2 192 304S199.2 320 208 320h96c8.844 0 16-7.156 16-16S312.8 288 304 288z"/></svg>

assets/img/extensions/profile-completeness.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M76.29 154.2C73.41 157.7 69.22 159.8 64.72 159.1C60.23 160.2 55.86 158.5 52.69 155.3L4.686 107.3C-1.562 101.1-1.562 90.94 4.686 84.69C10.93 78.44 21.06 78.44 27.31 84.69L62.92 120.3L131.7 37.76C137.4 30.97 147.5 30.05 154.2 35.71C161 41.37 161.9 51.45 156.3 58.24L76.29 154.2zM76.29 314.2C73.41 317.7 69.22 319.8 64.72 319.1C60.23 320.2 55.86 318.5 52.69 315.3L4.686 267.3C-1.562 261.1-1.562 250.9 4.686 244.7C10.93 238.4 21.06 238.4 27.31 244.7L62.92 280.3L131.7 197.8C137.4 190.1 147.5 190.1 154.2 195.7C161 201.4 161.9 211.5 156.3 218.2L76.29 314.2zM191.1 96C191.1 87.16 199.2 80 207.1 80H496C504.8 80 512 87.16 512 96C512 104.8 504.8 112 496 112H207.1C199.2 112 191.1 104.8 191.1 96zM191.1 256C191.1 247.2 199.2 240 207.1 240H496C504.8 240 512 247.2 512 256C512 264.8 504.8 272 496 272H207.1C199.2 272 191.1 264.8 191.1 256zM159.1 416C159.1 407.2 167.2 400 175.1 400H496C504.8 400 512 407.2 512 416C512 424.8 504.8 432 496 432H175.1C167.2 432 159.1 424.8 159.1 416zM63.1 448C46.33 448 31.1 433.7 31.1 416C31.1 398.3 46.33 384 63.1 384C81.67 384 95.1 398.3 95.1 416C95.1 433.7 81.67 448 63.1 448z"/></svg>

assets/img/extensions/profile-tabs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M576 96h-175.1l-45.25-45.25C342.7 38.74 326.5 32 309.5 32H192C156.7 32 128 60.65 128 96v256c0 35.35 28.65 64 64 64h384c35.35 0 64-28.65 64-64V160C640 124.7 611.3 96 576 96zM608 352c0 17.64-14.36 32-32 32H192c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h117.5c8.549 0 16.58 3.328 22.63 9.375L386.7 128H576c17.64 0 32 14.36 32 32V352zM432 480H128c-35.35 0-64-28.65-64-64V176C64 167.2 56.84 160 48 160S32 167.2 32 176L32 416c0 53.02 42.98 96 96 96h304c8.836 0 16-7.164 16-16S440.8 480 432 480z"/></svg>

assets/img/extensions/real-time-notifications.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M223.1 160C232.8 160 240 167.2 240 176V224H288C296.8 224 304 231.2 304 240C304 248.8 296.8 256 288 256H240V304C240 312.8 232.8 320 223.1 320C215.2 320 207.1 312.8 207.1 304V256H159.1C151.2 256 143.1 248.8 143.1 240C143.1 231.2 151.2 224 159.1 224H207.1V176C207.1 167.2 215.2 160 223.1 160zM207.1 16C207.1 7.164 215.2 0 223.1 0C232.8 0 240 7.164 240 16V32.79C320.9 40.82 384 109 384 192V221.1C384 264.8 401.4 306.7 432.3 337.7L435 340.4C443.3 348.7 448 359.1 448 371.7C448 396.2 428.2 416 403.7 416H44.28C19.83 416 0 396.2 0 371.7C0 359.1 4.666 348.7 12.97 340.4L15.72 337.7C46.63 306.7 64 264.8 64 221.1V192C64 109 127.1 40.82 208 32.79L207.1 16zM223.1 64C153.3 64 95.1 121.3 95.1 192V221.1C95.1 273.3 75.26 323.4 38.35 360.3L35.6 363C33.29 365.3 31.1 368.5 31.1 371.7C31.1 378.5 37.5 384 44.28 384H403.7C410.5 384 416 378.5 416 371.7C416 368.5 414.7 365.3 412.4 363L409.7 360.3C372.7 323.4 352 273.3 352 221.1V192C352 121.3 294.7 64 223.1 64H223.1zM223.1 480C237.9 480 249.8 471.1 254.2 458.7C257.1 450.3 266.3 445.1 274.6 448.9C282.9 451.9 287.3 461 284.4 469.3C275.6 494.2 251.9 512 223.1 512C196.1 512 172.4 494.2 163.6 469.3C160.7 461 165.1 451.9 173.4 448.9C181.7 445.1 190.9 450.3 193.8 458.7C198.2 471.1 210.1 480 223.1 480z"/></svg>

assets/img/extensions/social-activity.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M256 31.1c-141.4 0-255.1 93.13-255.1 208c0 47.62 19.91 91.25 52.91 126.3c-14.87 39.5-45.87 72.88-46.37 73.25c-6.623 7-8.373 17.25-4.625 26C5.817 474.3 14.38 480 24 480c61.49 0 109.1-25.75 139.1-46.25c28.1 9 60.16 14.25 92.91 14.25c141.4 0 255.1-93.13 255.1-207.1S397.4 31.1 256 31.1zM256 416c-28.25 0-56.24-4.25-83.24-12.75c-9.518-3.068-19.92-1.461-28.07 4.338c-22.1 16.25-58.54 35.29-102.7 39.66c12-15.12 29.75-40.5 40.75-69.63l.1289-.3398c4.283-11.27 1.789-23.1-6.43-32.82C47.51 313.1 32.06 277.6 32.06 240c0-97 100.5-176 223.1-176s223.1 79 223.1 176S379.5 416 256 416zM224 240C224 231.2 216.8 224 208 224h-128C71.16 224 64 231.2 64 240S71.16 256 80 256h128C216.8 256 224 248.8 224 240zM304 288h-96C199.2 288 192 295.2 192 304S199.2 320 208 320h96c8.844 0 16-7.156 16-16S312.8 288 304 288zM144 288h-32C103.2 288 96 295.2 96 304S103.2 320 112 320h32C152.8 320 160 312.8 160 304S152.8 288 144 288zM400 288h-32C359.2 288 352 295.2 352 304s7.156 16 16 16h32c8.844 0 16-7.156 16-16S408.8 288 400 288zM432 224h-160C263.2 224 256 231.2 256 240S263.2 256 272 256h160C440.8 256 448 248.8 448 240S440.8 224 432 224z"/></svg>

assets/img/extensions/social-login.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 488 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"/></svg>

assets/img/extensions/terms-conditions.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M512 208.3c0-9.103-7.43-16-15.99-16c-4.091 0-8.183 1.562-11.31 4.688l-12.7 12.7L302.4 40l12.68-12.69C318.2 24.19 319.8 20.09 319.8 16c0-9.103-7.43-16-15.99-16c-4.091 0-8.183 1.562-11.31 4.688l-143.9 144C145.5 151.8 143.9 155.9 143.9 160c0 9.103 7.43 16 15.99 16c4.091 0 8.183-1.562 11.31-4.688l12.68-12.69l73.39 73.44l-75.46 78.11L172.4 300.7c-8.456-8.437-19.56-12.67-30.64-12.67c-11.13 0-22.26 4.234-30.73 12.67l-98.31 98.38C4.232 407.6 0 418.7 0 429.8s4.232 22.23 12.7 30.7l38.76 38.78C59.65 507.5 70.55 512 82.14 512c11.6 0 22.5-4.5 30.69-12.72l98.31-98.34c8.464-8.469 12.7-19.59 12.7-30.7S219.6 348 211.1 339.5l-6.711-6.719l75.47-78.12l73.56 73.6l-12.66 12.67c-3.123 3.125-4.685 7.219-4.685 11.31c0 9.103 7.43 16 15.99 16c4.092 0 8.183-1.562 11.31-4.688l143.9-144C510.4 216.5 512 212.4 512 208.3zM191.9 370.2c0 2.922-1.113 5.844-3.338 8.078l-98.32 98.34c-2.139 2.156-5.095 3.234-8.054 3.234c-2.959 0-5.923-1.078-8.078-3.234l-38.76-38.78c-2.225-2.234-3.338-5.156-3.338-8.078s1.113-5.844 3.338-8.078l98.31-98.38c2.218-2.219 5.138-3.312 8.074-3.312c2.92 0 5.856 1.094 8.089 3.344l38.74 38.78C190.7 364.4 191.9 367.3 191.9 370.2zM206.5 136l73.33-73.38l169.6 169.7l-73.33 73.38L206.5 136z"/></svg>

assets/img/extensions/user-bookmarks.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M320 0H64C28.72 0 0 28.7 0 64v431.1c0 5.844 3.188 11.23 8.312 14.04c5.125 2.781 11.34 2.562 16.28-.5313L192 402.1l167.4 106.5C362 511.2 365 512 368 512c2.656 0 5.281-.6562 7.688-1.969C380.8 507.2 384 501.8 384 495.1V64C384 28.7 355.3 0 320 0zM352 466.9l-151.4-96.36C197.1 368.8 195 368 192 368s-5.969 .8281-8.594 2.5L32 466.9V64c0-17.64 14.34-32 32-32h256c17.66 0 32 14.36 32 32V466.9z"/></svg>

assets/img/extensions/user-locations.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M264 112C264 98.75 274.7 88 288 88C301.3 88 312 98.75 312 112C312 125.3 301.3 136 288 136C274.7 136 264 125.3 264 112zM273.2 311.1C241.1 271.9 168 174.6 168 120C168 53.73 221.7 0 288 0C354.3 0 408 53.73 408 120C408 174.6 334.9 271.9 302.8 311.1C295.1 321.6 280.9 321.6 273.2 311.1V311.1zM366.6 154.1C373.3 139 376 127.4 376 120C376 71.4 336.6 32 288 32C239.4 32 200 71.4 200 120C200 127.4 202.7 139 209.4 154.1C215.9 170.4 225.1 187.4 235.8 204.7C252.9 232.5 272.7 259.4 288 279.1C303.3 259.4 323.1 232.5 340.2 204.7C350.9 187.4 360.1 170.4 366.6 154.1V154.1zM405.9 222.9C405.1 223.2 404.3 223.4 403.4 223.6C411.6 209.5 419.1 194.9 425.2 180.7L543.1 133.5C558.9 127.2 576 138.8 576 155.8V426.6C576 436.4 570 445.2 560.9 448.9L405.9 510.9C402.6 512.2 399 512.4 395.6 511.4L176.9 448.9L32.91 506.5C17.15 512.8 0 501.2 0 484.2V213.4C0 203.6 5.975 194.8 15.09 191.1L138.3 141.9C140.4 152.3 143.6 162.7 147.5 172.6L32 218.8V472.4L160 421.2V303.1C160 295.2 167.2 287.1 176 287.1C184.8 287.1 192 295.2 192 303.1V419.9L384 474.8V303.1C384 295.2 391.2 287.1 400 287.1C408.8 287.1 416 295.2 416 303.1V472.4L544 421.2V167.6L405.9 222.9z"/></svg>

assets/img/extensions/user-notes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M64 64C46.3 64 32 78.3 32 96V416c0 17.7 14.3 32 32 32H272V352c0-26.5 21.5-48 48-48h96V96c0-17.7-14.3-32-32-32H64zM304 434.7L402.7 336H320c-8.8 0-16 7.2-16 16v82.7zM0 96C0 60.7 28.7 32 64 32H384c35.3 0 64 28.7 64 64V309.5c0 17-6.7 33.3-18.7 45.3L322.7 461.3c-12 12-28.3 18.7-45.3 18.7H64c-35.3 0-64-28.7-64-64V96z"/></svg>

assets/img/extensions/user-photos.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M324.9 157.8c-11.38-17.38-39.89-17.31-51.23-.0625L200.5 268.5L184.1 245.9C172.7 229.1 145.9 229.9 134.4 245.9l-64.52 89.16c-6.797 9.406-7.75 21.72-2.547 32C72.53 377.5 83.05 384 94.75 384h322.5c11.41 0 21.8-6.281 27.14-16.38c5.312-10 4.734-22.09-1.516-31.56L324.9 157.8zM95.8 352l62.39-87.38l29.91 41.34C191.2 310.2 196.4 313.2 201.4 312.6c5.25-.125 10.12-2.781 13.02-7.188l83.83-129.9L415 352H95.8zM447.1 32h-384C28.65 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32V416zM144 192C170.5 192 192 170.5 192 144S170.5 96 144 96S96 117.5 96 144S117.5 192 144 192zM144 128c8.822 0 15.1 7.178 15.1 16S152.8 160 144 160S128 152.8 128 144S135.2 128 144 128z"/></svg>

assets/img/extensions/user-reviews.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M295.5 15.2C305.7-5.415 334.9-4.753 344.6 15.32L364.5 55.48L408.6 61.84C430.6 65.25 440.1 92.48 423.9 108.7L423.7 108.9L391.8 139.7L399.4 183.7C402.8 205.8 379.9 222.9 359.6 212.7L359.3 212.5L320.2 192L280.4 213C260.1 223.2 237.2 206.1 240.6 184.1L240.7 183.8L248.2 139.1L216.1 108.7C199.9 92.48 209.4 65.25 231.4 61.84L231.6 61.82L275.5 55.48L295.5 15.24L295.5 15.2zM296.8 84.75L245 92.21L282.6 128.8L273.7 180.4L320.2 155.8L366.3 180.1L357.4 128.4L394.9 92.21L343.2 84.75L319.1 37.79L296.8 84.75zM192 368V464C192 490.5 170.5 512 144 512H48C21.49 512 0 490.5 0 464V368C0 341.5 21.49 320 48 320H144C170.5 320 192 341.5 192 368zM32 464C32 472.8 39.16 480 48 480H144C152.8 480 160 472.8 160 464V368C160 359.2 152.8 352 144 352H48C39.16 352 32 359.2 32 368V464zM416 464C416 490.5 394.5 512 368 512H272C245.5 512 224 490.5 224 464V304C224 277.5 245.5 256 272 256H368C394.5 256 416 277.5 416 304V464zM256 464C256 472.8 263.2 480 272 480H368C376.8 480 384 472.8 384 464V304C384 295.2 376.8 288 368 288H272C263.2 288 256 295.2 256 304V464zM592 384C618.5 384 640 405.5 640 432V464C640 490.5 618.5 512 592 512H496C469.5 512 448 490.5 448 464V432C448 405.5 469.5 384 496 384H592zM480 464C480 472.8 487.2 480 496 480H592C600.8 480 608 472.8 608 464V432C608 423.2 600.8 416 592 416H496C487.2 416 480 423.2 480 432V464z"/></svg>

assets/img/extensions/user-tags.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M630.6 364.8L540.4 274.4c-12-12-28.25-18.75-45.13-18.75H415.9c-17.62 0-32 14.38-32 32l-.0588 79.58c0 17 6.647 33.15 18.65 45.15l90.31 90.27C499 508.8 507.3 512 515.4 512c8.25 0 16.33-3.125 22.58-9.375l92.49-92.5C643.1 397.5 643.1 377.3 630.6 364.8zM515.5 479.9l-90.25-90.25c-6-6-9.375-14.12-9.375-22.62V287.6h79.38c8.5 0 16.5 3.375 22.5 9.5l90.25 90.25L515.5 479.9zM463.9 319.9c-8.75 0-16 7.25-16 16s7.195 15.94 15.95 15.94c8.875 0 16-7.25 16-16S472.8 319.9 463.9 319.9zM400 480H34.66c-1.451 0-2.662-1.207-2.662-2.658C31.1 399.4 95.4 336 173.3 336H274.7c19.65 0 38.33 4.1 55.32 11.42c10.39 4.479 21.91-3.477 21.91-14.79c0-6.277-3.576-12.17-9.346-14.64C321.7 309.1 298.8 304 274.7 304H173.3c-95.8 0-173.5 77.56-173.3 173.4C.022 496.4 15.63 512 34.66 512H400c8.836 0 16-7.164 16-16C416 487.2 408.8 480 400 480zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32z"/></svg>

assets/img/extensions/verified-users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M274.7 304H173.3C77.61 304 0 381.6 0 477.3C0 496.5 15.52 512 34.66 512H413.3C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304zM413.3 480H34.66C33.2 480 32 478.8 32 477.3C32 399.4 95.4 336 173.3 336H274.7C352.6 336 416 399.4 416 477.3C416 478.8 414.8 480 413.3 480zM224 256c70.7 0 128-57.31 128-128S294.7 0 224 0C153.3 0 96 57.31 96 128S153.3 256 224 256zM224 32c52.94 0 96 43.06 96 96c0 52.93-43.06 96-96 96S128 180.9 128 128C128 75.06 171.1 32 224 32zM635.3 154c-6.25-6.25-16.38-6.25-22.62 0l-95.34 95.36l-42.03-42.02c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l53.34 53.33C509.2 286.4 513.3 288 517.3 288s8.188-1.562 11.31-4.688l106.7-106.7C641.6 170.4 641.6 160.3 635.3 154z"/></svg>

includes/admin/assets/css/um-admin-dashboard.css

@@ -1,97 +1,180 @@
-#um-extensions-wrap a.plugin-image, 
-#um-extensions-wrap a.plugin-image img {
-	max-width: 100%;
-	display: block;
+#um-extensions-wrap #the-list {
+	margin: 0;
+	width: 100%;
+	display: grid;
+	grid-template-rows: auto 1fr;
+	grid-template-columns: repeat(3, 1fr);
+	grid-gap: 10px;
+	grid-auto-rows: minmax(max-content, auto);
+	-ms-grid-template-rows: auto 1fr;
+	-ms-grid-template-columns: repeat(3, 1fr);
+	-ms-grid-gap: 10px;
+	-ms-grid-auto-rows: minmax(max-content, auto);
+	align-items: center;
 }
 
 #um-extensions-wrap .plugin-card {
-    width: calc( 33% - 8px );
-	clear: none !important;
-	margin-right: 8px !important;
-	margin-left: 0 !important;
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
+	flex-wrap: nowrap;
+	justify-content: flex-start;
+	align-items: stretch;
+	width: 100%;
+	margin: 0;
 }
 
-
-#um-extensions-wrap .plugin-image img {
-	display: inline-block;
-	width: 70px;
-	margin: auto;
-	/* padding-top: 40px; */
-	border-radius: 500px;
+#um-extensions-wrap .plugin-image-wrapper {
+	color: #fff;
 	height: 70px;
-	padding: 5px;
-	background: #fff;
-	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
-	margin-top: 20px;
+	width: 70px;
+	margin: 0 auto;
+	border-radius: 60px;
+	box-shadow: 0 2px 9px rgb(50 50 93 / 21%);
+	border: solid 4px #fff;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	overflow: hidden;
+}
+
+#um-extensions-wrap .plugin-image-wrapper a {
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+	background-color: #7856ff;
+}
+
+#um-extensions-wrap a.plugin-image.svg-image {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	flex-wrap: nowrap;
+}
+
+#um_bbpress_image {
+	background-color: #fff !important;
+	filter: none !important;
+	width: 70px !important;
+}
+
+#um_mycred_image {
+	background-color: #fff;
+}
+
+#um_groups_image,
+#um_profile-tabs_image,
+#um_user-tags_image,
+#um_friends_image,
+#um_user-reviews_image,
+#um_verified-users_image,
+#um_private-content_image,
+#um_online-users_image {
+	width: 36px !important;
+}
+
+#um_notices_image,
+#um_social-activity_image,
+#um_profile-completeness_image,
+#um_private-messages_image,
+#um_user-photos_image,
+#um_terms-conditions_image {
+	width: 29px !important;
+}
+
+#um_social-login_image {
+	width: 28px !important;
+}
+
+#um_real-time-notifications_image,
+#um_user-notes_image {
+	width: 26px !important;
+}
+
+#um_followers_image,
+#um_user-locations_image {
+	width: 32px !important;
+}
+
+#um_user-bookmarks_image {
+	width: 23px !important;
+}
+
+#um-extensions-wrap a.plugin-image.svg-image img {
+	filter: invert(1);
+	background-color: transparent;
+	width: 38px;
+	height: auto;
+}
+
+#um-extensions-wrap a.plugin-image,
+#um-extensions-wrap a.plugin-image img {
+	display: block;
+}
+
+#um-extensions-wrap .plugin-image:not(.svg-image) img {
+	width: 70px;
+	margin: 0;
+	height: 70px;
+	padding: 0;
+}
+
+#um-extensions-wrap .plugin-card-top {
+	margin: 0;
+	padding: 20px 0 0 0;
+	width: 100%;
+	min-height: 100px;
 }
 
 #um-extensions-wrap .plugin-card-top h3 {
 	text-align: center;
+	margin: 0 0 20px 0;
+	padding: 0;
 }
 
 #um-extensions-wrap .plugin-card-top .desc {
 	text-align: center;
 	margin: 0 !important;
-	padding: 10px 0 0 0 !important;
+	padding: 0 !important;
 }
 
-#um-extensions-wrap .action-links {
-	margin: 0 !important;
-	padding: 20px 0 0 0 !important;
-	position: static;
+#um-extensions-wrap .plugin-action-links {
+	padding: 20px 0 0 0;
 	width: 100%;
-}
-
-#um-extensions-wrap .action-links ul {
-	margin: 0 0 10px 0 !important;
-	width: 100%;
-}
-
-#um-extensions-wrap .action-links ul li {
-	display: inline;
-	float: left;
-	clear: none;
-	line-height: 28px;
-	margin: 0;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: baseline;
+	flex-wrap: nowrap;
 }
 
 
-@media (max-width: 992px) {
-	#um-extensions-wrap .plugin-card {
-		width: calc( 50% - 8px );
-	}
-}
-
-@media (max-width: 782px) {
-	#um-extensions-wrap .plugin-card {
-		width: calc( 100% - 8px );
-	}
-}
-
-
-
-#um-extensions-wrap .action-links ul li:last-child {
-	float: right;
-}
-
-
-#um-extensions-wrap .plugin-card-top {
-    min-height: 140px;
-}
-
-@media screen and (max-width: 782px) {
-	#um-extensions-wrap .plugin-card {
-		width: 100%;
-	}
-
+@media (max-width: 1152px) {
 	#um-extensions-wrap .plugin-card-top {
 		min-height: 120px;
 	}
 }
 
-#um-extensions-wrap .plugin-card .name,
-#um-extensions-wrap .plugin-card .desc {
-	margin-left: 0;
+@media (max-width: 992px) {
+	#um-extensions-wrap #the-list {
+		grid-template-columns: repeat(2, 1fr);
+		-ms-grid-template-columns: repeat(2, 1fr);
+	}
+}
+
+@media (max-width: 782px) {
+	#um-extensions-wrap #the-list {
+		grid-template-columns: repeat(1, 1fr);
+		-ms-grid-template-columns: repeat(1, 1fr);
+	}
+}
+
+@media screen and (max-width: 782px) {
+	#um-extensions-wrap .plugin-card-top {
+		min-height: 80px;
+	}
 }
 
 #um-metaboxes-general h1 sup {
@@ -209,4 +292,4 @@
 	color: #777 !important;
 	font-size: 22px !important;
 }
-.um-admin-dash-share a:hover {color: #0085ba !important}
+.um-admin-dash-share a:hover {color: #0085ba !important}

includes/admin/core/class-admin-notices.php

@@ -50,6 +50,8 @@ if ( ! class_exists( 'um\admin\core\Admin_Notices' ) ) {
 
 			$this->lock_registration();
 
+			$this->extensions_page();
+
 			// removed for now to avoid the bad reviews
 			//$this->reviews_notice();
 
@@ -239,6 +241,39 @@ if ( ! class_exists( 'um\admin\core\Admin_Notices' ) ) {
 			), 10 );
 		}
 
+		/**
+		 * Checking if the "Membership - Anyone can register" WordPress general setting is active
+		 */
+		public function extensions_page() {
+			global $pagenow;
+			if ( isset( $pagenow ) && 'admin.php' === $pagenow && isset( $_GET['page'] ) && 'ultimatemember-extensions' === $_GET['page'] ) {
+				ob_start();
+				?>
+
+				<p>
+					<?php _e( '<strong>All Access Pass</strong> – Get access to all Ultimate Member extensions at a significant discount with our All Access Pass.', 'ultimate-member' ) ?>
+				</p>
+				<p>
+					<a href="https://ultimatemember.com/pricing/" class="button button-primary" target="_blank">
+						<?php _e( 'View Pricing', 'ultimate-member' ) ?>
+					</a>
+				</p>
+
+				<?php
+				$message = ob_get_clean();
+
+				$this->add_notice(
+					'extensions_all_access',
+					array(
+						'class'       => 'info',
+						'message'     => $message,
+						'dismissible' => false,
+					),
+					10
+				);
+			}
+		}
+
 
 		/**
 		 * To store plugin languages

includes/admin/templates/extensions.php

@@ -2,72 +2,84 @@
 
 $premium['bbpress'] = array(
 	'url' => 'https://ultimatemember.com/extensions/bbpress/',
+	'img'  => 'bbpress.svg',
 	'name' => 'bbPress',
 	'desc' => 'With the bbPress extension you can integrate Ultimate Member with bbPress',
 );
 
 $premium['profile-completeness'] = array(
 	'url' => 'https://ultimatemember.com/extensions/profile-completeness/',
+	'img'  => 'profile-completeness.svg',
 	'name' => 'Profile Completeness',
 	'desc' => 'Encourage or force users to complete their profile on your site',
 );
 
 $premium['verified-users'] = array(
 	'url' => 'https://ultimatemember.com/extensions/verified-users/',
+	'img'  => 'verified-users.svg',
 	'name' => 'Verified Users',
 	'desc' => 'Add a user verficiation system to your site so user accounts can be verified',
 );
 
 $premium['friends'] = array(
 	'url' => 'https://ultimatemember.com/extensions/friends/',
+	'img'  => 'friends.svg',
 	'name' => 'Friends',
 	'desc' => 'Increase user interaction on your site by allowing users to become friends',
 );
 
 $premium['woocommerce'] = array(
 	'url' => 'https://ultimatemember.com/extensions/woocommerce/',
+	'img'  => 'woocommerce.png',
 	'name' => 'WooCommerce',
 	'desc' => 'Integrates the popular e-commerce plugin WooCommerce with Ultimate Member',
 );
 
 $premium['notices'] = array(
 	'url' => 'https://ultimatemember.com/extensions/notices/',
+	'img'  => 'notices.svg',
 	'name' => 'Notices',
 	'desc' => 'Alert users to important information using conditional notices',
 );
 
 $premium['followers'] = array(
 	'url' => 'https://ultimatemember.com/extensions/followers/',
+	'img'  => 'followers.svg',
 	'name' => 'Followers',
 	'desc' => 'Increase user interaction on your site by allowing users to follow each other',
 );
 
 $premium['mycred'] = array(
 	'url' => 'https://ultimatemember.com/extensions/mycred/',
+	'img'  => 'mycred.png',
 	'name' => 'myCRED',
 	'desc' => 'With the myCRED extension you can integrate Ultimate Member with myCRED',
 );
 
 $premium['private-messages'] = array(
 	'url' => 'https://ultimatemember.com/extensions/private-messages/',
+	'img'  => 'private-messages.svg',
 	'name' => 'Private Messages',
 	'desc' => 'Add a private messaging system to your site & allow users to message each other',
 );
 
 $premium['social-activity'] = array(
 	'url' => 'https://ultimatemember.com/extensions/social-activity/',
+	'img'  => 'social-activity.svg',
 	'name' => 'Social Activity',
 	'desc' => 'Let users create public wall posts & see the activity of other users',
 );
 
 $premium['social-login'] = array(
 	'url' => 'https://ultimatemember.com/extensions/social-login/',
+	'img'  => 'social-login.svg',
 	'name' => 'Social Login',
 	'desc' => 'Let users register & login to your site via Facebook, Twitter, G+, LinkedIn, and more',
 );
 
 $premium['user-tags'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-tags/',
+	'img'  => 'user-tags.svg',
 	'name' => 'User Tags',
 	'desc' => 'With this extension you can add a user tag system to your website',
 );
@@ -75,6 +87,7 @@ $premium['user-tags'] = array(
 
 $premium['mailchimp'] = array(
 	'url' => 'https://ultimatemember.com/extensions/mailchimp/',
+	'img'  => 'mailchimp.png',
 	'name' => 'MailChimp',
 	'desc' => 'Allow users to subscribe to your mailchimp lists when they signup on your site',
 );
@@ -82,24 +95,28 @@ $premium['mailchimp'] = array(
 
 $premium['user-reviews'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-reviews/',
+	'img'  => 'user-reviews.svg',
 	'name' => 'User Reviews',
 	'desc' => 'Allow users to rate & review each other using a 5 star rate/review system',
 );
 
 $premium['real-time-notifications'] = array(
 	'url' => 'https://ultimatemember.com/extensions/real-time-notifications/',
+	'img'  => 'real-time-notifications.svg',
 	'name' => 'Real-time Notifications',
 	'desc' => 'Add a notifications system to your site so users can receive real-time notifications',
 );
 
 $premium['private-content'] = array(
 	'url' => 'https://ultimatemember.com/extensions/private-content/',
+	'img'  => 'private-content.svg',
 	'name' => 'Private Content',
 	'desc' => 'Display private content to logged in users that only they can access',
 );
 
 $premium['groups'] = array(
 	'url' => 'https://ultimatemember.com/extensions/groups/',
+	'img'  => 'groups.svg',
 	'name' => 'Groups',
 	'desc' => 'Allow users to create and join groups around shared topics, interests etc.',
 );
@@ -107,65 +124,76 @@ $premium['groups'] = array(
 $premium['user-photos'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-photos/',
 	'name' => 'User Photos',
+	'img'  => 'user-photos.svg',
 	'desc' => 'Allow users to upload photos to their profile',
 );
 
 $premium['user-bookmarks'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-bookmarks/',
+	'img'  => 'user-bookmarks.svg',
 	'name' => 'User Bookmarks',
 	'desc' => 'Allow users to bookmark content from your website',
 );
 
 $premium['unsplash'] = array(
 	'url' => 'https://ultimatemember.com/extensions/unsplash/',
+	'img'  => 'unsplash.png',
 	'name' => 'Unsplash',
 	'desc' => 'Allow users to select a profile cover photo from <a href="https://unsplash.com/" target="_blank">Unsplash</a> from their profile',
 );
 
 $premium['user-locations'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-locations/',
+	'img'  => 'user-locations.svg',
 	'name' => 'User Locations',
 	'desc' => 'Using the Google Maps API, display users on a map on the member directory page and allow users to add their location via their profile',
 );
 
 $premium['user-notes'] = array(
 	'url' => 'https://ultimatemember.com/extensions/user-notes/',
+	'img'  => 'user-notes.svg',
 	'name' => 'User Notes',
 	'desc' => 'Allow users to create public and private notes from their profile',
 );
 
 $premium['profile-tabs'] = array(
 	'url' => 'https://ultimatemember.com/extensions/profile-tabs/',
+	'img'  => 'profile-tabs.svg',
 	'name' => 'Profile Tabs',
 	'desc' => 'Add custom tabs to profiles',
 );
 
 $free['jobboardwp'] = array(
 	'url' => 'https://wordpress.org/plugins/um-jobboardwp',
+	'img'  => 'jobboardwp.png',
 	'name' => 'JobBoardWP',
 	'desc' => 'Integrates Ultimate Member with the job board plugin <a href="https://wordpress.org/plugins/jobboardwp" target="_blank">JobBoardWP</a>',
 );
 
 $free['forumwp'] = array(
 	'url' => 'https://ultimatemember.com/extensions/forumwp/',
+	'img'  => 'forumwp.png',
 	'name' => 'ForumWP',
 	'desc' => 'Integrates Ultimate Member with the forum plugin <a href="https://forumwpplugin.com" target="_blank">ForumWP</a>',
 );
 
 $free['online-users'] = array(
 	'url' => 'https://ultimatemember.com/extensions/online-users/',
+	'img'  => 'online-users.svg',
 	'name' => 'Online Users',
 	'desc' => 'Display online users on your site so users can see who is online'
 );
 
 $free['google-recaptcha'] = array(
 	'url' => 'https://ultimatemember.com/extensions/google-recaptcha/',
+	'img'  => 'google-recaptcha.png',
 	'name' => 'Google reCAPTCHA',
 	'desc' => 'Stop bots on your registration & login forms with Google reCAPTCHA',
 );
 
 $free['terms-conditions'] = array(
-	'url' => 'https://ultimatemember.com/extensions/terms-conditions/',
+	'url'  => 'https://ultimatemember.com/extensions/terms-conditions/',
+	'img'  => 'terms-conditions.svg',
 	'name' => 'Terms & Conditions',
 	'desc' => 'Add terms & conditions to your registration form',
 ); ?>
@@ -174,17 +202,6 @@ $free['terms-conditions'] = array(
 
 	<h2>Ultimate Member - Extensions</h2>
 
-	<div class="wp-filter um-admin-notice um-filter">
-		<div class="alignleft">
-			<?php _e( '<strong>All Access Pass</strong> – Get access to all Ultimate Member extensions at a significant discount with our All Access Pass.', 'ultimate-member' ) ?>
-		</div>
-		<div class="alignright">
-			<a href="https://ultimatemember.com/pricing/" class="button button-primary" target="_blank">
-				<?php _e( 'View Pricing', 'ultimate-member' ) ?>
-			</a>
-		</div>
-	</div>
-
 	<div class="wp-filter">
 		<ul class="filter-links">
 			<li>
@@ -206,31 +223,26 @@ $free['terms-conditions'] = array(
 				foreach ( $premium as $key => $info ) { ?>
 
 					<div class="plugin-card">
-						<a href="<?php echo esc_url( $info['url'] ); ?>" class="plugin-image">
-							<img src="<?php echo esc_url( um_url . 'assets/img/extensions/' . $key . '.png'  ); ?>" alt="<?php echo esc_attr( $info['name'] ) ?>" />
-						</a>
+						<div class="plugin-image-wrapper">
+							<a href="<?php echo esc_url( $info['url'] ); ?>" class="plugin-image<?php if ( false !== strpos( $info['img'], '.svg' ) ) { ?> svg-image<?php } ?>">
+								<img id="<?php echo esc_attr( 'um_' . $key . '_image' ); ?>" src="<?php echo esc_url( um_url . 'assets/img/extensions/' . $info['img'] ); ?>" alt="<?php echo esc_attr( $info['name'] ) ?>" />
+							</a>
+						</div>
 						<div class="plugin-card-top">
-							<h3><a href="<?php echo esc_url( $info['url'] ); ?>"><?php echo $info['name']; ?></a></h3>
+							<h3><a href="<?php echo esc_url( $info['url'] ); ?>"><?php echo esc_html( $info['name'] ); ?></a></h3>
 
 							<div class="desc column-description">
-								<?php echo $info['desc']; ?>
-							</div>
-
-							<div class="action-links">
-								<ul class="plugin-action-buttons">
-									<li>
-										<a class="install-now button" href="<?php echo esc_url( $info['url'] ); ?>">
-											<?php _e( 'Get this Add on', 'ultimate-member' ) ?>
-										</a>
-									</li>
-									<li>
-										<a href="<?php echo esc_url( $info['url'] ); ?>">
-											<?php _e( 'More Details', 'ultimate-member' ) ?>
-										</a>
-									</li>
-								</ul>
+								<?php echo wp_kses( $info['desc'], UM()->get_allowed_html( 'admin_notice' ) ); ?>
 							</div>
 						</div>
+						<div class="plugin-action-links">
+							<a class="button" href="<?php echo esc_url( $info['url'] ); ?>">
+								<?php esc_html_e( 'Get this Add on', 'ultimate-member' ) ?>
+							</a>
+							<a href="<?php echo esc_url( $info['url'] ); ?>">
+								<?php esc_html_e( 'More Details', 'ultimate-member' ) ?>
+							</a>
+						</div>
 					</div>
 
 				<?php }
@@ -240,31 +252,26 @@ $free['terms-conditions'] = array(
 				foreach ( $free as $key => $info ) { ?>
 
 					<div class="plugin-card">
-						<a href="<?php echo esc_url( $info['url'] ); ?>" class="plugin-image">
-							<img src="<?php echo esc_url( um_url . 'assets/img/extensions/' . $key . '.png'  ); ?>" alt="<?php echo esc_attr( $info['name'] ) ?>" />
-						</a>
+						<div class="plugin-image-wrapper">
+							<a href="<?php echo esc_url( $info['url'] ); ?>" class="plugin-image<?php if ( false !== strpos( $info['img'], '.svg' ) ) { ?> svg-image<?php } ?>">
+								<img id="<?php echo esc_attr( 'um_' . $key . '_image' ); ?>" src="<?php echo esc_url( um_url . 'assets/img/extensions/' . $info['img'] ); ?>" alt="<?php echo esc_attr( $info['name'] ) ?>" />
+							</a>
+						</div>
 						<div class="plugin-card-top">
-							<h3><a href="<?php echo esc_url( $info['url'] ); ?>"><?php echo $info['name']; ?></a></h3>
+							<h3><a href="<?php echo esc_url( $info['url'] ); ?>"><?php echo esc_html( $info['name'] ); ?></a></h3>
 
 							<div class="desc column-description">
-								<?php echo $info['desc']; ?>
-							</div>
-
-							<div class="action-links">
-								<ul class="plugin-action-buttons">
-									<li>
-										<a class="install-now button" href="<?php echo esc_url( $info['url'] ); ?>">
-											<?php _e( 'Get this Add on', 'ultimate-member' ) ?>
-										</a>
-									</li>
-									<li>
-										<a href="<?php echo $info['url']; ?>">
-											<?php _e( 'More Details', 'ultimate-member' ) ?>
-										</a>
-									</li>
-								</ul>
+								<?php echo wp_kses( $info['desc'], UM()->get_allowed_html( 'admin_notice' ) ); ?>
 							</div>
 						</div>
+						<div class="plugin-action-links">
+							<a class="button" href="<?php echo esc_url( $info['url'] ); ?>">
+								<?php esc_html_e( 'Get this Add on', 'ultimate-member' ) ?>
+							</a>
+							<a href="<?php echo esc_url( $info['url'] ); ?>">
+								<?php esc_html_e( 'More Details', 'ultimate-member' ) ?>
+							</a>
+						</div>
 					</div>
 
 				<?php }
@@ -273,4 +280,4 @@ $free['terms-conditions'] = array(
 		</div>
 	</div>
 </div>
-<div class="um-admin-clear"></div>
+<div class="um-admin-clear"></div>