Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2026-03-02 04:09:24 +00:00
Code Issues Projects Releases Wiki Activity

(core) Add new home page cards

Browse Source 
Summary:
New cards on the home page link to useful resources like the welcome
video, tutorial, webinars, and the Help Center. They are shown by
default to new and exisiting users, and may be hidden via a toggle.

Test Plan: Browser tests.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D4340
This commit is contained in:
George Gevoian
2024-09-12 13:10:55 -04:00
parent 839bf63b9f
commit da6c39aa50
34 changed files with 1055 additions and 999 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
static/img/create-document.svg Normal file
View File

@@ -0,0 +1,32 @@
<svg width="150" height="140" viewBox="0 0 150 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5883 140L15 139.989C15.2275 133.508 15.9255 127.052 17.0885 120.67C19.6326 107.007 23.863 98.034 29.6622 94L30 94.477C16.453 103.9 15.5952 139.64 15.5883 140Z" fill="#494949"/>
<path d="M22.6089 139L22 138.989C22.0131 138.346 22.3937 123.189 28.6503 119L29 119.475C22.9958 123.495 22.6119 138.845 22.6089 139Z" fill="#494949"/>
<path d="M33 94C34.6569 94 36 92.6568 36 91C36 89.3431 34.6569 88 33 88C31.3431 88 30 89.3431 30 91C30 92.6568 31.3431 94 33 94Z" fill="#16B378"/>
<path d="M31 119C32.6569 119 34 117.657 34 116C34 114.343 32.6569 113 31 113C29.3431 113 28 114.343 28 116C28 117.657 29.3431 119 31 119Z" fill="#16B378"/>
<path d="M20.8746 96.1993C21.4233 99.7892 19.9934 103 19.9934 103C19.9934 103 17.674 100.391 17.1254 96.8007C16.5767 93.2108 18.0066 90 18.0066 90C18.0066 90 20.326 92.6095 20.8746 96.1993Z" fill="#494949"/>
<path d="M30.6081 104.375C27.2943 105.576 24 104.676 24 104.676C24 104.676 26.0782 101.827 29.3919 100.625C32.7056 99.4235 36 100.324 36 100.324C36 100.324 33.9218 103.173 30.6081 104.375Z" fill="#494949"/>
<path d="M30.4054 126.629C28.9789 127.053 27.4598 127.115 26 126.809C26.9269 125.695 28.1752 124.857 29.5946 124.398C31.014 123.938 32.5439 123.875 34 124.218C33.0461 125.305 31.8065 126.137 30.4054 126.629Z" fill="#494949"/>
<path d="M107.999 136H103.934L102 121L108 121L107.999 136Z" fill="#FFF3DE"/>
<path d="M108 140L96 140V139.842C96.0001 138.558 96.4922 137.326 97.3681 136.418C98.244 135.51 99.432 135 100.671 135L108 135L108 140Z" fill="#494949"/>
<path d="M84.9994 136H80.9339L79 121L85 121L84.9994 136Z" fill="#FFF3DE"/>
<path d="M84.9998 140L73 140V139.842C73.0001 138.558 73.4922 137.326 74.3681 136.418C75.244 135.51 76.432 135 77.6707 135H77.671L85 135L84.9998 140Z" fill="#494949"/>
<path d="M74 53.8448L68.7607 53L67.068 55.8431L48.8528 60.6883L48.9021 60.9503C48.3869 60.389 47.7106 60.0182 46.9755 59.8938C46.2404 59.7694 45.4865 59.8983 44.8278 60.261C44.1691 60.6236 43.6416 61.2003 43.325 61.9037C43.0085 62.6072 42.9201 63.399 43.0733 64.1595C43.2265 64.9201 43.613 65.6078 44.1741 66.1187C44.7353 66.6295 45.4407 66.9357 46.1836 66.991C46.9264 67.0462 47.6663 66.8474 48.2912 66.4247C48.9161 66.0019 49.3921 65.3783 49.647 64.6481L71.7062 59.8473L74 53.8448Z" fill="#FFF3DE"/>
<path d="M127.561 50.0617C127.129 50.0621 126.7 50.1453 126.298 50.3069L126.403 50.1222L103.168 38L100 43.1689L124.157 53.9924C124.244 54.6529 124.519 55.274 124.947 55.7812C125.376 56.2885 125.94 56.6604 126.572 56.8526C127.204 57.0448 127.878 57.0491 128.513 56.865C129.147 56.6808 129.716 56.3161 130.15 55.8143C130.585 55.3126 130.867 54.6951 130.963 54.0357C131.06 53.3763 130.965 52.7029 130.692 52.096C130.419 51.4892 129.979 50.9746 129.423 50.6139C128.868 50.2531 128.222 50.0614 127.561 50.0617Z" fill="#FFF3DE"/>
<path d="M91.4035 18.0095C92.3294 12.2849 88.4401 6.88869 82.7165 5.95678C76.9929 5.02486 71.6024 8.91011 70.6765 14.6347C69.7506 20.3593 73.6399 25.7555 79.3635 26.6874C85.0872 27.6193 90.4776 23.734 91.4035 18.0095Z" fill="#494949"/>
<path d="M80.5 27C84.0899 27 87 24.0899 87 20.5C87 16.9101 84.0899 14 80.5 14C76.9102 14 74 16.9101 74 20.5C74 24.0899 76.9102 27 80.5 27Z" fill="#FFF3DE"/>
<path d="M80 19C83.866 19 87 16.9853 87 14.5C87 12.0147 83.866 10 80 10C76.134 10 73 12.0147 73 14.5C73 16.9853 76.134 19 80 19Z" fill="#494949"/>
<path d="M81.5 11C83.9853 11 86 8.98528 86 6.5C86 4.01472 83.9853 2 81.5 2C79.0147 2 77 4.01472 77 6.5C77 8.98528 79.0147 11 81.5 11Z" fill="#494949"/>
<path d="M75.9391 4.49998C75.9392 3.38767 76.3542 2.3148 77.1041 1.48831C77.854 0.66183 78.8856 0.140301 80 0.024332C79.8431 0.0081623 79.6855 4.01157e-05 79.5278 0C78.3265 0.00139078 77.1748 0.476108 76.3259 1.31987C75.4769 2.16363 75 3.30743 75 4.5C75 5.69257 75.4769 6.83636 76.3259 7.68013C77.1748 8.52389 78.3265 8.99861 79.5278 9C79.6855 8.99996 79.8431 8.99184 80 8.97567C78.8856 8.8597 77.854 8.33817 77.1041 7.51168C76.3542 6.68519 75.9392 5.6123 75.9391 4.49998Z" fill="#494949"/>
<path d="M76.6948 36.9326L77.2211 31.8285C77.2211 31.8285 84.3618 27.0813 86.7887 29.887L101.294 54.9226C101.294 54.9226 110.31 58.1564 109.992 70.5046L109.561 130.192L99.3364 131.323L93.1277 84.7871L87.5181 133L75.6148 132.624L76.6857 100.862L82.3616 70.0724L82.3073 59.8557L79.8075 55.7325C79.8075 55.7325 75.2283 53.8768 75.1003 48.6324L75 41.2606L76.6948 36.9326Z" fill="#494949"/>
<path d="M84 31.3536L84.14 29C84.14 29 105.607 34.648 103.904 38.6864C102.201 42.7247 99.0077 44 99.0077 44L86.6609 39.1115L84 31.3536Z" fill="#494949"/>
<path d="M78.1294 36.7761L76.5437 35C76.5437 35 63.8958 53.641 67.7205 55.7238C71.5452 57.8066 74.7569 56.7131 74.7569 56.7131L81 44.6897L78.1294 36.7761Z" fill="#494949"/>
<path d="M52.8642 97L135 80.5341L128.136 46L46 62.4659L52.8642 97Z" fill="white"/>
<path d="M135 81.4211L52.0609 98L45 62.5789L127.939 46L135 81.4211ZM52.9544 96.6589L133.661 80.5263L127.046 47.3411L46.3392 63.4737L52.9544 96.6589Z" fill="#D9D9D9"/>
<path d="M122.676 57.646L56 71L56.3903 72.9616L123.066 59.6076L122.676 57.646Z" fill="#D9D9D9"/>
<path d="M123.676 63.646L57 77L57.3903 78.9616L124.066 65.6076L123.676 63.646Z" fill="#D9D9D9"/>
<path d="M125.676 70.646L59 84L59.3903 85.9616L126.066 72.6076L125.676 70.646Z" fill="#D9D9D9"/>
<path d="M90.4449 67.5415L87.9873 67.988C87.8078 68.0204 87.6215 67.9867 87.4692 67.8942C87.3169 67.8018 87.2112 67.6581 87.1751 67.4948L86.0132 62.1976C85.9776 62.0342 86.0146 61.8646 86.1162 61.7261C86.2178 61.5875 86.3756 61.4913 86.5551 61.4585L89.0127 61.012C89.1922 60.9796 89.3786 61.0133 89.5308 61.1058C89.6831 61.1982 89.7888 61.3419 89.8249 61.5052L90.9868 66.8024C91.0224 66.9658 90.9854 67.1354 90.8838 67.2739C90.7822 67.4125 90.6244 67.5087 90.4449 67.5415Z" fill="#16B378"/>
<path d="M117.445 69.5415L114.987 69.988C114.808 70.0204 114.621 69.9867 114.469 69.8942C114.317 69.8018 114.211 69.6581 114.175 69.4948L113.013 64.1976C112.978 64.0342 113.015 63.8646 113.116 63.7261C113.218 63.5875 113.376 63.4913 113.555 63.4585L116.013 63.012C116.192 62.9796 116.379 63.0133 116.531 63.1058C116.683 63.1982 116.789 63.3419 116.825 63.5052L117.987 68.8024C118.022 68.9658 117.985 69.1354 117.884 69.2739C117.782 69.4125 117.624 69.5087 117.445 69.5415Z" fill="#16B378"/>
<path d="M102.445 79.5415L99.9873 79.988C99.8078 80.0204 99.6215 79.9867 99.4692 79.8942C99.3169 79.8018 99.2112 79.6581 99.1752 79.4948L98.0132 74.1976C97.9776 74.0342 98.0146 73.8646 98.1162 73.7261C98.2178 73.5875 98.3756 73.4913 98.5551 73.4585L101.013 73.012C101.192 72.9796 101.379 73.0133 101.531 73.1058C101.683 73.1982 101.789 73.3419 101.825 73.5052L102.987 78.8024C103.022 78.9658 102.985 79.1354 102.884 79.2739C102.782 79.4125 102.624 79.5087 102.445 79.5415Z" fill="#16B378"/>
<path d="M130.826 140H0.173971C0.127831 140 0.0835806 139.947 0.0509547 139.854C0.0183289 139.76 0 139.633 0 139.5C0 139.367 0.0183289 139.24 0.0509547 139.146C0.0835806 139.053 0.127831 139 0.173971 139H130.826C130.872 139 130.916 139.053 130.949 139.146C130.982 139.24 131 139.367 131 139.5C131 139.633 130.982 139.76 130.949 139.854C130.916 139.947 130.872 140 130.826 140Z" fill="#CACACA"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

10
static/img/help-center.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="68" height="40" viewBox="0 0 68 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M34.6532 0.5H64.3471C66.2978 0.5 67.8872 2.11518 67.8872 4.09745V24.2321C67.8872 26.2144 66.2978 27.8296 64.3471 27.8296H61.8364V34.8226L54.9548 27.8296H34.6532C32.7025 27.8296 31.113 26.2144 31.113 24.2321V4.09745C31.113 2.11518 32.7025 0.5 34.6532 0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.6106 26.6038V31.8293L55.4683 26.6038H34.6532C33.3979 26.6038 32.3388 25.556 32.3388 24.2321V4.09745C32.3388 2.77355 33.3979 1.72581 34.6532 1.72581H64.3471C65.6023 1.72581 66.6614 2.77355 66.6614 4.09745V24.2321C66.6614 25.556 65.6023 26.6038 64.3471 26.6038H60.6106ZM61.8364 34.8226V27.8296H64.3471C66.2978 27.8296 67.8872 26.2144 67.8872 24.2321V4.09745C67.8872 2.11518 66.2978 0.5 64.3471 0.5H34.6532C32.7025 0.5 31.113 2.11518 31.113 4.09745V24.2321C31.113 26.2144 32.7025 27.8296 34.6532 27.8296H54.9548L61.8364 34.8226Z" fill="#D9D9D9"/>
<path d="M34.79 6.62935C34.79 5.27536 35.8877 4.17773 37.2417 4.17773H61.7578C63.1118 4.17773 64.2094 5.27536 64.2094 6.62935V21.339C64.2094 22.693 63.1118 23.7906 61.7578 23.7906H37.2417C35.8877 23.7906 34.79 22.693 34.79 21.339V6.62935Z" fill="#16B378" fill-opacity="0.15"/>
<path d="M50.2033 7.07422L49.9734 17.1453H47.7307L47.5079 7.07422H50.2033ZM48.8521 21.4914C48.4296 21.4914 48.0674 21.3428 47.7656 21.0456C47.4684 20.7485 47.3198 20.3863 47.3198 19.9591C47.3198 19.5412 47.4684 19.1837 47.7656 18.8865C48.0674 18.5894 48.4296 18.4408 48.8521 18.4408C49.2653 18.4408 49.6229 18.5894 49.9247 18.8865C50.2311 19.1837 50.3843 19.5412 50.3843 19.9591C50.3843 20.2424 50.3124 20.5001 50.1684 20.7322C50.0291 20.9644 49.8434 21.1501 49.6112 21.2894C49.3837 21.424 49.1307 21.4914 48.8521 21.4914Z" fill="#16B378"/>
<path d="M33.3468 5.17773H3.65294C1.70225 5.17773 0.112793 6.79291 0.112793 8.77518V28.9099C0.112793 30.8921 1.70225 32.5073 3.65294 32.5073H6.16356V39.5003L13.0452 32.5073H33.3468C35.2975 32.5073 36.887 30.8921 36.887 28.9099V8.77518C36.887 6.79291 35.2975 5.17773 33.3468 5.17773Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.38936 31.2815V36.507L12.5317 31.2815H33.3468C34.6021 31.2815 35.6612 30.2338 35.6612 28.9099V8.77518C35.6612 7.45128 34.6021 6.40354 33.3468 6.40354H3.65294C2.39772 6.40354 1.3386 7.45128 1.3386 8.77518V28.9099C1.3386 30.2338 2.39772 31.2815 3.65294 31.2815H7.38936ZM6.16356 39.5003V32.5073H3.65294C1.70225 32.5073 0.112793 30.8921 0.112793 28.9099V8.77518C0.112793 6.79291 1.70225 5.17773 3.65294 5.17773H33.3468C35.2975 5.17773 36.887 6.79291 36.887 8.77518V28.9099C36.887 30.8921 35.2975 32.5073 33.3468 32.5073H13.0452L6.16356 39.5003Z" fill="#D9D9D9"/>
<path d="M3.79004 11.3071C3.79004 9.95309 4.88766 8.85547 6.24165 8.85547H30.7578C32.1118 8.85547 33.2094 9.95309 33.2094 11.3071V26.0168C33.2094 27.3707 32.1118 28.4684 30.7578 28.4684H6.24165C4.88766 28.4684 3.79004 27.3707 3.79004 26.0168V11.3071Z" fill="#16B378" fill-opacity="0.15"/>
<path d="M17.3021 21.8228V21.6417C17.3067 20.8013 17.3856 20.1326 17.5389 19.6358C17.6967 19.139 17.9196 18.7397 18.2075 18.4379C18.4954 18.1314 18.8459 17.8505 19.2592 17.5951C19.5424 17.4187 19.7955 17.226 20.0183 17.0171C20.2459 16.8035 20.4246 16.5667 20.5546 16.3066C20.6846 16.042 20.7497 15.7471 20.7497 15.4221C20.7497 15.0553 20.6638 14.7372 20.492 14.4679C20.3202 14.1986 20.088 13.9897 19.7955 13.8411C19.5076 13.6925 19.1849 13.6182 18.8274 13.6182C18.4977 13.6182 18.1843 13.6902 17.8871 13.8341C17.5946 13.9734 17.3508 14.187 17.1558 14.4749C16.9654 14.7581 16.8586 15.118 16.8354 15.5544H14.356C14.3792 14.6722 14.5928 13.934 14.9967 13.3396C15.4053 12.7453 15.9439 12.2996 16.6126 12.0024C17.2858 11.7052 18.0287 11.5566 18.8413 11.5566C19.7281 11.5566 20.5082 11.7122 21.1815 12.0233C21.8594 12.3344 22.3864 12.7778 22.7625 13.3536C23.1432 13.9247 23.3336 14.6026 23.3336 15.3873C23.3336 15.9166 23.2477 16.3902 23.0759 16.8081C22.9087 17.226 22.6696 17.5975 22.3585 17.9225C22.0474 18.2475 21.6783 18.5377 21.2511 18.7931C20.875 19.0252 20.5662 19.2667 20.3248 19.5174C20.088 19.7682 19.9116 20.063 19.7955 20.4019C19.684 20.7363 19.626 21.1495 19.6214 21.6417V21.8228H17.3021ZM18.5139 26.1688C18.0961 26.1688 17.7362 26.0202 17.4344 25.7231C17.1326 25.4259 16.9817 25.0637 16.9817 24.6366C16.9817 24.2187 17.1326 23.8611 17.4344 23.564C17.7362 23.2668 18.0961 23.1182 18.5139 23.1182C18.9272 23.1182 19.2847 23.2668 19.5865 23.564C19.893 23.8611 20.0462 24.2187 20.0462 24.6366C20.0462 24.9198 19.9742 25.1775 19.8303 25.4096C19.691 25.6418 19.5053 25.8275 19.2731 25.9668C19.0456 26.1015 18.7925 26.1688 18.5139 26.1688Z" fill="#16B378"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

14
static/img/webinars.svg Normal file
View File

@@ -0,0 +1,14 @@
<svg width="107" height="42" viewBox="0 0 107 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.1257 5.21875H2.64915C1.69143 5.21875 0.915039 5.99536 0.915039 6.95336V35.4722C0.915039 36.4302 1.69143 37.2068 2.64915 37.2068H45.1257C46.0834 37.2068 46.8598 36.4302 46.8598 35.4722V6.95336C46.8598 5.99536 46.0834 5.21875 45.1257 5.21875Z" fill="white"/>
<path d="M45.1223 5.77642C45.7722 5.77642 46.2995 6.30386 46.2995 6.95387V35.4727C46.2995 36.1227 45.7722 36.6502 45.1223 36.6502H2.64951C1.99968 36.6502 1.47239 36.1227 1.47239 35.4727V6.95387C1.47239 6.30386 1.99968 5.77642 2.64951 5.77642H45.1223ZM45.1223 4.66211H2.64951C1.38327 4.66211 0.358398 5.68727 0.358398 6.95387V35.4727C0.358398 36.7393 1.38327 37.7645 2.64951 37.7645H45.1223C46.3886 37.7645 47.4135 36.7393 47.4135 35.4727V6.95387C47.4135 5.68727 46.3886 4.66211 45.1223 4.66211Z" fill="#D9D9D9"/>
<path d="M41.2008 8.80078H6.93063C5.9442 8.80078 5.14453 9.60067 5.14453 10.5874V32.0564C5.14453 33.0431 5.9442 33.843 6.93063 33.843H41.2008C42.1872 33.843 42.9869 33.0431 42.9869 32.0564V10.5874C42.9869 9.60067 42.1872 8.80078 41.2008 8.80078Z" fill="#D6EEE5"/>
<path d="M29.0251 22.3705C30.0153 21.7985 30.0152 20.3688 29.0249 19.797L20.2727 14.7441C19.2825 14.1725 18.0449 14.8873 18.0449 16.0309V26.1392C18.0449 27.283 19.2828 27.9978 20.273 27.4258L29.0251 22.3705Z" fill="#16B378"/>
<path d="M103.854 5.21875H61.3772C60.4195 5.21875 59.6431 5.99536 59.6431 6.95336V35.4722C59.6431 36.4302 60.4195 37.2068 61.3772 37.2068H103.854C104.811 37.2068 105.588 36.4302 105.588 35.4722V6.95336C105.588 5.99536 104.811 5.21875 103.854 5.21875Z" fill="white"/>
<path d="M103.85 5.77642C104.5 5.77642 105.027 6.30386 105.027 6.95387V35.4727C105.027 36.1227 104.5 36.6502 103.85 36.6502H61.377C60.7272 36.6502 60.1999 36.1227 60.1999 35.4727V6.95387C60.1999 6.30386 60.7272 5.77642 61.377 5.77642H103.85ZM103.85 4.66211H61.377C60.1108 4.66211 59.0859 5.68727 59.0859 6.95387V35.4727C59.0859 36.7393 60.1108 37.7645 61.377 37.7645H103.85C105.116 37.7645 106.141 36.7393 106.141 35.4727V6.95387C106.141 5.68727 105.116 4.66211 103.85 4.66211Z" fill="#D9D9D9"/>
<path d="M99.9288 8.80078H65.6587C64.6722 8.80078 63.8726 9.60067 63.8726 10.5874V32.0564C63.8726 33.0431 64.6722 33.843 65.6587 33.843H99.9288C100.915 33.843 101.715 33.0431 101.715 32.0564V10.5874C101.715 9.60067 100.915 8.80078 99.9288 8.80078Z" fill="#D6EEE5"/>
<path d="M87.7527 22.3705C88.7429 21.7985 88.7427 20.3688 87.7524 19.797L79.0003 14.7441C78.0101 14.1725 76.7725 14.8873 76.7725 16.0309V26.1392C76.7725 27.283 78.0103 27.9978 79.0005 27.4258L87.7527 22.3705Z" fill="#16B378"/>
<path d="M80.4243 1.31445H28.1469C26.9682 1.31445 26.0127 2.27025 26.0127 3.44929V38.5484C26.0127 39.7275 26.9682 40.6833 28.1469 40.6833H80.4243C81.603 40.6833 82.5586 39.7275 82.5586 38.5484V3.44929C82.5586 2.27025 81.603 1.31445 80.4243 1.31445Z" fill="white"/>
<path d="M80.4197 2.00032C81.2195 2.00032 81.8684 2.64946 81.8684 3.44945V38.5486C81.8684 39.3486 81.2195 39.9977 80.4197 39.9977H28.1469C27.3471 39.9977 26.6982 39.3486 26.6982 38.5486V3.44945C26.6982 2.64946 27.3471 2.00032 28.1469 2.00032H80.4197ZM80.4197 0.628906H28.1469C26.5885 0.628906 25.3271 1.89061 25.3271 3.44945V38.5486C25.3271 40.1074 26.5885 41.3691 28.1469 41.3691H80.4197C81.9781 41.3691 83.2395 40.1074 83.2395 38.5486V3.44945C83.2395 1.89061 81.9781 0.628906 80.4197 0.628906Z" fill="#D9D9D9"/>
<path d="M75.5934 5.72266H33.416C32.2019 5.72266 31.2178 6.70711 31.2178 7.9215V34.3441C31.2178 35.5585 32.2019 36.543 33.416 36.543H75.5934C76.8075 36.543 77.7917 35.5585 77.7917 34.3441V7.9215C77.7917 6.70711 76.8075 5.72266 75.5934 5.72266Z" fill="#D6EEE5"/>
<path d="M60.608 22.4226C61.8267 21.7187 61.8265 19.9591 60.6076 19.2554L49.8361 13.0366C48.6174 12.3331 47.0942 13.2128 47.0942 14.6203V27.0609C47.0942 28.4686 48.6177 29.3484 49.8364 28.6445L60.608 22.4226Z" fill="#16B378"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB