From eb70bb8eec77f499ccc9d1f39d1803afbcc2cf31 Mon Sep 17 00:00:00 2001
From: Stephan <spamonia@gmail.com>
Date: Tue, 2 Mar 2021 22:09:53 +0100
Subject: [PATCH] Added vector icons.

---
 assets/images/circle_icon_briefcase.svg   | 88 +++++++++++++++++++++++
 assets/images/circle_icon_building.svg    | 88 +++++++++++++++++++++++
 assets/images/circle_icon_clippy.svg      | 88 +++++++++++++++++++++++
 assets/images/circle_icon_dragon.svg      | 88 +++++++++++++++++++++++
 assets/images/circle_icon_fist.svg        | 88 +++++++++++++++++++++++
 assets/images/circle_icon_group.svg       | 27 +++++++
 assets/images/circle_icon_institution.svg | 88 +++++++++++++++++++++++
 assets/images/mastodon_logo.svg           |  5 ++
 8 files changed, 560 insertions(+)
 create mode 100644 assets/images/circle_icon_briefcase.svg
 create mode 100644 assets/images/circle_icon_building.svg
 create mode 100644 assets/images/circle_icon_clippy.svg
 create mode 100644 assets/images/circle_icon_dragon.svg
 create mode 100644 assets/images/circle_icon_fist.svg
 create mode 100644 assets/images/circle_icon_group.svg
 create mode 100644 assets/images/circle_icon_institution.svg
 create mode 100644 assets/images/mastodon_logo.svg

diff --git a/assets/images/circle_icon_briefcase.svg b/assets/images/circle_icon_briefcase.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_briefcase.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_building.svg b/assets/images/circle_icon_building.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_building.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_clippy.svg b/assets/images/circle_icon_clippy.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_clippy.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_dragon.svg b/assets/images/circle_icon_dragon.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_dragon.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_fist.svg b/assets/images/circle_icon_fist.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_fist.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_group.svg b/assets/images/circle_icon_group.svg
new file mode 100644
index 0000000..c99288b
--- /dev/null
+++ b/assets/images/circle_icon_group.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 134" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/circle_icon_institution.svg b/assets/images/circle_icon_institution.svg
new file mode 100644
index 0000000..30cf2f8
--- /dev/null
+++ b/assets/images/circle_icon_institution.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 134 1293" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1173.16,-503.213)">
+        <g transform="matrix(1,0,0,1,486,952)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.536,-55.5172)">
+            <g transform="matrix(1.0925,0,0,1.04368,-68.432,-77.5934)">
+                <path d="M738.639,1763.45C738.639,1762.47 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.47 731.836,1763.45L731.836,1778.46C731.836,1779.45 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.45 738.639,1778.46L738.639,1763.45Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.1952,-56.9587,-348.077)">
+                <path d="M738.639,1763.22C738.639,1762.37 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.37 731.836,1763.22L731.836,1778.69C731.836,1779.55 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.55 738.639,1778.69L738.639,1763.22Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,1.01024,-45.9015,-26.0451)">
+                <path d="M738.639,1763.51C738.639,1762.49 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.49 731.836,1763.51L731.836,1778.4C731.836,1779.42 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.42 738.639,1778.4L738.639,1763.51Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1.0925,0,0,0.824844,-34.3414,304.371)">
+                <path d="M738.639,1763.92C738.639,1762.68 737.877,1761.67 736.938,1761.67L733.537,1761.67C732.598,1761.67 731.836,1762.68 731.836,1763.92L731.836,1777.99C731.836,1779.24 732.598,1780.24 733.537,1780.24L736.938,1780.24C737.877,1780.24 738.639,1779.24 738.639,1777.99L738.639,1763.92Z" style="fill:#fff;"/>
+            </g>
+            <path d="M768.908,1806.65C768.908,1806.65 772.092,1803.98 773.27,1802.38C774.447,1800.77 776.315,1798.79 776.299,1796.79C776.268,1792.83 776.392,1784.78 776.299,1780.71C776.273,1779.57 772.787,1776.4 770.984,1776.39C766.035,1776.38 757.69,1776.36 754.81,1776.39C754.203,1776.4 753.36,1777.56 753.632,1778.56C753.987,1779.86 756.576,1783.1 758.422,1783.78C760.268,1784.47 763.49,1783.41 764.511,1784.14C765.819,1785.07 765.563,1787.4 764.709,1787.92C763.626,1788.58 760.1,1787.38 759.186,1788.5C757.501,1790.57 753.413,1795.79 751.902,1797.51C751.124,1798.4 749.895,1797.46 749.445,1797C748.673,1796.22 748.46,1795.36 749.061,1794.59C750.199,1793.12 754.163,1789.27 754.157,1787.28C754.154,1785.93 751.631,1782.74 750.486,1782.7C749.574,1782.66 748.98,1783.7 746.53,1783.78C744.09,1783.86 741.652,1782.21 740.602,1782.23C739.59,1782.25 738.038,1783.81 735.487,1783.78C734.241,1783.77 731.168,1782.34 731.102,1783.35C730.947,1785.68 730.531,1793.63 731.769,1797.51C732.921,1801.12 738.533,1806.65 738.533,1806.65L738.533,1814.46L768.908,1814.46L768.908,1806.65Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.195,-252.268)">
+        <g transform="matrix(1,0,0,1,0.0376722,508)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#66a1b3;"/>
+        </g>
+        <g transform="matrix(0.14984,-9.06045e-33,-9.06045e-33,-0.14984,721.511,1317.23)">
+            <path d="M389.428,290.661L223.549,124.781C211.936,112.789 197.757,106.794 181.008,106.794C165.4,106.794 152.175,112.218 141.324,123.068C130.47,133.916 125.047,147.146 125.047,162.755C125.047,179.505 131.043,193.686 143.034,205.296L260.094,322.354C261.996,324.257 264.095,325.208 266.377,325.208C269.423,325.208 273.896,322.255 279.792,316.358C285.691,310.459 288.638,305.982 288.638,302.936C288.638,300.657 287.691,298.562 285.787,296.657L168.731,179.599C163.973,174.459 161.594,168.845 161.594,162.755C161.594,157.232 163.401,152.665 167.018,149.049C170.633,145.432 175.204,143.625 180.724,143.625C187.195,143.625 192.904,145.906 197.855,150.474L363.73,316.354C375.728,328.342 381.724,342.14 381.724,357.746C381.724,369.935 377.723,380.02 369.732,388.012C361.732,396.006 351.65,400.01 339.463,400.01C323.855,400.01 310.057,394.007 298.072,382.016L76.513,160.178C62.047,145.713 54.818,128.486 54.818,108.5C54.818,88.323 61.763,71.096 75.659,56.822C89.553,42.55 106.587,35.411 126.765,35.411C146.177,35.411 163.401,42.739 178.438,57.39L351.456,230.692C353.358,232.598 355.546,233.543 358.023,233.543C361.069,233.543 365.497,230.641 371.297,224.837C377.105,219.033 380,214.608 380,211.563C380,209.282 379.052,207.186 377.152,205.283L204.419,32.264C182.531,10.756 156.552,0 126.478,0C96.214,0 70.615,10.566 49.678,31.693C28.739,52.821 18.271,78.518 18.271,108.78C18.271,138.472 29.023,164.263 50.531,186.152L272.373,407.709C291.406,426.736 313.767,436.257 339.464,436.257C361.733,436.257 380.39,428.736 395.423,413.698C410.46,398.668 417.985,380.01 417.985,357.735C417.979,331.662 408.458,309.302 389.428,290.661Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-189.133)">
+        <g transform="matrix(1,0,0,1,0,251.809)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#8a6eb1;"/>
+        </g>
+        <g>
+            <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508,0)">
+                <path d="M731,1022L716,1029L716,1045L731,1045L731,1022Z" style="fill:#fff;"/>
+            </g>
+            <path d="M773,1015L758,1005L758,1001L754.157,996L750,1001L750,1005L735,1015L735,1045L747,1045L747,1031C747,1031 748.824,1026 754.157,1026C759.491,1026 761,1031 761,1031L761,1044.62L773,1045L773,1015Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-130.379)">
+        <circle cx="754.157" cy="776.544" r="67" style="fill:#76a4b2;"/>
+        <path d="M785,780L761,780.088L761,787L747,787L747,780L723.315,780L723.315,795.639C723.315,799.701 726.614,803 730.676,803L777.639,803C781.701,803 785,799.701 785,795.639L785,780ZM785,768.449C785,764.386 781.701,761.088 777.639,761.088L730.676,761.088C726.614,761.088 723.315,764.386 723.315,768.449L723.315,776.544L785,776.544L785,768.449ZM769,755.25C769,752.352 766.648,750 763.75,750L744.25,750C741.352,750 739,752.352 739,755.25L739,761.088L747,761.088L747,757L761,757L761,761.088L769,761.088L769,755.25Z" style="fill:#fff;"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-687.157,-1078.86)">
+        <g transform="matrix(1,0,0,1,0,755.428)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#799ba6;"/>
+        </g>
+        <g>
+            <path d="M730.752,1539.31L754.442,1539.31L754.157,1524.72L740.97,1514.97C740.97,1514.97 737.957,1512.58 735.394,1512.68C732.832,1512.77 730.73,1514.81 730.201,1515.32C729.671,1515.82 717.566,1527.73 717.566,1527.73C717.566,1527.73 716.351,1528.93 716.392,1530C716.432,1531.07 716.964,1531.92 718.021,1532.02C719.581,1532.16 738.013,1528.14 738.013,1528.14L729.165,1535.31C729.165,1535.31 727.648,1536.15 728.145,1537.7C728.641,1539.24 730.752,1539.31 730.752,1539.31Z" style="fill:#fff;"/>
+            <path d="M718,1562C728.633,1562.08 778,1562 778,1562C778,1562 784.168,1561.53 788,1558C791.329,1554.93 792.073,1552.13 792,1548C791.927,1543.87 790.337,1539.33 787,1537C783.663,1534.67 780.639,1534.42 778,1533C775.361,1531.58 771.548,1530.88 770,1528C768.452,1525.12 769,1520 769,1520L777,1520C777,1520 777.313,1521.42 780,1523C782.687,1524.58 783.867,1524.16 786,1524C788.133,1523.84 790.186,1522.64 791,1521C791.814,1519.36 793.491,1517.13 792,1515C790.509,1512.87 781,1502 781,1502L750,1502L757,1508C757,1508 758.009,1508.41 758,1509C757.991,1509.59 755.746,1510.63 754.157,1511C752.569,1511.37 750,1513 750,1513C750,1513 752.175,1514.15 754.157,1515C756.216,1515.88 758,1517 758,1517L758,1531C758,1531 758.131,1536.57 760,1540C761.869,1543.43 763.361,1544.93 765,1547C766.639,1549.07 768.902,1549.41 768.253,1550.39C767.458,1551.59 751.33,1552.37 745.665,1553.13C732.723,1554.87 727.401,1556 719,1558C717.235,1558.42 715.838,1559.04 716,1560C716.162,1560.96 717.057,1561.99 718,1562ZM774.555,1509C774.555,1509 776.544,1510.13 777.383,1510.46C778.208,1510.79 779.747,1510.69 779.747,1510.69C779.747,1510.69 779.135,1512.58 777.578,1512.67C776.02,1512.76 775.15,1512.12 774.873,1511C774.596,1509.88 774.555,1509 774.555,1509Z" style="fill:#fff;"/>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-1965.54)">
+        <g transform="matrix(1,0,0,1,486,1256)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#7fcdb8;"/>
+        </g>
+        <g transform="matrix(1,0,0,1,486.023,-2.76434)">
+            <g transform="matrix(1.02801,0,0,1.02801,-19.6378,-56.2008)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,310.042,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(0.625274,0,0,0.625274,256.919,759.896)">
+                <circle cx="752.711" cy="2021.89" r="12.906" style="fill:#fff;"/>
+            </g>
+            <path d="M736.22,2061.49C742.414,2061.6 763.319,2061.57 771.403,2061.49C772.722,2061.48 774.768,2061.41 775.789,2059.84C776.766,2058.32 776.652,2056.2 776.706,2054.5C776.773,2052.41 776.555,2049.52 776.152,2048.19C775.678,2046.62 774.308,2044.71 772.355,2043C770.402,2041.29 769.566,2040.68 767.954,2040.09C766.093,2039.4 762.574,2039.42 760.613,2039.72C758.402,2040.06 757.601,2041.57 754.157,2041.66C750.714,2041.75 749.135,2040.06 746.992,2039.72C745.116,2039.43 743.096,2039.12 741.296,2039.72C739.37,2040.37 736.971,2041.36 735.153,2043C733.444,2044.55 732.116,2046.68 731.924,2048.19C731.699,2049.95 731.554,2052.3 731.55,2054.07C731.545,2056.66 731.63,2058.25 732.436,2059.41C733.435,2060.84 734.925,2061.47 736.22,2061.49Z" style="fill:#fff;"/>
+            <g transform="matrix(-1,0,0,1,1508.33,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,-0.0606849,0.386713)">
+                <path d="M780.349,2049.66C780.349,2049.66 780.556,2046.4 777.936,2043.33C775.315,2040.27 772.185,2038.54 772.161,2037.76C772.137,2036.98 772.734,2035.92 773.947,2035.59C775.272,2035.69 784.454,2035.62 786.212,2035.59C787.636,2036.29 788.449,2036.87 789.366,2037.76C790.408,2038.77 791.229,2039.34 791.361,2040.67C791.561,2042.71 791.971,2048.46 790.547,2049.66C786.146,2049.56 780.349,2049.66 780.349,2049.66Z" style="fill:#fff;"/>
+            </g>
+        </g>
+    </g>
+    <g transform="matrix(1,0,0,1,-1173.16,-2037.49)">
+        <g transform="matrix(1,0,0,1,486,1521)">
+            <circle cx="754.157" cy="776.544" r="67" style="fill:#e89980;"/>
+        </g>
+        <g transform="matrix(53.0762,0,0,53.0762,1211.72,2316.5)">
+            <path d="M0.536,-0.857L1.071,-0.643L1.071,-0.571L1,-0.571C1,-0.562 0.996,-0.553 0.989,-0.546C0.981,-0.539 0.972,-0.536 0.961,-0.536L0.11,-0.536C0.1,-0.536 0.09,-0.539 0.083,-0.546C0.075,-0.553 0.071,-0.562 0.071,-0.571L0,-0.571L0,-0.643L0.536,-0.857ZM0.143,-0.5L0.286,-0.5L0.286,-0.071L0.357,-0.071L0.357,-0.5L0.5,-0.5L0.5,-0.071L0.571,-0.071L0.571,-0.5L0.714,-0.5L0.714,-0.071L0.786,-0.071L0.786,-0.5L0.929,-0.5L0.929,-0.071L0.961,-0.071C0.972,-0.071 0.981,-0.068 0.989,-0.061C0.996,-0.054 1,-0.045 1,-0.036L1,0L0.071,0L0.071,-0.036C0.071,-0.045 0.075,-0.054 0.083,-0.061C0.09,-0.068 0.1,-0.071 0.11,-0.071L0.143,-0.071L0.143,-0.5ZM1.033,0.036C1.043,0.036 1.052,0.039 1.06,0.046C1.068,0.053 1.071,0.062 1.071,0.071L1.071,0.143L0,0.143L0,0.071C0,0.062 0.004,0.053 0.011,0.046C0.019,0.039 0.028,0.036 0.039,0.036L1.033,0.036Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/mastodon_logo.svg b/assets/images/mastodon_logo.svg
new file mode 100644
index 0000000..4b83a48
--- /dev/null
+++ b/assets/images/mastodon_logo.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 217 233" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M107.865,0C78.204,0.243 49.672,3.454 33.045,11.09C33.045,11.09 0.068,25.842 0.068,76.172C0.068,87.697 -0.156,101.478 0.209,116.092C1.406,165.312 9.233,213.82 54.74,225.865C75.723,231.419 93.737,232.581 108.246,231.783C134.557,230.324 149.328,222.395 149.328,222.395L148.459,203.305C148.459,203.305 129.657,209.232 108.541,208.51C87.62,207.792 65.534,206.255 62.15,180.568C61.838,178.312 61.682,175.899 61.682,173.365C61.682,173.365 82.219,178.386 108.246,179.578C124.161,180.308 139.085,178.645 154.244,176.836C183.314,173.365 208.625,155.454 211.807,139.088C216.819,113.307 216.406,76.172 216.406,76.172C216.406,25.842 183.432,11.09 183.432,11.09C166.805,3.454 138.255,0.243 108.594,0L107.865,0ZM74.297,39.326C86.652,39.326 96.007,44.075 102.193,53.574L108.207,63.654L114.223,53.574C120.408,44.075 129.763,39.326 142.119,39.326C152.797,39.326 161.401,43.08 167.971,50.402C174.339,57.725 177.51,67.621 177.51,80.076L177.51,141.018L153.365,141.018L153.365,81.869C153.365,69.4 148.121,63.07 137.627,63.07C126.024,63.07 120.209,70.579 120.209,85.424L120.209,117.799L96.207,117.799L96.207,85.424C96.207,70.579 90.392,63.07 78.789,63.07C68.295,63.07 63.049,69.4 63.049,81.869L63.049,141.018L38.904,141.018L38.904,80.076C38.904,67.621 42.075,57.725 48.445,50.402C55.014,43.08 63.618,39.326 74.297,39.326Z" style="fill:#2a7dce;fill-rule:nonzero;"/>
+</svg>