diff --git a/package-lock.json b/package-lock.json
index cad36e5..2388e03 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-    "name": "spacesocial-client",
+    "name": "campfire-client",
     "version": "0.2.0_rev3",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
-            "name": "spacesocial-client",
+            "name": "campfire-client",
             "version": "0.2.0_rev3",
             "license": "GPL-3.0",
             "devDependencies": {
diff --git a/package.json b/package.json
index 429b1b5..322af77 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "campfire-client",
-    "version": "0.2.0_rev3",
+    "version": "0.2.0_rev4",
     "description": "social media for the galaxy-wide-web! 🌌",
     "private": true,
     "type": "module",
diff --git a/src/img/campfire-logo.svg b/src/img/campfire-logo.svg
index f6acc5f..2a12a1c 100644
--- a/src/img/campfire-logo.svg
+++ b/src/img/campfire-logo.svg
@@ -1,5 +1,3 @@
-<?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 viewBox="0 0 849 448" 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;" fill="currentColor">
     <g transform="matrix(1,0,0,1,-87.6307,-32)">
         <path id="logo" d="M702.728,334.607C699.276,338.322 695.712,342.02 692.033,345.7C577.333,460.4 434.424,516.66 371.773,454.009C333.398,415.635 340.919,362.506 340.919,362.506C342.998,379.542 335.189,457.224 429.106,457.224C513.976,457.224 581.197,400.414 648.221,334.607L702.728,334.607ZM748.992,184.495C775.742,111.873 773.185,41.372 693.222,41.372C559.35,41.372 454.872,139.351 454.872,139.351C544.712,49.512 716.168,3.824 762.994,50.649C788.104,75.759 798.861,125.798 785.753,184.495L748.992,184.495ZM429.419,152.588L298.414,150.979L427.59,149.392L438.91,145.203L444.358,130.478L449.807,145.203L461.127,149.392L590.302,150.979L459.297,152.588L449.807,156.1L444.358,170.825L438.91,156.1L429.419,152.588ZM137.771,315.08C128.704,315.08 120.314,313.05 112.6,308.99C105.021,304.93 98.931,299.043 94.33,291.329C89.864,283.48 87.631,274.074 87.631,263.112C87.631,255.669 88.916,248.632 91.488,242C94.059,235.234 97.645,229.279 102.247,224.136C106.983,218.858 112.6,214.731 119.096,211.753C125.592,208.641 132.764,207.084 140.613,207.084C148.869,207.084 155.838,208.37 161.522,210.941C167.206,213.377 171.537,216.693 174.514,220.888C177.492,224.948 178.98,229.279 178.98,233.88C178.98,237.534 177.898,240.715 175.732,243.421C173.702,246.128 170.725,247.549 166.8,247.684C162.199,247.82 158.951,246.534 157.056,243.827C155.297,240.985 154.417,238.346 154.417,235.91C154.417,234.557 154.62,233.136 155.026,231.647C155.432,230.023 156.109,228.535 157.056,227.181C156.109,224.745 154.553,222.986 152.387,221.903C150.222,220.685 147.989,219.873 145.688,219.467C143.388,219.061 141.561,218.926 140.207,219.061C132.764,219.332 126.607,222.715 121.735,229.211C116.863,235.707 114.427,245.181 114.427,257.631C114.427,265.074 115.442,271.976 117.472,278.337C119.637,284.562 122.885,289.637 127.216,293.562C131.546,297.351 137.095,299.314 143.861,299.449C149.816,299.584 155.568,298.163 161.116,295.186C166.665,292.073 171.199,288.081 174.717,283.209L182.837,290.72C178.371,297.081 173.567,302.02 168.424,305.539C163.282,309.058 158.071,311.494 152.793,312.847C147.651,314.336 142.643,315.08 137.771,315.08ZM253.278,311.832C252.872,309.802 252.601,308.11 252.466,306.757C252.466,305.268 252.398,303.577 252.263,301.682C247.662,306.283 242.722,309.667 237.444,311.832C232.301,313.997 226.956,315.08 221.407,315.08C212.204,315.08 205.099,312.576 200.092,307.569C195.22,302.562 192.784,296.404 192.784,289.096C192.784,282.6 194.544,277.119 198.062,272.653C201.581,268.052 206.182,264.33 211.866,261.488C217.55,258.511 223.843,256.278 230.745,254.789C237.647,253.165 244.481,252.286 251.248,252.15L251.248,240.985C251.248,237.061 250.774,233.474 249.827,230.226C249.015,226.843 247.459,224.204 245.158,222.309C242.857,220.279 239.474,219.264 235.008,219.264C232.031,219.4 228.986,220.076 225.873,221.294C222.896,222.377 220.527,224.136 218.768,226.572C219.851,227.79 220.527,229.144 220.798,230.632C221.069,231.986 221.204,233.204 221.204,234.286C221.204,236.722 220.257,239.294 218.362,242C216.467,244.572 213.422,245.79 209.227,245.654C205.573,245.519 202.731,244.233 200.701,241.797C198.806,239.361 197.859,236.452 197.859,233.068C197.859,227.926 199.686,223.46 203.34,219.67C207.129,215.746 212.204,212.701 218.565,210.535C224.926,208.235 232.031,207.084 239.88,207.084C251.519,207.084 260.45,210.129 266.676,216.219C272.901,222.309 275.946,232.053 275.811,245.451L275.811,258.443C275.811,262.232 275.743,266.089 275.608,270.014L275.608,282.803C275.608,284.833 275.54,287.404 275.405,290.517C275.269,293.494 275.066,296.472 274.796,299.449C277.232,299.178 279.668,299.043 282.104,299.043C284.675,298.908 286.773,298.772 288.397,298.637L288.397,311.832L253.278,311.832ZM251.045,264.127C246.985,264.398 242.993,265.074 239.068,266.157C235.143,267.104 231.625,268.458 228.512,270.217C225.399,271.976 222.896,274.209 221.001,276.916C219.242,279.487 218.43,282.465 218.565,285.848C218.7,290.043 220.054,293.156 222.625,295.186C225.196,297.081 228.174,298.028 231.557,298.028C235.482,298.028 239,297.216 242.113,295.592C245.361,293.968 248.338,291.803 251.045,289.096L251.045,264.127ZM300.78,311.832L300.78,301.073C304.704,301.073 307.479,300.261 309.103,298.637C310.727,296.878 311.742,294.442 312.148,291.329C312.554,288.216 312.757,284.698 312.757,280.773L312.757,242.609C312.757,240.173 312.824,237.602 312.96,234.895C313.095,232.189 313.298,229.414 313.569,226.572C311.268,226.708 308.764,226.843 306.058,226.978C303.351,227.114 301.118,227.249 299.359,227.384L299.359,214.189C305.449,214.189 310.456,213.919 314.381,213.377C318.305,212.701 321.35,211.889 323.515,210.941C325.681,209.994 327.237,209.114 328.184,208.302L336.71,208.302C336.981,209.656 337.116,211.347 337.116,213.377C337.252,215.272 337.387,217.031 337.522,218.655C341.988,215.137 346.86,212.362 352.138,210.332C357.416,208.167 362.559,207.084 367.566,207.084C373.927,207.084 379.205,208.235 383.4,210.535C387.731,212.836 391.114,216.152 393.55,220.482C398.287,216.558 403.632,213.377 409.587,210.941C415.542,208.37 421.293,207.084 426.842,207.084C438.075,207.084 446.465,210.4 452.014,217.031C457.698,223.527 460.472,234.625 460.337,250.323L460.337,282.803C460.337,284.968 460.269,287.607 460.134,290.72C459.998,293.697 459.795,296.607 459.525,299.449C461.69,299.178 463.991,299.043 466.427,299.043C468.863,298.908 470.893,298.84 472.517,298.84L472.517,311.832L424.406,311.832L424.406,301.073C427.925,301.073 430.428,300.261 431.917,298.637C433.406,296.878 434.285,294.442 434.556,291.329C434.962,288.216 435.165,284.698 435.165,280.773L435.165,250.526C435.165,240.782 433.609,233.813 430.496,229.617C427.383,225.422 422.985,223.324 417.301,223.324C413.512,223.189 409.858,223.933 406.339,225.557C402.956,227.046 399.978,228.873 397.407,231.038C398.084,233.61 398.557,236.384 398.828,239.361C399.099,242.339 399.234,245.519 399.234,248.902L399.234,265.954C399.234,271.503 399.166,277.119 399.031,282.803C399.031,284.968 398.963,287.607 398.828,290.72C398.828,293.697 398.625,296.607 398.219,299.449C400.384,299.178 402.685,299.043 405.121,299.043C407.557,298.908 409.655,298.84 411.414,298.84L411.414,311.832L362.694,311.832L362.694,301.073C366.348,301.073 368.92,300.261 370.408,298.637C372.032,296.878 373.047,294.442 373.453,291.329C373.859,288.216 374.062,284.698 374.062,280.773L374.062,250.12C374.062,240.376 372.574,233.474 369.596,229.414C366.754,225.219 362.491,223.054 356.807,222.918C353.153,222.918 349.635,223.73 346.251,225.354C343.003,226.978 340.161,228.941 337.725,231.241L337.725,282.803C337.725,284.968 337.658,287.607 337.522,290.72C337.522,293.697 337.319,296.607 336.913,299.449C339.079,299.178 341.244,299.043 343.409,299.043C345.71,298.908 347.672,298.84 349.296,298.84L349.296,311.832L300.78,311.832ZM483.682,363.597L483.682,352.838C487.606,352.838 490.381,351.958 492.005,350.199C493.764,348.575 494.847,346.206 495.253,343.094C495.659,339.981 495.862,336.462 495.862,332.538L496.065,242.609L496.065,234.895C496.2,232.189 496.471,229.414 496.877,226.572C494.576,226.708 492.005,226.843 489.163,226.978C486.456,227.114 484.223,227.249 482.464,227.384L482.464,214.189C488.689,214.189 493.696,213.919 497.486,213.377C501.41,212.701 504.388,211.889 506.418,210.941C508.583,209.994 510.139,209.114 511.087,208.302L519.815,208.302C520.086,209.656 520.289,211.28 520.424,213.174C520.56,215.069 520.695,216.828 520.83,218.452C525.296,214.528 530.033,211.686 535.04,209.926C540.048,208.032 544.852,207.084 549.453,207.084C557.573,207.084 564.814,209.182 571.174,213.377C577.535,217.437 582.542,223.324 586.196,231.038C589.85,238.617 591.677,247.617 591.677,258.037C591.677,269.134 589.444,279.014 584.978,287.675C580.647,296.201 574.693,302.9 567.114,307.772C559.536,312.644 550.807,315.08 540.927,315.08C536.867,315.08 533.213,314.606 529.965,313.659C526.717,312.847 523.672,311.764 520.83,310.411L520.83,334.568C520.83,336.733 520.763,339.304 520.627,342.282C520.627,345.394 520.424,348.372 520.018,351.214C522.184,350.943 524.484,350.74 526.92,350.605L533.01,350.605L533.01,363.597L483.682,363.597ZM538.694,302.291C544.92,302.156 549.927,300.261 553.716,296.607C557.641,292.818 560.483,287.81 562.242,281.585C564.002,275.36 564.881,268.593 564.881,261.285C564.881,254.654 564.002,248.361 562.242,242.406C560.618,236.452 557.979,231.647 554.325,227.993C550.671,224.339 545.799,222.512 539.709,222.512C535.92,222.648 532.334,223.595 528.95,225.354C525.702,227.114 522.996,229.414 520.83,232.256L520.83,297.216C522.996,298.705 525.635,299.923 528.747,300.87C531.86,301.817 535.176,302.291 538.694,302.291ZM619.082,205.054C619.082,189.085 622.398,177.311 629.029,169.733C635.66,162.019 645.269,158.162 657.855,158.162C663.133,158.162 667.531,158.974 671.05,160.598C674.704,162.086 677.478,164.116 679.373,166.688C681.267,169.259 682.215,172.101 682.215,175.214C682.215,178.326 681.267,181.101 679.373,183.537C677.478,185.973 674.704,187.191 671.05,187.191C667.396,187.326 664.621,186.311 662.727,184.146C660.832,181.98 659.885,179.544 659.885,176.838C659.885,176.026 659.952,175.281 660.088,174.605C660.223,173.928 660.358,173.184 660.494,172.372C659.817,171.56 658.87,171.018 657.652,170.748C656.569,170.342 655.554,170.139 654.607,170.139C651.765,170.139 649.532,171.018 647.908,172.778C646.284,174.402 645.201,176.432 644.66,178.868C644.118,181.304 643.848,183.875 643.848,186.582L643.848,210.332L668.005,210.332L668.005,223.324L643.848,223.933L644.051,282.6C644.051,284.765 643.983,287.404 643.848,290.517C643.848,293.63 643.645,296.607 643.239,299.449C645.539,299.178 647.975,299.043 650.547,299.043C653.253,298.908 655.419,298.84 657.043,298.84L657.043,311.832L607.105,311.832L607.105,301.073C611.03,301.073 613.804,300.261 615.428,298.637C617.187,296.878 618.27,294.442 618.676,291.329C619.082,288.216 619.285,284.698 619.285,280.773L619.082,224.339L603.654,224.542L603.654,210.332L619.082,210.332L619.082,205.054ZM685.666,301.073C689.59,301.073 692.365,300.261 693.989,298.637C695.613,296.878 696.628,294.442 697.034,291.329C697.44,288.216 697.643,284.698 697.643,280.773L697.643,242.812C697.643,240.512 697.71,238.008 697.846,235.301C697.981,232.459 698.184,229.55 698.455,226.572C696.154,226.708 693.65,226.843 690.944,226.978C688.237,227.114 686.004,227.249 684.245,227.384L684.245,214.189C690.335,214.189 695.342,213.919 699.267,213.377C703.326,212.701 706.439,211.889 708.604,210.941C710.905,209.994 712.529,209.114 713.476,208.302L722.611,208.302L722.611,282.803C722.611,284.968 722.544,287.607 722.408,290.72C722.408,293.697 722.205,296.607 721.799,299.449C723.965,299.178 726.265,299.043 728.701,299.043C731.273,298.908 733.37,298.84 734.994,298.84L734.994,311.832L685.666,311.832L685.666,301.073ZM709.01,190.845C705.086,190.845 701.77,189.424 699.064,186.582C696.357,183.604 695.004,180.018 695.004,175.823C695.004,171.627 696.357,168.041 699.064,165.064C701.905,162.086 705.221,160.598 709.01,160.598C712.935,160.598 716.183,162.086 718.754,165.064C721.461,168.041 722.814,171.627 722.814,175.823C722.814,180.018 721.529,183.604 718.957,186.582C716.386,189.424 713.07,190.845 709.01,190.845ZM749.001,301.073C752.926,301.073 755.7,300.261 757.324,298.637C758.948,296.878 759.963,294.442 760.369,291.329C760.775,288.216 760.978,284.698 760.978,280.773L760.978,242.609C760.978,240.173 761.046,237.602 761.181,234.895C761.317,232.189 761.52,229.414 761.79,226.572C759.49,226.708 756.986,226.843 754.279,226.978C751.573,226.978 749.34,227.046 747.58,227.181L747.58,214.189L755.091,214.189C760.505,214.189 765.038,213.58 768.692,212.362C772.346,211.009 774.917,209.656 776.406,208.302L784.932,208.302C785.203,209.926 785.406,212.498 785.541,216.016C785.676,219.535 785.744,223.054 785.744,226.572C788.857,222.512 792.105,219.061 795.488,216.219C798.871,213.242 802.322,211.009 805.841,209.52C809.495,207.896 813.217,207.084 817.006,207.084C821.337,207.084 825.126,208.302 828.374,210.738C831.757,213.174 833.449,217.099 833.449,222.512C833.449,224.272 832.975,226.166 832.028,228.196C831.216,230.226 829.862,231.918 827.968,233.271C826.209,234.625 823.773,235.301 820.66,235.301C817.818,235.301 815.111,234.422 812.54,232.662C810.104,230.768 808.818,227.79 808.683,223.73C805.841,223.595 802.864,224.61 799.751,226.775C796.774,228.941 794.067,231.58 791.631,234.692C789.195,237.805 787.3,240.985 785.947,244.233L786.15,282.803C786.15,284.968 786.082,287.607 785.947,290.72C785.812,293.697 785.609,296.607 785.338,299.449C787.503,299.178 789.804,299.043 792.24,299.043C794.676,298.908 796.706,298.84 798.33,298.84L798.33,311.832L749.001,311.832L749.001,301.073ZM890.289,315.08C880.545,315.08 871.883,312.915 864.305,308.584C856.726,304.118 850.839,297.893 846.644,289.908C842.448,281.788 840.351,272.247 840.351,261.285C840.351,251.812 842.448,242.948 846.644,234.692C850.839,226.437 856.726,219.806 864.305,214.798C872.019,209.656 880.951,207.084 891.1,207.084C896.784,207.084 902.265,207.896 907.543,209.52C912.821,211.144 917.558,213.851 921.753,217.64C925.949,221.43 929.264,226.437 931.7,232.662C934.272,238.888 935.49,246.466 935.354,255.398L867.147,256.616C867.147,265.007 868.094,272.45 869.989,278.946C872.019,285.307 875.267,290.382 879.733,294.171C884.199,297.825 890.086,299.652 897.393,299.652C900.641,299.652 904.092,299.111 907.746,298.028C911.536,296.81 915.257,295.051 918.911,292.75C922.565,290.314 925.813,287.337 928.655,283.818L936.369,290.923C931.903,297.419 926.964,302.426 921.55,305.945C916.137,309.464 910.724,311.832 905.31,313.05C899.897,314.403 894.89,315.08 890.289,315.08ZM868.162,244.436L910.385,244.436C910.25,239.023 909.438,234.489 907.949,230.835C906.596,227.046 904.566,224.204 901.859,222.309C899.153,220.279 895.837,219.264 891.912,219.264C885.281,219.264 879.936,221.497 875.876,225.963C871.951,230.294 869.38,236.452 868.162,244.436Z"/>
diff --git a/src/img/icons/bookmark.svg b/src/img/icons/bookmark.svg
index da829b3..b9e9b8e 100644
--- a/src/img/icons/bookmark.svg
+++ b/src/img/icons/bookmark.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M92.1414 16C96.4815 16 100 19.5746 100 23.9838C100 40.8497 100 80.4817 100 104.016C100 107.201 98.1365 110.082 95.2586 111.345C92.3797 112.609 89.038 112.013 86.7552 109.83C76.4888 100.013 64 88.0719 64 88.0719C64 88.0719 51.5112 100.013 41.2448 109.83C38.962 112.013 35.6204 112.609 32.7414 111.345C29.8635 110.082 28 107.201 28 104.016C28 80.4817 28 40.8497 28 23.9838C28 19.5746 31.5185 16 35.8586 16C49.7059 16 78.2941 16 92.1414 16Z" fill="#D9D9D9"/>
+<svg viewBox="0 0 128 128" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M92.1414 16C96.4815 16 100 19.5746 100 23.9838C100 40.8497 100 80.4817 100 104.016C100 107.201 98.1365 110.082 95.2586 111.345C92.3797 112.609 89.038 112.013 86.7552 109.83C76.4888 100.013 64 88.0719 64 88.0719C64 88.0719 51.5112 100.013 41.2448 109.83C38.962 112.013 35.6204 112.609 32.7414 111.345C29.8635 110.082 28 107.201 28 104.016C28 80.4817 28 40.8497 28 23.9838C28 19.5746 31.5185 16 35.8586 16C49.7059 16 78.2941 16 92.1414 16Z"/>
 </svg>
diff --git a/src/img/icons/hashtag.svg b/src/img/icons/hashtag.svg
index ac40f31..5a574d7 100644
--- a/src/img/icons/hashtag.svg
+++ b/src/img/icons/hashtag.svg
@@ -1,6 +1,6 @@
-<svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 128 128" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_135_36)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M35.2278 87.9024H24.0002C21.4714 87.9024 19.0909 86.7072 17.5817 84.6778C16.0718 82.6493 15.6106 80.0255 16.3372 77.6038L17.0496 75.2299C18.0649 71.8454 21.179 69.5284 24.7125 69.5284H39.6624L42.7666 56.6666H31.3495C28.8207 56.6666 26.441 55.4714 24.9311 53.442C23.4219 51.4135 22.96 48.7897 23.6873 46.368L24.3989 43.9941C25.4143 40.6096 28.5291 38.2927 32.0619 38.2927H47.2012L50.38 25.1231C51.247 21.531 54.4612 19 58.1565 19H58.7262C61.1784 19 63.495 20.1245 65.012 22.051C66.529 23.9775 67.0782 26.4929 66.5027 28.8769L64.2308 38.2927H78.4208L81.5995 25.1231C82.4666 21.531 85.6807 19 89.376 19H89.9458C92.3979 19 94.7145 20.1245 96.2315 22.051C97.7485 23.9775 98.2977 26.4929 97.7223 28.8769L95.4503 38.2927H103.553C106.081 38.2927 108.461 39.4879 109.971 41.5173C111.48 43.5458 111.941 46.1696 111.215 48.5913L110.503 50.9652C109.488 54.3497 106.373 56.6666 102.84 56.6666H91.0157L87.9115 69.5284H96.2032C98.7319 69.5284 101.112 70.7236 102.621 72.7531C104.131 74.7815 104.592 77.4053 103.865 79.827L103.153 82.201C102.138 85.5854 99.0236 87.9024 95.4908 87.9024H83.4769L80.2982 101.072C79.4312 104.664 76.217 107.195 72.5217 107.195H71.952C69.4998 107.195 67.1832 106.071 65.6662 104.144C64.1492 102.218 63.6 99.7022 64.1755 97.3181L66.4474 87.9024H52.2574L49.0787 101.072C48.2116 104.664 44.9974 107.195 41.3022 107.195H40.7324C38.2803 107.195 35.9636 106.071 34.4466 104.144C32.9297 102.218 32.3805 99.7022 32.9559 97.3181L35.2278 87.9024ZM59.7962 56.6666L56.692 69.5284H70.882L73.9862 56.6666H59.7962Z" fill="#E2DFE3"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.2278 87.9024H24.0002C21.4714 87.9024 19.0909 86.7072 17.5817 84.6778C16.0718 82.6493 15.6106 80.0255 16.3372 77.6038L17.0496 75.2299C18.0649 71.8454 21.179 69.5284 24.7125 69.5284H39.6624L42.7666 56.6666H31.3495C28.8207 56.6666 26.441 55.4714 24.9311 53.442C23.4219 51.4135 22.96 48.7897 23.6873 46.368L24.3989 43.9941C25.4143 40.6096 28.5291 38.2927 32.0619 38.2927H47.2012L50.38 25.1231C51.247 21.531 54.4612 19 58.1565 19H58.7262C61.1784 19 63.495 20.1245 65.012 22.051C66.529 23.9775 67.0782 26.4929 66.5027 28.8769L64.2308 38.2927H78.4208L81.5995 25.1231C82.4666 21.531 85.6807 19 89.376 19H89.9458C92.3979 19 94.7145 20.1245 96.2315 22.051C97.7485 23.9775 98.2977 26.4929 97.7223 28.8769L95.4503 38.2927H103.553C106.081 38.2927 108.461 39.4879 109.971 41.5173C111.48 43.5458 111.941 46.1696 111.215 48.5913L110.503 50.9652C109.488 54.3497 106.373 56.6666 102.84 56.6666H91.0157L87.9115 69.5284H96.2032C98.7319 69.5284 101.112 70.7236 102.621 72.7531C104.131 74.7815 104.592 77.4053 103.865 79.827L103.153 82.201C102.138 85.5854 99.0236 87.9024 95.4908 87.9024H83.4769L80.2982 101.072C79.4312 104.664 76.217 107.195 72.5217 107.195H71.952C69.4998 107.195 67.1832 106.071 65.6662 104.144C64.1492 102.218 63.6 99.7022 64.1755 97.3181L66.4474 87.9024H52.2574L49.0787 101.072C48.2116 104.664 44.9974 107.195 41.3022 107.195H40.7324C38.2803 107.195 35.9636 106.071 34.4466 104.144C32.9297 102.218 32.3805 99.7022 32.9559 97.3181L35.2278 87.9024ZM59.7962 56.6666L56.692 69.5284H70.882L73.9862 56.6666H59.7962Z"/>
 </g>
 <defs>
 <clipPath id="clip0_135_36">
diff --git a/src/img/icons/info.svg b/src/img/icons/info.svg
index af2a9fc..23077aa 100644
--- a/src/img/icons/info.svg
+++ b/src/img/icons/info.svg
@@ -1,4 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 128 128">
-  <path d="M0 0h128v128H0z"/>
-  <path fill-rule="evenodd" d="M100 64c0 19.882-16.118 36-36 36S28 83.882 28 64s16.118-36 36-36 36 16.118 36 36ZM72 46a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8 12a8 8 0 0 0-8 8v16a8 8 0 1 0 16 0V66a8 8 0 0 0-8-8Z" clip-rule="evenodd"/>
+<svg viewBox="0 0 128 128" 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;" fill="currentColor">
+    <g transform="matrix(1,0,0,1,16,16)">
+        <path d="M84,48C84,67.882 67.882,84 48,84C28.118,84 12,67.882 12,48C12,28.118 28.118,12 48,12C67.882,12 84,28.118 84,48ZM56,30C56,34.418 52.418,38 48,38C43.582,38 40,34.418 40,30C40,25.582 43.582,22 48,22C52.418,22 56,25.582 56,30ZM48,42C43.582,42 40,45.582 40,50L40,66C40,70.418 43.582,74 48,74C52.418,74 56,70.418 56,66L56,50C56,45.582 52.418,42 48,42Z"/>
+    </g>
 </svg>
diff --git a/src/lib/ui/Navigation.svelte b/src/lib/ui/Navigation.svelte
index c360530..a513649 100644
--- a/src/lib/ui/Navigation.svelte
+++ b/src/lib/ui/Navigation.svelte
@@ -145,7 +145,6 @@
                     {`@${client.user.username}@${client.user.host}`}
                 </span>
             </div>
-            <!-- <button class="settings" aria-label={`Account: ${client.user.username}@${client.user.host}`} on:click={() => play_sound()}>🔧</button> -->
         </div>
     </div>
     {/if}
@@ -153,7 +152,8 @@
         campfire v{VERSION}
         <br>
         <ul>
-            <li><a href="https://git.arimelody.me/ari/spacesocial-client">source</a></li>
+            <li><a href="https://git.arimelody.me/blisstown/campfire">source</a></li>
+            <li><a href="https://github.com/blisstown/campfire/issues">issues</a></li>
         </ul>
     </span>
 </div>
@@ -188,12 +188,17 @@
         border-radius: 8px;
     }
 
-    :global(.app-logo) {
-        max-width: 80%;
-        max-height: 80%;
+    .app-logo {
+        max-width: 70%;
+        max-height: 70%;
         margin: auto;
     }
 
+    .app-logo :global(svg) {
+        width: 100%;
+        height: 100%;
+    }
+
     #nav-items {
         margin-bottom: auto;
         padding: 16px;
diff --git a/src/lib/ui/post/ActionBar.svelte b/src/lib/ui/post/ActionBar.svelte
new file mode 100644
index 0000000..83a4781
--- /dev/null
+++ b/src/lib/ui/post/ActionBar.svelte
@@ -0,0 +1,101 @@
+<script>
+    import { Client } from '../../client/client.js';
+    import * as api from '../../client/api.js';
+    import { get } from 'svelte/store';
+
+    import ActionButton from './ActionButton.svelte';
+
+    import ReplyIcon from '../../../img/icons/reply.svg';
+    import RepostIcon from '../../../img/icons/repost.svg';
+    import FavouriteIcon from '../../../img/icons/like.svg';
+    import FavouriteIconFill from '../../../img/icons/like_fill.svg';
+    import ReactIcon from '../../../img/icons/react.svg';
+    import QuoteIcon from '../../../img/icons/quote.svg';
+    import MoreIcon from '../../../img/icons/more.svg';
+
+    export let post;
+
+    async function toggleBoost() {
+        let client = get(Client.get());
+        let data;
+        if (post.boosted)
+            data = await client.unboostPost(post.id);
+        else
+            data = await client.boostPost(post.id);
+        if (!data) {
+            console.error(`Failed to boost post ${post.id}`);
+            return;
+        }
+        post.boosted = data.reblog ? data.reblog.reblogged : data.boosted;
+        post.boost_count = data.reblog ? data.reblog.reblogs_count : data.reblogs_count;
+    }
+
+    async function toggleFavourite() {
+        let client = get(Client.get());
+        let data;
+        if (post.favourited)
+            data = await client.unfavouritePost(post.id);
+        else
+            data = await client.favouritePost(post.id);
+        if (!data) {
+            console.error(`Failed to favourite post ${post.id}`);
+            return;
+        }
+        post.favourited = data.favourited;
+        post.favourite_count = data.favourites_count;
+        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
+    }
+
+    async function toggleReaction(reaction) {
+        if (reaction.name.includes('@')) return;
+        let client = get(Client.get());
+
+        let data;
+        if (reaction.me)
+            data = await client.unreactPost(post.id, reaction.name);
+        else
+            data = await client.reactPost(post.id, reaction.name);
+        if (!data) {
+            console.error(`Failed to favourite post ${post.id}`);
+            return;
+        }
+        post.favourited = data.favourited;
+        post.favourite_count = data.favourites_count;
+        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
+    }
+</script>
+
+<div class="post-actions" aria-label="Post actions" on:mouseup|stopPropagation on:keydown|stopPropagation>
+    <ActionButton type="reply" label="Reply" bind:count={post.reply_count} sound="post" disabled>
+        <ReplyIcon/>
+    </ActionButton>
+    <ActionButton type="boost" label="Boost" on:click={toggleBoost} bind:active={post.boosted} bind:count={post.boost_count} sound="boost">
+        <RepostIcon/>
+        <svelte:fragment slot="activeIcon">
+            <RepostIcon/>
+        </svelte:fragment>
+    </ActionButton>
+    <ActionButton type="favourite" label="Favourite" on:click={toggleFavourite} bind:active={post.favourited} bind:count={post.favourite_count}>
+        <FavouriteIcon/>
+        <svelte:fragment slot="activeIcon">
+            <FavouriteIconFill/>
+        </svelte:fragment>
+    </ActionButton>
+    <ActionButton type="quote" label="Quote" disabled>
+        <QuoteIcon/>
+    </ActionButton>
+    <ActionButton type="more" label="More" disabled>
+        <MoreIcon/>
+    </ActionButton>
+</div>
+
+<style>
+    .post-actions {
+        width: fit-content;
+        height: 36px;
+        margin-top: 8px;
+        display: flex;
+        flex-direction: row;
+        gap: 4px;
+    }
+</style>
diff --git a/src/lib/ui/post/ActionButton.svelte b/src/lib/ui/post/ActionButton.svelte
index d78bee1..d338c19 100644
--- a/src/lib/ui/post/ActionButton.svelte
+++ b/src/lib/ui/post/ActionButton.svelte
@@ -74,7 +74,8 @@
 
     button.disabled {
         opacity: .5;
-        cursor: initial;
+        /* cursor: initial; */
+        cursor: not-allowed;
     }
 
     .icon {
diff --git a/src/lib/ui/post/Body.svelte b/src/lib/ui/post/Body.svelte
index f56b766..bb942d0 100644
--- a/src/lib/ui/post/Body.svelte
+++ b/src/lib/ui/post/Body.svelte
@@ -8,7 +8,7 @@
 
 <div class="post-body">
     {#if post.warning}
-        <button class="post-warning" on:click|stopPropagation={() => { open_warned = !open_warned }}>
+        <button class="post-warning" on:click|stopPropagation={() => { open_warned = !open_warned }} on:mouseup|stopPropagation>
         <strong>
             {post.warning}
             <span class="warning-instructions">
@@ -25,23 +25,25 @@
         {#if post.text}
             <span class="post-text">{@html rich_text}</span>
         {/if}
-        <div class="post-media-container" data-count={post.files.length}>
-            {#each post.files as file}
-                <div class="post-media {file.type}" on:click|stopPropagation={null}>
-                    {#if file.type === "image"}
-                        <a href={file.url} target="_blank">
-                            <img src={file.url} alt={file.description} title={file.description} height="200" loading="lazy" decoding="async">
-                        </a>
-                    {:else if file.type === "video"}
-                        <video controls height="200">
-                            <source src={file.url} alt={file.description} title={file.description} type={file.url.endsWith('.mp4') ? 'video/mp4' : 'video/webm'}>
-                            <p>{file.description} &ensp; <a href={file.url}>[link]</a></p>
-                            <!-- <media src={file.url} alt={file.description} loading="lazy" decoding="async"> -->
-                        </video>
-                    {/if}
-                </div>
-            {/each}
-        </div>
+        {#if post.files && post.files.length > 0}
+            <div class="post-media-container" data-count={post.files.length}>
+                {#each post.files as file}
+                    <div class="post-media {file.type}" on:click|stopPropagation on:mouseup|stopPropagation>
+                        {#if file.type === "image"}
+                            <a href={file.url} target="_blank">
+                                <img src={file.url} alt={file.description} title={file.description} height="200" loading="lazy" decoding="async">
+                            </a>
+                        {:else if file.type === "video"}
+                            <video controls height="200">
+                                <source src={file.url} alt={file.description} title={file.description} type={file.url.endsWith('.mp4') ? 'video/mp4' : 'video/webm'}>
+                                <p>{file.description} &ensp; <a href={file.url}>[link]</a></p>
+                                <!-- <media src={file.url} alt={file.description} loading="lazy" decoding="async"> -->
+                            </video>
+                        {/if}
+                    </div>
+                {/each}
+            </div>
+        {/if}
         {#if post.boost && post.text}
             <p class="post-warning"><strong>this is quoting a post! quotes are not supported yet.</strong></p>
             <!-- TODO: quotes support -->
diff --git a/src/lib/ui/post/Post.svelte b/src/lib/ui/post/Post.svelte
index 63ace94..a1f914b 100644
--- a/src/lib/ui/post/Post.svelte
+++ b/src/lib/ui/post/Post.svelte
@@ -1,17 +1,15 @@
 <script>
+    import { parseOne as parseEmoji } from '../../emoji.js';
+    import { play_sound } from '../../sound.js';
+    import { onMount } from 'svelte';
+    import { goto } from '$app/navigation';
+
     import BoostContext from './BoostContext.svelte';
     import ReplyContext from './ReplyContext.svelte';
     import PostHeader from './PostHeader.svelte';
     import Body from './Body.svelte';
-    import ReactionButton from './ReactionButton.svelte';
-    import ActionButton from './ActionButton.svelte';
-    import { parseOne as parseEmoji } from '../../emoji.js';
-    import { play_sound } from '../../sound.js';
-    import { onMount } from 'svelte';
-    import { get } from 'svelte/store';
-    import { Client } from '../../client/client.js';
-    import * as api from '../../client/api.js';
-    import { goto } from '$app/navigation';
+    import ActionBar from './ActionBar.svelte';
+    import ReactionBar from './ReactionBar.svelte';
 
     import ReplyIcon from '../../../img/icons/reply.svg';
     import RepostIcon from '../../../img/icons/repost.svg';
@@ -32,62 +30,15 @@
         post = post_data.boost;
     }
 
+    let mouse_pos = { top: 0, left: 0 };
+
     function gotoPost() {
         if (focused) return;
-        if (event.key && event.key !== "Enter") return;
+        if (event && event.key && event.key !== "Enter") return;
         console.log(`/post/${post.id}`);
         goto(`/post/${post.id}`);
     }
 
-    async function toggleBoost() {
-        let client = get(Client.get());
-        let data;
-        if (post.boosted)
-            data = await client.unboostPost(post.id);
-        else
-            data = await client.boostPost(post.id);
-        if (!data) {
-            console.error(`Failed to boost post ${post.id}`);
-            return;
-        }
-        post.boosted = data.reblog ? data.reblog.reblogged : data.boosted;
-        post.boost_count = data.reblog ? data.reblog.reblogs_count : data.reblogs_count;
-    }
-
-    async function toggleFavourite() {
-        let client = get(Client.get());
-        let data;
-        if (post.favourited)
-            data = await client.unfavouritePost(post.id);
-        else
-            data = await client.favouritePost(post.id);
-        if (!data) {
-            console.error(`Failed to favourite post ${post.id}`);
-            return;
-        }
-        post.favourited = data.favourited;
-        post.favourite_count = data.favourites_count;
-        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
-    }
-
-    async function toggleReaction(reaction) {
-        if (reaction.name.includes('@')) return;
-        let client = get(Client.get());
-
-        let data;
-        if (reaction.me)
-            data = await client.unreactPost(post.id, reaction.name);
-        else
-            data = await client.reactPost(post.id, reaction.name);
-        if (!data) {
-            console.error(`Failed to favourite post ${post.id}`);
-            return;
-        }
-        post.favourited = data.favourited;
-        post.favourite_count = data.favourites_count;
-        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
-    }
-
     let el;
     onMount(() => {
         if (focused) {
@@ -109,55 +60,14 @@
             class={"post" + (focused ? " focused" : "")}
             aria-label={aria_label}
             bind:this={el}
-            on:click={gotoPost}
+            on:mousedown={e => {mouse_pos.left = e.pageX; mouse_pos.top = e.pageY; console.log(mouse_pos)}}
+            on:mouseup={e => {if (e.pageX == mouse_pos.left && e.pageY == mouse_pos.top) gotoPost()}}
             on:keydown={gotoPost}>
         <PostHeader post={post} />
         <Body post={post} />
         <footer class="post-footer">
-            <div class="post-reactions" aria-label="Reactions" on:click|stopPropagation on:keydown|stopPropagation>
-                {#each post.reactions as reaction}
-                    <ReactionButton
-                            type="reaction"
-                            on:click={() => toggleReaction(reaction)}
-                            bind:active={reaction.me}
-                            bind:count={reaction.count}
-                            disabled={reaction.name.includes('@')}
-                            title={reaction.name}
-                            label="">
-                        {#if reaction.url}
-                            <img src={reaction.url} class="emoji" height="20" title={reaction.name} alt={reaction.name}>
-                        {:else}
-                            {reaction.name}
-                        {/if}
-                    </ReactionButton>
-                {/each}
-            </div>
-            <div class="post-actions" aria-label="Post actions" on:click|stopPropagation on:keydown|stopPropagation>
-                <ActionButton type="reply" label="Reply" bind:count={post.reply_count} sound="post" disabled>
-                    <ReplyIcon/>
-                </ActionButton>
-                <ActionButton type="boost" label="Boost" on:click={toggleBoost} bind:active={post.boosted} bind:count={post.boost_count} sound="boost">
-                    <RepostIcon/>
-                    <svelte:fragment slot="activeIcon">
-                        <RepostIcon/>
-                    </svelte:fragment>
-                </ActionButton>
-                <ActionButton type="favourite" label="Favourite" on:click={toggleFavourite} bind:active={post.favourited} bind:count={post.favourite_count}>
-                    <FavouriteIcon/>
-                    <svelte:fragment slot="activeIcon">
-                        <FavouriteIconFill/>
-                    </svelte:fragment>
-                </ActionButton>
-                <ActionButton type="react" label="React" disabled>
-                    <ReactIcon/>
-                </ActionButton>
-                <ActionButton type="quote" label="Quote" disabled>
-                    <QuoteIcon/>
-                </ActionButton>
-                <ActionButton type="more" label="More" disabled>
-                    <MoreIcon/>
-                </ActionButton>
-            </div>
+            <ReactionBar post={post} />
+            <ActionBar post={post} />
         </footer>
     </article>
 </div>
@@ -197,21 +107,6 @@
         margin-top: -32px;
     }
 
-    :global(.post-reactions) {
-        width: fit-content;
-        display: flex;
-        flex-direction: row;
-        gap: 4px;
-    }
-
-    :global(.post-actions) {
-        width: fit-content;
-        margin-top: 8px;
-        display: flex;
-        flex-direction: row;
-        gap: 2px;
-    }
-
     .post-container :global(.emoji) {
         height: 20px;
     }
diff --git a/src/lib/ui/post/PostHeader.svelte b/src/lib/ui/post/PostHeader.svelte
index b773ed2..48aeda0 100644
--- a/src/lib/ui/post/PostHeader.svelte
+++ b/src/lib/ui/post/PostHeader.svelte
@@ -8,7 +8,7 @@
     let time_string = post.created_at.toLocaleString();
 </script>
 
-<div class={"post-header-container" + (reply ? " reply" : "")}>
+<div class={"post-header-container" + (reply ? " reply" : "")} on:mouseup|stopPropagation>
     <a href={post.user.url} target="_blank" class="post-avatar-container">
         <img src={post.user.avatar_url} type={post.user.avatar_type} alt="" width="48" height="48" class="post-avatar" loading="lazy" decoding="async">
     </a>
diff --git a/src/lib/ui/post/ReactionBar.svelte b/src/lib/ui/post/ReactionBar.svelte
new file mode 100644
index 0000000..ce3fde3
--- /dev/null
+++ b/src/lib/ui/post/ReactionBar.svelte
@@ -0,0 +1,43 @@
+<script>
+    import ReactionButton from './ReactionButton.svelte';
+    import ReactIcon from '../../../img/icons/react.svg';
+
+    export let post;
+</script>
+
+<div class="post-reactions" aria-label="Reactions" on:mouseup|stopPropagation on:keydown|stopPropagation>
+    {#each post.reactions as reaction}
+        <ReactionButton
+                type="reaction"
+                on:click={() => toggleReaction(reaction)}
+                bind:active={reaction.me}
+                bind:count={reaction.count}
+                disabled={reaction.name.includes('@')}
+                title={reaction.name}
+                label="">
+                {#if reaction.url}
+                    <img src={reaction.url} class="emoji" height="20" title={reaction.name} alt={reaction.name}>
+                {:else}
+                    {reaction.name}
+                {/if}
+        </ReactionButton>
+    {/each}
+    <ReactionButton
+            type="reaction"
+            title="react"
+            label="React"
+            disabled>
+    <ReactIcon/>
+    </ReactionButton>
+</div>
+
+<style>
+    .post-reactions {
+        width: fit-content;
+        height: 32px;
+        margin-top: 8px;
+        display: flex;
+        flex-direction: row;
+        gap: 2px;
+    }
+</style>
diff --git a/src/lib/ui/post/ReactionButton.svelte b/src/lib/ui/post/ReactionButton.svelte
index caf246e..fee3a97 100644
--- a/src/lib/ui/post/ReactionButton.svelte
+++ b/src/lib/ui/post/ReactionButton.svelte
@@ -67,7 +67,8 @@
     }
 
     button.disabled {
-        cursor: initial;
+        /* cursor: initial; */
+        cursor: not-allowed;
     }
 
     .icon {
diff --git a/src/lib/ui/post/ReplyContext.svelte b/src/lib/ui/post/ReplyContext.svelte
index 7c2ace5..ad4f620 100644
--- a/src/lib/ui/post/ReplyContext.svelte
+++ b/src/lib/ui/post/ReplyContext.svelte
@@ -1,9 +1,4 @@
 <script>
-    import PostHeader from './PostHeader.svelte';
-    import Body from './Body.svelte';
-    import ReactionButton from './ReactionButton.svelte';
-    import ActionButton from './ActionButton.svelte';
-    import Post from './Post.svelte';
     import { parseText as parseEmojis, parseOne as parseEmoji } from '../../emoji.js';
     import { shorthand as short_time } from '../../time.js';
     import { get } from 'svelte/store';
@@ -11,72 +6,23 @@
     import * as api from '../../client/api.js';
     import { goto } from '$app/navigation';
 
-    import ReplyIcon from '../../../img/icons/reply.svg';
-    import RepostIcon from '../../../img/icons/repost.svg';
-    import FavouriteIcon from '../../../img/icons/like.svg';
-    import FavouriteIconFill from '../../../img/icons/like_fill.svg';
-    import ReactIcon from '../../../img/icons/react.svg';
-    import QuoteIcon from '../../../img/icons/quote.svg';
-    import MoreIcon from '../../../img/icons/more.svg';
+    import PostHeader from './PostHeader.svelte';
+    import Body from './Body.svelte';
+    import Post from './Post.svelte';
+    import ActionBar from './ActionBar.svelte';
+    import ReactionBar from './ReactionBar.svelte';
 
     export let post;
     let time_string = post.created_at.toLocaleString();
     let aria_label = post.user.username + '; ' + post.text + '; ' + post.created_at;
 
+    let mouse_pos = { top: 0, left: 0 };
+
     function gotoPost() {
-        if (event.key && event.key !== "Enter") return;
+        if (event && event.key && event.key !== "Enter") return;
         console.log(`/post/${post.id}`);
         goto(`/post/${post.id}`);
     }
-
-    async function toggleBoost() {
-        let client = get(Client.get());
-        let data;
-        if (post.boosted)
-            data = await client.unboostPost(post.id);
-        else
-            data = await client.boostPost(post.id);
-        if (!data) {
-            console.error(`Failed to boost post ${post.id}`);
-            return;
-        }
-        post.boosted = data.boosted;
-        post.boost_count = data.reblogs_count;
-    }
-
-    async function toggleFavourite() {
-        let client = get(Client.get());
-        let data;
-        if (post.favourited)
-            data = await client.unfavouritePost(post.id);
-        else
-            data = await client.favouritePost(post.id);
-        if (!data) {
-            console.error(`Failed to favourite post ${post.id}`);
-            return;
-        }
-        post.favourited = data.favourited;
-        post.favourite_count = data.favourites_count;
-        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
-    }
-
-    async function toggleReaction(reaction) {
-        if (reaction.name.includes('@')) return;
-        let client = get(Client.get());
-
-        let data;
-        if (reaction.me)
-            data = await client.unreactPost(post.id, reaction.name);
-        else
-            data = await client.reactPost(post.id, reaction.name);
-        if (!data) {
-            console.error(`Failed to favourite post ${post.id}`);
-            return;
-        }
-        post.favourited = data.favourited;
-        post.favourite_count = data.favourites_count;
-        if (data.reactions) post.reactions = api.parseReactions(data.reactions);
-    }
 </script>
 
 {#if post.reply}
@@ -86,7 +32,8 @@
 <article
         class="post-reply"
         aria-label={aria_label}
-        on:click={gotoPost}
+        on:mousedown={e => {mouse_pos.left = e.pageX; mouse_pos.top = e.pageY; console.log(mouse_pos)}}
+        on:mouseup={e => {if (e.pageX == mouse_pos.left && e.pageY == mouse_pos.top) gotoPost()}}
         on:keydown={gotoPost}>
     <div class="line"></div>
         
@@ -96,50 +43,8 @@
         <Body post={post} />
 
         <footer class="post-footer">
-            <div class="post-reactions" aria-label="Reactions" on:click|stopPropagation on:keydown|stopPropagation>
-                {#each post.reactions as reaction}
-                    <ReactionButton
-                            type="reaction"
-                            on:click={() => toggleReaction(reaction)}
-                            bind:active={reaction.me}
-                            bind:count={reaction.count}
-                            disabled={reaction.name.includes('@')}
-                            title={reaction.name}
-                            label="">
-                        {#if reaction.url}
-                            <img src={reaction.url} class="emoji" height="20" title={reaction.name} alt={reaction.name}>
-                        {:else}
-                            {reaction.name}
-                        {/if}
-                    </ReactionButton>
-                {/each}
-            </div>
-            <div class="post-actions" aria-label="Post actions" on:click|stopPropagation on:keydown|stopPropagation>
-                <ActionButton type="reply" label="Reply" bind:count={post.reply_count} sound="post" disabled>
-                    <ReplyIcon/>
-                </ActionButton>
-                <ActionButton type="boost" label="Boost" on:click={toggleBoost} bind:active={post.boosted} bind:count={post.boost_count} sound="boost">
-                    <RepostIcon/>
-                    <svelte:fragment slot="activeIcon">
-                        <RepostIcon/>
-                    </svelte:fragment>
-                </ActionButton>
-                <ActionButton type="favourite" label="Favourite" on:click={toggleFavourite} bind:active={post.favourited} bind:count={post.favourite_count}>
-                    <FavouriteIcon/>
-                    <svelte:fragment slot="activeIcon">
-                        <FavouriteIconFill/>
-                    </svelte:fragment>
-                </ActionButton>
-                <ActionButton type="react" label="React" disabled>
-                    <ReactIcon/>
-                </ActionButton>
-                <ActionButton type="quote" label="Quote" disabled>
-                    <QuoteIcon/>
-                </ActionButton>
-                <ActionButton type="more" label="More" disabled>
-                    <MoreIcon/>
-                </ActionButton>
-            </div>
+            <ReactionBar post={post} />
+            <ActionBar post={post} />
         </footer>
     </div>
 </article>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b55ec41..9f7c10f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,6 +2,10 @@
     import '$lib/app.css';
     import Navigation from '$lib/ui/Navigation.svelte';
     import Widgets from '$lib/ui/Widgets.svelte';
+    import { Client } from '$lib/client/client.js';
+    import { get } from 'svelte/store';
+
+    let client = get(Client.get());
 </script>
 
 <div id="app">
@@ -11,7 +15,13 @@
     </header>
 
     <main>
-        <slot></slot>
+        {#await client.verifyCredentials()}
+            <div class="loading throb">
+                <span>just a moment...</span>
+            </div>
+        {:then}
+            <slot></slot>
+        {/await}
     </main>
 
     <div id="widgets">
diff --git a/src/routes/post/[id]/+page.js b/src/routes/post/[id]/+page.js
index e9f391c..30569fd 100644
--- a/src/routes/post/[id]/+page.js
+++ b/src/routes/post/[id]/+page.js
@@ -2,12 +2,16 @@ import Post from '$lib/ui/post/Post.svelte';
 import { Client } from '$lib/client/client.js';
 import { parsePost } from '$lib/client/api.js';
 import { get } from 'svelte/store';
+import { goto } from '$app/navigation';
 
 export const ssr = false;
 
 export async function load({ params }) {
     let client = get(Client.get());
-    await client.verifyCredentials();
+
+    if (!client.instance || !client.user) {
+        goto("/");
+    }
 
     const post_id = params.id;