From: Adam Dullage <redacted>
Date: Tue, 9 Aug 2022 07:59:25 +0000 (+0100)
Subject: Implement Logo component
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=f987dbd0c3c1ac3be937271a1870a5d64eeed7a8;p=flatnotes.git

Implement Logo component
---

diff --git a/flatnotes/src/assets/logo-part-icon.svg b/flatnotes/src/assets/logo-part-icon.svg
new file mode 100644
index 0000000..0a76642
--- /dev/null
+++ b/flatnotes/src/assets/logo-part-icon.svg
@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <rect width="36" height="36" rx="4" fill="#FFA76C"/>
+    <path d="M9.904 28.88C9.75467 28.88 9.59467 28.7733 9.424 28.56C9.27467 28.3467 9.14667 28.1013 9.04 27.824C8.95467 27.5467 8.912 27.3227 8.912 27.152C8.95467 26.32 9.14667 25.3813 9.488 24.336C9.59467 24.0373 9.75467 23.9093 9.968 23.952C10.0107 23.5893 10.0533 23.1307 10.096 22.576C10.16 22.0213 10.2347 21.3813 10.32 20.656C10.2133 20.3573 9.98933 20.208 9.648 20.208C9.56267 20.208 9.24267 20.2613 8.688 20.368C8.15467 20.4747 7.36533 20.6347 6.32 20.848C6.29867 20.848 6.27733 20.8587 6.256 20.88C6.23467 20.88 6.20267 20.8693 6.16 20.848C5.94667 20.848 5.84 20.72 5.84 20.464C5.84 20.1653 5.97867 19.952 6.256 19.824L6.224 19.856C6.544 19.7067 7.32267 19.4827 8.56 19.184C9.47733 18.9493 10.2133 18.6507 10.768 18.288L10.96 16.656C11.0453 15.8667 11.184 15.056 11.376 14.224C11.568 13.3707 11.8347 12.5067 12.176 11.632C12.88 9.73333 13.712 8.208 14.672 7.056C15.4827 6.11733 16.2933 5.648 17.104 5.648C17.808 5.648 18.4267 5.97867 18.96 6.64C19.0453 6.72533 19.088 6.82133 19.088 6.928C19.088 7.16267 18.96 7.28 18.704 7.28C18.5547 7.28 18.4267 7.216 18.32 7.088C17.9787 6.68267 17.6053 6.48 17.2 6.48C16.24 6.48 15.2267 7.536 14.16 9.648C13.7333 10.5013 13.36 11.5147 13.04 12.688C12.72 13.84 12.4747 15.1413 12.304 16.592L12.272 17.136L12.208 18C12.8267 18.192 13.5093 18.288 14.256 18.288L16.304 18.224C16.944 18.2453 17.264 18.4587 17.264 18.864C17.264 19.2267 17.0933 19.408 16.752 19.408H14.256C13.36 19.472 12.5707 19.7173 11.888 20.144C11.248 25.0933 10.704 27.92 10.256 28.624C10.1493 28.7947 10.032 28.88 9.904 28.88ZM17.839 27.856C17.3483 27.856 16.9643 27.792 16.687 27.664C16.431 27.536 16.303 27.3973 16.303 27.248C16.303 27.12 16.367 27.0027 16.495 26.896C16.6443 26.7893 16.8897 26.7253 17.231 26.704C17.6577 26.6827 18.255 26.6613 19.023 26.64C19.791 26.6187 20.6337 26.5973 21.551 26.576C22.4897 26.5547 23.407 26.544 24.303 26.544C24.7723 26.544 25.231 26.544 25.679 26.544C26.127 26.544 26.5217 26.5547 26.863 26.576C27.2257 26.5973 27.4923 26.6293 27.663 26.672C27.8337 26.7147 27.919 26.832 27.919 27.024C27.919 27.2587 27.823 27.408 27.631 27.472C27.439 27.536 27.2043 27.568 26.927 27.568C26.4363 27.568 25.7963 27.5787 25.007 27.6C24.2177 27.6427 23.375 27.6747 22.479 27.696C21.583 27.7387 20.719 27.7707 19.887 27.792C19.0763 27.8347 18.3937 27.856 17.839 27.856Z" fill="white"/>
+</svg>
diff --git a/flatnotes/src/assets/logo-part-name.svg b/flatnotes/src/assets/logo-part-name.svg
new file mode 100644
index 0000000..e25db40
--- /dev/null
+++ b/flatnotes/src/assets/logo-part-name.svg
@@ -0,0 +1,4 @@
+<svg width="149" height="29" viewBox="0 0 149 29" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M11.5057 8.36364V10.9205H0.920455V8.36364H11.5057ZM4.09091 28V5.65341C4.09091 4.52841 4.35511 3.59091 4.88352 2.84091C5.41193 2.09091 6.09801 1.52841 6.94176 1.15341C7.78551 0.778407 8.67614 0.590907 9.61364 0.590907C10.3551 0.590907 10.9602 0.650567 11.429 0.769886C11.8977 0.889203 12.2472 0.999999 12.4773 1.10227L11.608 3.71023C11.4545 3.65909 11.2415 3.59517 10.9688 3.51847C10.7045 3.44176 10.3551 3.40341 9.92045 3.40341C8.9233 3.40341 8.20313 3.65483 7.75994 4.15767C7.32528 4.66051 7.10795 5.39773 7.10795 6.36932V28H4.09091ZM18.7511 1.81818V28H15.734V1.81818H18.7511ZM30.0554 28.4602C28.8111 28.4602 27.6818 28.2259 26.6676 27.7571C25.6534 27.2798 24.848 26.5938 24.2514 25.6989C23.6548 24.7955 23.3565 23.7045 23.3565 22.4261C23.3565 21.3011 23.5781 20.3892 24.0213 19.6903C24.4645 18.983 25.0568 18.429 25.7983 18.0284C26.5398 17.6278 27.358 17.3295 28.2528 17.1335C29.1563 16.929 30.0639 16.767 30.9759 16.6477C32.169 16.4943 33.1364 16.3793 33.8778 16.3026C34.6278 16.2173 35.1733 16.0767 35.5142 15.8807C35.8636 15.6847 36.0384 15.3437 36.0384 14.858V14.7557C36.0384 13.4943 35.6932 12.5142 35.0028 11.8153C34.321 11.1165 33.2855 10.767 31.8963 10.767C30.456 10.767 29.3267 11.0824 28.5085 11.7131C27.6903 12.3437 27.1151 13.017 26.7827 13.733L23.919 12.7102C24.4304 11.517 25.1122 10.5881 25.9645 9.9233C26.8253 9.25 27.7628 8.78125 28.777 8.51705C29.7997 8.24432 30.8054 8.10795 31.794 8.10795C32.4247 8.10795 33.1491 8.18466 33.9673 8.33807C34.794 8.48295 35.5909 8.78551 36.358 9.24574C37.1335 9.70597 37.777 10.4006 38.2884 11.3295C38.7997 12.2585 39.0554 13.5028 39.0554 15.0625V28H36.0384V25.3409H35.8849C35.6804 25.767 35.3395 26.223 34.8622 26.7088C34.3849 27.1946 33.75 27.608 32.9574 27.9489C32.1648 28.2898 31.1974 28.4602 30.0554 28.4602ZM30.5156 25.75C31.7088 25.75 32.7145 25.5156 33.5327 25.0469C34.3594 24.5781 34.9815 23.973 35.3991 23.2315C35.8253 22.4901 36.0384 21.7102 36.0384 20.892V18.1307C35.9105 18.2841 35.6293 18.4247 35.1946 18.5526C34.7685 18.6719 34.2741 18.7784 33.7116 18.8722C33.1577 18.9574 32.6165 19.0341 32.0881 19.1023C31.5682 19.1619 31.1463 19.2131 30.8224 19.2557C30.0384 19.358 29.3054 19.5241 28.6236 19.7543C27.9503 19.9759 27.4048 20.3125 26.9872 20.7642C26.5781 21.2074 26.3736 21.8125 26.3736 22.5795C26.3736 23.6278 26.7614 24.4205 27.5369 24.9574C28.321 25.4858 29.3139 25.75 30.5156 25.75ZM53.1019 8.36364V10.9205H42.9258V8.36364H53.1019ZM45.8917 3.65909H48.9087V22.375C48.9087 23.2273 49.0323 23.8665 49.2795 24.2926C49.5352 24.7102 49.859 24.9915 50.2511 25.1364C50.6516 25.2727 51.0735 25.3409 51.5167 25.3409C51.8491 25.3409 52.1218 25.3239 52.3349 25.2898C52.5479 25.2472 52.7184 25.2131 52.8462 25.1875L53.4599 27.8977C53.2553 27.9744 52.9698 28.0511 52.6033 28.1278C52.2369 28.2131 51.7724 28.2557 51.2099 28.2557C50.3576 28.2557 49.5224 28.0724 48.7042 27.706C47.8945 27.3395 47.2212 26.7812 46.6843 26.0312C46.1559 25.2812 45.8917 24.3352 45.8917 23.1932V3.65909ZM60.6573 16.1875V28H57.6403V8.36364H60.555V11.4318H60.8107C61.271 10.4347 61.9698 9.63352 62.9073 9.02841C63.8448 8.41477 65.055 8.10795 66.538 8.10795C67.8675 8.10795 69.0309 8.38068 70.0281 8.92614C71.0252 9.46307 71.8008 10.2812 72.3548 11.3807C72.9087 12.4716 73.1857 13.8523 73.1857 15.5227V28H70.1687V15.7273C70.1687 14.1847 69.7681 12.983 68.967 12.1222C68.1658 11.2528 67.0664 10.8182 65.6687 10.8182C64.7056 10.8182 63.8448 11.027 63.0863 11.4446C62.3363 11.8622 61.744 12.4716 61.3093 13.2727C60.8746 14.0739 60.6573 15.0455 60.6573 16.1875ZM86.6761 28.4091C84.9034 28.4091 83.348 27.9872 82.0099 27.1435C80.6804 26.2997 79.6406 25.1193 78.8906 23.6023C78.1491 22.0852 77.7784 20.3125 77.7784 18.2841C77.7784 16.2386 78.1491 14.4531 78.8906 12.9276C79.6406 11.402 80.6804 10.2173 82.0099 9.37358C83.348 8.52983 84.9034 8.10795 86.6761 8.10795C88.4489 8.10795 90 8.52983 91.3295 9.37358C92.6676 10.2173 93.7074 11.402 94.4489 12.9276C95.1989 14.4531 95.5739 16.2386 95.5739 18.2841C95.5739 20.3125 95.1989 22.0852 94.4489 23.6023C93.7074 25.1193 92.6676 26.2997 91.3295 27.1435C90 27.9872 88.4489 28.4091 86.6761 28.4091ZM86.6761 25.6989C88.0227 25.6989 89.1307 25.3537 90 24.6634C90.8693 23.973 91.5128 23.0653 91.9304 21.9403C92.348 20.8153 92.5568 19.5966 92.5568 18.2841C92.5568 16.9716 92.348 15.7486 91.9304 14.6151C91.5128 13.4815 90.8693 12.5653 90 11.8665C89.1307 11.1676 88.0227 10.8182 86.6761 10.8182C85.3295 10.8182 84.2216 11.1676 83.3523 11.8665C82.483 12.5653 81.8395 13.4815 81.4219 14.6151C81.0043 15.7486 80.7955 16.9716 80.7955 18.2841C80.7955 19.5966 81.0043 20.8153 81.4219 21.9403C81.8395 23.0653 82.483 23.973 83.3523 24.6634C84.2216 25.3537 85.3295 25.6989 86.6761 25.6989ZM108.719 8.36364V10.9205H98.543V8.36364H108.719ZM101.509 3.65909H104.526V22.375C104.526 23.2273 104.65 23.8665 104.897 24.2926C105.152 24.7102 105.476 24.9915 105.868 25.1364C106.269 25.2727 106.691 25.3409 107.134 25.3409C107.466 25.3409 107.739 25.3239 107.952 25.2898C108.165 25.2472 108.336 25.2131 108.463 25.1875L109.077 27.8977C108.873 27.9744 108.587 28.0511 108.221 28.1278C107.854 28.2131 107.39 28.2557 106.827 28.2557C105.975 28.2557 105.14 28.0724 104.321 27.706C103.512 27.3395 102.838 26.7812 102.301 26.0312C101.773 25.2812 101.509 24.3352 101.509 23.1932V3.65909ZM121.279 28.4091C119.387 28.4091 117.755 27.9915 116.383 27.1562C115.02 26.3125 113.967 25.1364 113.225 23.6278C112.493 22.1108 112.126 20.3466 112.126 18.3352C112.126 16.3239 112.493 14.5511 113.225 13.017C113.967 11.4744 114.998 10.2727 116.319 9.41193C117.649 8.54261 119.2 8.10795 120.973 8.10795C121.995 8.10795 123.005 8.27841 124.002 8.61932C125 8.96023 125.907 9.5142 126.725 10.2812C127.544 11.0398 128.196 12.0455 128.681 13.2983C129.167 14.5511 129.41 16.0937 129.41 17.9261V19.2045H114.274V16.5966H126.342C126.342 15.4886 126.12 14.5 125.677 13.6307C125.243 12.7614 124.62 12.0753 123.811 11.5724C123.01 11.0696 122.064 10.8182 120.973 10.8182C119.771 10.8182 118.731 11.1165 117.853 11.7131C116.984 12.3011 116.315 13.0682 115.846 14.0142C115.377 14.9602 115.143 15.9744 115.143 17.0568V18.7955C115.143 20.2784 115.399 21.5355 115.91 22.5668C116.43 23.5895 117.15 24.3693 118.071 24.9062C118.991 25.4347 120.061 25.6989 121.279 25.6989C122.072 25.6989 122.788 25.5881 123.427 25.3665C124.075 25.1364 124.633 24.7955 125.102 24.3438C125.571 23.8835 125.933 23.3125 126.189 22.6307L129.103 23.4489C128.797 24.4375 128.281 25.3068 127.556 26.0568C126.832 26.7983 125.937 27.3778 124.872 27.7955C123.806 28.2045 122.609 28.4091 121.279 28.4091ZM147.909 12.7614L145.199 13.5284C145.028 13.0767 144.777 12.6378 144.444 12.2116C144.12 11.777 143.677 11.419 143.115 11.1378C142.552 10.8565 141.832 10.7159 140.954 10.7159C139.752 10.7159 138.751 10.9929 137.95 11.5469C137.157 12.0923 136.761 12.7869 136.761 13.6307C136.761 14.3807 137.034 14.973 137.579 15.4077C138.125 15.8423 138.977 16.2045 140.136 16.4943L143.051 17.2102C144.806 17.6364 146.115 18.2884 146.975 19.1662C147.836 20.0355 148.267 21.1562 148.267 22.5284C148.267 23.6534 147.943 24.6591 147.295 25.5455C146.656 26.4318 145.761 27.1307 144.61 27.642C143.46 28.1534 142.122 28.4091 140.596 28.4091C138.593 28.4091 136.936 27.9744 135.623 27.1051C134.311 26.2358 133.48 24.9659 133.13 23.2955L135.994 22.5795C136.267 23.6364 136.782 24.429 137.541 24.9574C138.308 25.4858 139.309 25.75 140.545 25.75C141.951 25.75 143.068 25.4517 143.895 24.8551C144.73 24.25 145.147 23.5256 145.147 22.6818C145.147 22 144.909 21.429 144.431 20.9688C143.954 20.5 143.221 20.1506 142.233 19.9205L138.96 19.1534C137.162 18.7273 135.841 18.0668 134.997 17.1719C134.162 16.2685 133.744 15.1392 133.744 13.7841C133.744 12.6761 134.055 11.696 134.677 10.8438C135.308 9.99148 136.164 9.32244 137.247 8.83665C138.338 8.35085 139.574 8.10795 140.954 8.10795C142.897 8.10795 144.423 8.53409 145.531 9.38636C146.647 10.2386 147.44 11.3636 147.909 12.7614Z" fill="#9CAFBF"/>
+</svg>
diff --git a/flatnotes/src/assets/logo.svg b/flatnotes/src/assets/logo.svg
deleted file mode 100644
index d08bdf9..0000000
--- a/flatnotes/src/assets/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg width="197" height="44" viewBox="0 0 197 44" fill="none"
-    xmlns="http://www.w3.org/2000/svg">
-    <rect y="4" width="36" height="36" rx="4" fill="#FFA76C"/>
-    <path d="M9.904 32.88C9.75467 32.88 9.59467 32.7733 9.424 32.56C9.27467 32.3467 9.14667 32.1013 9.04 31.824C8.95467 31.5467 8.912 31.3227 8.912 31.152C8.95467 30.32 9.14667 29.3813 9.488 28.336C9.59467 28.0373 9.75467 27.9093 9.968 27.952C10.0107 27.5893 10.0533 27.1307 10.096 26.576C10.16 26.0213 10.2347 25.3813 10.32 24.656C10.2133 24.3573 9.98933 24.208 9.648 24.208C9.56267 24.208 9.24267 24.2613 8.688 24.368C8.15467 24.4747 7.36533 24.6347 6.32 24.848C6.29867 24.848 6.27733 24.8587 6.256 24.88C6.23467 24.88 6.20267 24.8693 6.16 24.848C5.94667 24.848 5.84 24.72 5.84 24.464C5.84 24.1653 5.97867 23.952 6.256 23.824L6.224 23.856C6.544 23.7067 7.32267 23.4827 8.56 23.184C9.47733 22.9493 10.2133 22.6507 10.768 22.288L10.96 20.656C11.0453 19.8667 11.184 19.056 11.376 18.224C11.568 17.3707 11.8347 16.5067 12.176 15.632C12.88 13.7333 13.712 12.208 14.672 11.056C15.4827 10.1173 16.2933 9.648 17.104 9.648C17.808 9.648 18.4267 9.97867 18.96 10.64C19.0453 10.7253 19.088 10.8213 19.088 10.928C19.088 11.1627 18.96 11.28 18.704 11.28C18.5547 11.28 18.4267 11.216 18.32 11.088C17.9787 10.6827 17.6053 10.48 17.2 10.48C16.24 10.48 15.2267 11.536 14.16 13.648C13.7333 14.5013 13.36 15.5147 13.04 16.688C12.72 17.84 12.4747 19.1413 12.304 20.592L12.272 21.136L12.208 22C12.8267 22.192 13.5093 22.288 14.256 22.288L16.304 22.224C16.944 22.2453 17.264 22.4587 17.264 22.864C17.264 23.2267 17.0933 23.408 16.752 23.408H14.256C13.36 23.472 12.5707 23.7173 11.888 24.144C11.248 29.0933 10.704 31.92 10.256 32.624C10.1493 32.7947 10.032 32.88 9.904 32.88ZM17.839 31.856C17.3483 31.856 16.9643 31.792 16.687 31.664C16.431 31.536 16.303 31.3973 16.303 31.248C16.303 31.12 16.367 31.0027 16.495 30.896C16.6443 30.7893 16.8897 30.7253 17.231 30.704C17.6577 30.6827 18.255 30.6613 19.023 30.64C19.791 30.6187 20.6337 30.5973 21.551 30.576C22.4897 30.5547 23.407 30.544 24.303 30.544C24.7723 30.544 25.231 30.544 25.679 30.544C26.127 30.544 26.5217 30.5547 26.863 30.576C27.2257 30.5973 27.4923 30.6293 27.663 30.672C27.8337 30.7147 27.919 30.832 27.919 31.024C27.919 31.2587 27.823 31.408 27.631 31.472C27.439 31.536 27.2043 31.568 26.927 31.568C26.4363 31.568 25.7963 31.5787 25.007 31.6C24.2177 31.6427 23.375 31.6747 22.479 31.696C21.583 31.7387 20.719 31.7707 19.887 31.792C19.0763 31.8347 18.3937 31.856 17.839 31.856Z" fill="white"/>
-    <path d="M57.5057 15.3636V17.9205H46.9205V15.3636H57.5057ZM50.0909 35V12.6534C50.0909 11.5284 50.3551 10.5909 50.8835 9.84091C51.4119 9.09091 52.098 8.52841 52.9418 8.15341C53.7855 7.77841 54.6761 7.59091 55.6136 7.59091C56.3551 7.59091 56.9602 7.65057 57.429 7.76989C57.8977 7.8892 58.2472 8 58.4773 8.10227L57.608 10.7102C57.4545 10.6591 57.2415 10.5952 56.9688 10.5185C56.7045 10.4418 56.3551 10.4034 55.9205 10.4034C54.9233 10.4034 54.2031 10.6548 53.7599 11.1577C53.3253 11.6605 53.108 12.3977 53.108 13.3693V35H50.0909ZM64.7511 8.81818V35H61.734V8.81818H64.7511ZM76.0554 35.4602C74.8111 35.4602 73.6818 35.2259 72.6676 34.7571C71.6534 34.2798 70.848 33.5938 70.2514 32.6989C69.6548 31.7955 69.3565 30.7045 69.3565 29.4261C69.3565 28.3011 69.5781 27.3892 70.0213 26.6903C70.4645 25.983 71.0568 25.429 71.7983 25.0284C72.5398 24.6278 73.358 24.3295 74.2528 24.1335C75.1563 23.929 76.0639 23.767 76.9759 23.6477C78.169 23.4943 79.1364 23.3793 79.8778 23.3026C80.6278 23.2173 81.1733 23.0767 81.5142 22.8807C81.8636 22.6847 82.0384 22.3437 82.0384 21.858V21.7557C82.0384 20.4943 81.6932 19.5142 81.0028 18.8153C80.321 18.1165 79.2855 17.767 77.8963 17.767C76.456 17.767 75.3267 18.0824 74.5085 18.7131C73.6903 19.3437 73.1151 20.017 72.7827 20.733L69.919 19.7102C70.4304 18.517 71.1122 17.5881 71.9645 16.9233C72.8253 16.25 73.7628 15.7812 74.777 15.517C75.7997 15.2443 76.8054 15.108 77.794 15.108C78.4247 15.108 79.1491 15.1847 79.9673 15.3381C80.794 15.483 81.5909 15.7855 82.358 16.2457C83.1335 16.706 83.777 17.4006 84.2884 18.3295C84.7997 19.2585 85.0554 20.5028 85.0554 22.0625V35H82.0384V32.3409H81.8849C81.6804 32.767 81.3395 33.223 80.8622 33.7088C80.3849 34.1946 79.75 34.608 78.9574 34.9489C78.1648 35.2898 77.1974 35.4602 76.0554 35.4602ZM76.5156 32.75C77.7088 32.75 78.7145 32.5156 79.5327 32.0469C80.3594 31.5781 80.9815 30.973 81.3991 30.2315C81.8253 29.4901 82.0384 28.7102 82.0384 27.892V25.1307C81.9105 25.2841 81.6293 25.4247 81.1946 25.5526C80.7685 25.6719 80.2741 25.7784 79.7116 25.8722C79.1577 25.9574 78.6165 26.0341 78.0881 26.1023C77.5682 26.1619 77.1463 26.2131 76.8224 26.2557C76.0384 26.358 75.3054 26.5241 74.6236 26.7543C73.9503 26.9759 73.4048 27.3125 72.9872 27.7642C72.5781 28.2074 72.3736 28.8125 72.3736 29.5795C72.3736 30.6278 72.7614 31.4205 73.5369 31.9574C74.321 32.4858 75.3139 32.75 76.5156 32.75ZM99.1019 15.3636V17.9205H88.9258V15.3636H99.1019ZM91.8917 10.6591H94.9087V29.375C94.9087 30.2273 95.0323 30.8665 95.2795 31.2926C95.5352 31.7102 95.859 31.9915 96.2511 32.1364C96.6516 32.2727 97.0735 32.3409 97.5167 32.3409C97.8491 32.3409 98.1218 32.3239 98.3349 32.2898C98.5479 32.2472 98.7184 32.2131 98.8462 32.1875L99.4599 34.8977C99.2553 34.9744 98.9698 35.0511 98.6033 35.1278C98.2369 35.2131 97.7724 35.2557 97.2099 35.2557C96.3576 35.2557 95.5224 35.0724 94.7042 34.706C93.8945 34.3395 93.2212 33.7812 92.6843 33.0312C92.1559 32.2812 91.8917 31.3352 91.8917 30.1932V10.6591ZM106.657 23.1875V35H103.64V15.3636H106.555V18.4318H106.811C107.271 17.4347 107.97 16.6335 108.907 16.0284C109.845 15.4148 111.055 15.108 112.538 15.108C113.868 15.108 115.031 15.3807 116.028 15.9261C117.025 16.4631 117.801 17.2812 118.355 18.3807C118.909 19.4716 119.186 20.8523 119.186 22.5227V35H116.169V22.7273C116.169 21.1847 115.768 19.983 114.967 19.1222C114.166 18.2528 113.066 17.8182 111.669 17.8182C110.706 17.8182 109.845 18.027 109.086 18.4446C108.336 18.8622 107.744 19.4716 107.309 20.2727C106.875 21.0739 106.657 22.0455 106.657 23.1875ZM132.676 35.4091C130.903 35.4091 129.348 34.9872 128.01 34.1435C126.68 33.2997 125.641 32.1193 124.891 30.6023C124.149 29.0852 123.778 27.3125 123.778 25.2841C123.778 23.2386 124.149 21.4531 124.891 19.9276C125.641 18.402 126.68 17.2173 128.01 16.3736C129.348 15.5298 130.903 15.108 132.676 15.108C134.449 15.108 136 15.5298 137.33 16.3736C138.668 17.2173 139.707 18.402 140.449 19.9276C141.199 21.4531 141.574 23.2386 141.574 25.2841C141.574 27.3125 141.199 29.0852 140.449 30.6023C139.707 32.1193 138.668 33.2997 137.33 34.1435C136 34.9872 134.449 35.4091 132.676 35.4091ZM132.676 32.6989C134.023 32.6989 135.131 32.3537 136 31.6634C136.869 30.973 137.513 30.0653 137.93 28.9403C138.348 27.8153 138.557 26.5966 138.557 25.2841C138.557 23.9716 138.348 22.7486 137.93 21.6151C137.513 20.4815 136.869 19.5653 136 18.8665C135.131 18.1676 134.023 17.8182 132.676 17.8182C131.33 17.8182 130.222 18.1676 129.352 18.8665C128.483 19.5653 127.839 20.4815 127.422 21.6151C127.004 22.7486 126.795 23.9716 126.795 25.2841C126.795 26.5966 127.004 27.8153 127.422 28.9403C127.839 30.0653 128.483 30.973 129.352 31.6634C130.222 32.3537 131.33 32.6989 132.676 32.6989ZM154.719 15.3636V17.9205H144.543V15.3636H154.719ZM147.509 10.6591H150.526V29.375C150.526 30.2273 150.65 30.8665 150.897 31.2926C151.152 31.7102 151.476 31.9915 151.868 32.1364C152.269 32.2727 152.691 32.3409 153.134 32.3409C153.466 32.3409 153.739 32.3239 153.952 32.2898C154.165 32.2472 154.336 32.2131 154.463 32.1875L155.077 34.8977C154.873 34.9744 154.587 35.0511 154.221 35.1278C153.854 35.2131 153.39 35.2557 152.827 35.2557C151.975 35.2557 151.14 35.0724 150.321 34.706C149.512 34.3395 148.838 33.7812 148.301 33.0312C147.773 32.2812 147.509 31.3352 147.509 30.1932V10.6591ZM167.279 35.4091C165.387 35.4091 163.755 34.9915 162.383 34.1562C161.02 33.3125 159.967 32.1364 159.225 30.6278C158.493 29.1108 158.126 27.3466 158.126 25.3352C158.126 23.3239 158.493 21.5511 159.225 20.017C159.967 18.4744 160.998 17.2727 162.319 16.4119C163.649 15.5426 165.2 15.108 166.973 15.108C167.995 15.108 169.005 15.2784 170.002 15.6193C171 15.9602 171.907 16.5142 172.725 17.2812C173.544 18.0398 174.196 19.0455 174.681 20.2983C175.167 21.5511 175.41 23.0937 175.41 24.9261V26.2045H160.274V23.5966H172.342C172.342 22.4886 172.12 21.5 171.677 20.6307C171.243 19.7614 170.62 19.0753 169.811 18.5724C169.01 18.0696 168.064 17.8182 166.973 17.8182C165.771 17.8182 164.731 18.1165 163.853 18.7131C162.984 19.3011 162.315 20.0682 161.846 21.0142C161.377 21.9602 161.143 22.9744 161.143 24.0568V25.7955C161.143 27.2784 161.399 28.5355 161.91 29.5668C162.43 30.5895 163.15 31.3693 164.071 31.9062C164.991 32.4347 166.061 32.6989 167.279 32.6989C168.072 32.6989 168.788 32.5881 169.427 32.3665C170.075 32.1364 170.633 31.7955 171.102 31.3438C171.571 30.8835 171.933 30.3125 172.189 29.6307L175.103 30.4489C174.797 31.4375 174.281 32.3068 173.556 33.0568C172.832 33.7983 171.937 34.3778 170.872 34.7955C169.806 35.2045 168.609 35.4091 167.279 35.4091ZM193.909 19.7614L191.199 20.5284C191.028 20.0767 190.777 19.6378 190.444 19.2116C190.12 18.777 189.677 18.419 189.115 18.1378C188.552 17.8565 187.832 17.7159 186.954 17.7159C185.752 17.7159 184.751 17.9929 183.95 18.5469C183.157 19.0923 182.761 19.7869 182.761 20.6307C182.761 21.3807 183.034 21.973 183.579 22.4077C184.125 22.8423 184.977 23.2045 186.136 23.4943L189.051 24.2102C190.806 24.6364 192.115 25.2884 192.975 26.1662C193.836 27.0355 194.267 28.1562 194.267 29.5284C194.267 30.6534 193.943 31.6591 193.295 32.5455C192.656 33.4318 191.761 34.1307 190.61 34.642C189.46 35.1534 188.122 35.4091 186.596 35.4091C184.593 35.4091 182.936 34.9744 181.623 34.1051C180.311 33.2358 179.48 31.9659 179.13 30.2955L181.994 29.5795C182.267 30.6364 182.782 31.429 183.541 31.9574C184.308 32.4858 185.309 32.75 186.545 32.75C187.951 32.75 189.068 32.4517 189.895 31.8551C190.73 31.25 191.147 30.5256 191.147 29.6818C191.147 29 190.909 28.429 190.431 27.9688C189.954 27.5 189.221 27.1506 188.233 26.9205L184.96 26.1534C183.162 25.7273 181.841 25.0668 180.997 24.1719C180.162 23.2685 179.744 22.1392 179.744 20.7841C179.744 19.6761 180.055 18.696 180.677 17.8438C181.308 16.9915 182.164 16.3224 183.247 15.8366C184.338 15.3509 185.574 15.108 186.954 15.108C188.897 15.108 190.423 15.5341 191.531 16.3864C192.647 17.2386 193.44 18.3636 193.909 19.7614Z" fill="#9CAFBF"/>
-</svg>
diff --git a/flatnotes/src/components/App.js b/flatnotes/src/components/App.js
index 28f1104..c4ce8c5 100644
--- a/flatnotes/src/components/App.js
+++ b/flatnotes/src/components/App.js
@@ -6,6 +6,7 @@ import LoadingIndicator from "./LoadingIndicator";
 import Login from "./Login";
 import NavBar from "./NavBar";
 import SearchInput from "./SearchInput";
+import Logo from "./Logo"
 
 import api from "../api";
 import * as constants from "../constants";
@@ -24,6 +25,7 @@ export default {
     Login,
     NavBar,
     SearchInput,
+    Logo,
   },
 
   data: function() {
diff --git a/flatnotes/src/components/App.vue b/flatnotes/src/components/App.vue
index f591e82..ca81838 100644
--- a/flatnotes/src/components/App.vue
+++ b/flatnotes/src/components/App.vue
@@ -84,9 +84,7 @@
         w-100
       "
     >
-      <div class="mb-3">
-        <img src="../assets/logo.svg" />
-      </div>
+      <Logo class="mb-3"></Logo>
       <SearchInput class="search-input mb-4"></SearchInput>
       <RecentlyModified class="recently-modified"></RecentlyModified>
     </div>
diff --git a/flatnotes/src/components/Login.vue b/flatnotes/src/components/Login.vue
index 918a988..b2e7e4d 100644
--- a/flatnotes/src/components/Login.vue
+++ b/flatnotes/src/components/Login.vue
@@ -9,9 +9,7 @@
     "
   >
     <!-- Logo -->
-    <div class="mb-3">
-      <img src="../assets/logo.svg" />
-    </div>
+    <Logo class="mb-3"></Logo>
 
     <form
       class="d-flex flex-column align-items-center"
@@ -68,8 +66,13 @@ import api from "../api";
 import * as helpers from "../helpers";
 import * as constants from "../constants";
 import EventBus from "../eventBus";
+import Logo from "./Logo";
 
 export default {
+  components: {
+    Logo,
+  },
+
   data: function () {
     return {
       usernameInput: null,
diff --git a/flatnotes/src/components/Logo.vue b/flatnotes/src/components/Logo.vue
new file mode 100644
index 0000000..fa27e3b
--- /dev/null
+++ b/flatnotes/src/components/Logo.vue
@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <img src="../assets/logo-part-icon.svg" /><img
+      src="../assets/logo-part-name.svg"
+      class="ml-2"
+      :class="{ 'responsive-hide': responsive }"
+    />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@media screen and (max-width: 500px) {
+  .responsive-hide {
+    display: none;
+  }
+}
+</style>
+
+<script>
+export default {
+  props: {
+    responsive: { type: Boolean, default: false },
+  },
+};
+</script>
diff --git a/flatnotes/src/components/NavBar.vue b/flatnotes/src/components/NavBar.vue
index 41e896b..67588d5 100644
--- a/flatnotes/src/components/NavBar.vue
+++ b/flatnotes/src/components/NavBar.vue
@@ -1,14 +1,12 @@
 <template>
   <div class="d-flex justify-content-between align-items-center">
     <!-- Logo -->
-    <div>
-      <img
-        src="../assets/logo.svg"
-        class="cursor-pointer"
-        :class="{ invisible: !showLogo }"
-        @click="$emit('navigate-home')"
-      />
-    </div>
+    <Logo
+      class="cursor-pointer"
+      :class="{ invisible: !showLogo }"
+      @click.native="$emit('navigate-home')"
+      responsive
+    ></Logo>
     <div>
       <!-- New Note -->
       <button type="button" class="bttn" @click="$emit('new-note')">
@@ -47,7 +45,13 @@
 </style>
 
 <script>
+import Logo from "./Logo";
+
 export default {
+  components: {
+    Logo,
+  },
+
   props: {
     showLogo: {
       type: Boolean,