cobertos/timelinize
1
0
Fork 0
Code Activity
timelinize/datasources/_images/iphone.svg
Matthew Holt 932831db47
Refactor data sources to make them dynamic 
Also change the checkbox dropdown to a more interactive tomselect (type-to-search dropdown with chips) with pictures.

This makes it so data sources can be added to a timeline dynamically.

In the future, data sources can be implemented externally and push data to the timeline, so these need to not be rigidly hard-coded into the app and assumed to never change.

This essentially adds all their info (name, title, description, image, etc) into each timeline DB.
2025-02-11 16:49:20 -07:00

98 lines
15 KiB
XML
Raw Permalink Blame History

<?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 500 500" 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-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;">
<g id="Artboard1" transform="matrix(1.21997,0,0,1.06796,104.093,38.9853)">
<rect x="-85.324" y="-36.504" width="409.845" height="468.183" style="fill:none;"/>
<g transform="matrix(0.93614,0,0,1.06939,30.1451,-5.54508)">
<g id="POLYLINE_328_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M942.672,399.351C942.647,403.338 941.804,407.286 940.122,410.907C938.445,414.518 935.983,417.752 932.941,420.323C929.877,422.912 926.257,424.812 922.386,425.863C919.837,426.555 917.234,426.82 914.6,426.82L784.809,426.82C782.077,426.82 779.378,426.513 776.747,425.758C772.892,424.652 769.297,422.701 766.272,420.067C763.247,417.433 760.82,414.141 759.194,410.475C757.641,406.974 756.858,403.175 756.84,399.348C756.837,398.764 756.84,398.18 756.84,397.597L756.84,78.401C756.84,77.739 756.832,77.075 756.844,76.413C756.914,72.448 757.849,68.506 759.577,64.936C761.317,61.341 763.84,58.138 766.935,55.612C770.021,53.094 773.646,51.262 777.506,50.275C779.981,49.642 782.494,49.418 785.04,49.418L908.699,49.418C910.732,49.418 912.764,49.417 914.797,49.418C917.656,49.42 920.482,49.777 923.221,50.614C927.056,51.786 930.617,53.799 933.596,56.485C936.555,59.152 938.913,62.459 940.476,66.123C941.928,69.527 942.658,73.199 942.674,76.897C942.677,77.518 942.674,78.138 942.674,78.759L942.674,397.958C942.672,398.422 942.672,398.887 942.672,399.351Z" style="fill:url(#_Linear1);fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g transform="matrix(1.58584,0,0,1.58584,-1253.06,-175.935)">
<g>
<g id="POLYLINE_674_" transform="matrix(1,0,0,1,0,-1.10428)">
<path d="M850.391,219.023C854.515,219.341 858.043,215.75 859.148,212.046C859.434,211.087 859.639,209.991 859.528,208.987C859.485,208.6 859.559,208.634 859.222,208.567C859.019,208.527 858.706,208.628 858.504,208.666C858.021,208.757 857.548,208.894 857.087,209.064C855.175,209.769 853.457,211.024 852.26,212.677C850.837,214.643 850.391,216.654 850.391,219.023Z" style="fill:url(#_Linear2);fill-rule:nonzero;"/>
</g>
<g id="POLYLINE_673_">
<path d="M862.848,232.692C862.825,229.976 863.955,227.434 865.879,225.535C866.448,224.973 867.076,224.463 867.759,224.046C867.582,223.987 867.259,223.37 867.124,223.21C866.911,222.957 866.686,222.715 866.449,222.484C866.02,222.067 865.554,221.689 865.058,221.355C863.593,220.371 861.871,219.779 860.119,219.589C858.591,219.424 857.164,219.564 855.688,220.016C854.027,220.524 852.139,221.827 850.334,221.588C848.281,221.316 846.479,220.028 844.41,219.725C842.741,219.481 840.982,219.796 839.431,220.425C834.845,222.284 832.38,226.871 832.008,231.631C831.529,237.763 833.753,244.064 837.277,249.016C838.774,251.119 840.827,253.963 843.728,253.987C845.616,254.003 847.183,252.943 848.947,252.446C850.596,251.981 852.389,252.01 854.015,252.553C855.635,253.094 857.038,253.959 858.795,253.931C859.68,253.917 860.531,253.681 861.304,253.25C862.691,252.478 863.747,251.206 864.675,249.948C866.39,247.623 867.854,245.135 868.784,242.389C868.984,241.798 868.849,241.861 868.365,241.614C867.996,241.426 867.64,241.212 867.297,240.98C866.606,240.513 865.967,239.968 865.403,239.353C864.37,238.226 863.612,236.868 863.21,235.392C862.971,234.513 862.857,233.603 862.848,232.692" style="fill:url(#_Linear3);fill-rule:nonzero;"/>
</g>
</g>
</g>
<g id="POLYLINE_670_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M756.838,89.404L759.824,89.404" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_669_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M756.838,86.072L759.824,86.072" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_668_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M793.491,49.418L793.491,52.404" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_667_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M796.824,49.418L796.824,52.404" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_666_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M942.672,86.072L939.687,86.072" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_665_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M942.672,89.404L939.687,89.404" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_664_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M756.838,388.204L759.824,388.204" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_663_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M756.838,391.537L759.824,391.537" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_662_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M904.056,426.82L904.056,423.834" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_661_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M907.389,426.82L907.389,423.834" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_660_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M942.672,391.537L939.687,391.537" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_659_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M942.672,388.204L939.687,388.204" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_658_" transform="matrix(1,0,0,1,-754.204,-48.668)">
<path d="M939.687,399.351C939.671,402.902 938.912,406.428 937.414,409.651C935.918,412.87 933.726,415.752 931.014,418.043C928.283,420.351 925.056,422.044 921.606,422.981C919.311,423.604 916.971,423.834 914.601,423.834L784.81,423.834C782.357,423.834 779.934,423.567 777.569,422.888C774.133,421.901 770.929,420.163 768.233,417.816C765.537,415.469 763.374,412.534 761.924,409.267C760.538,406.146 759.844,402.761 759.826,399.35C759.823,398.766 759.826,398.182 759.826,397.599L759.826,78.403C759.826,77.758 759.818,77.112 759.83,76.466C759.893,72.932 760.726,69.419 762.266,66.236C763.817,63.031 766.066,60.177 768.825,57.926C771.576,55.682 774.807,54.049 778.247,53.169C780.48,52.598 782.745,52.405 785.042,52.405L908.701,52.405C910.734,52.405 912.766,52.403 914.799,52.405C917.363,52.407 919.895,52.719 922.352,53.471C925.77,54.517 928.944,56.31 931.599,58.704C934.236,61.081 936.338,64.029 937.731,67.294C939.026,70.331 939.672,73.6 939.69,76.898C939.693,77.518 939.69,78.139 939.69,78.76L939.69,397.959C939.687,398.422 939.687,398.887 939.687,399.351Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:1.5px;"/>
</g>
<g id="POLYLINE_338_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M787.434,60.279C783.387,60.283 779.389,61.582 776.119,63.968C772.687,66.472 770.148,70.109 768.979,74.193C767.911,77.924 768.238,81.913 768.238,85.746L768.238,116.423C768.238,120.009 768.403,123.409 769.887,126.752C771.624,130.665 774.672,133.934 778.456,135.936C781.751,137.68 785.223,138.165 788.895,138.165L819.768,138.165C823.388,138.165 826.81,137.744 830.088,136.075C833.904,134.132 837.005,130.912 838.802,127.025C840.331,123.718 840.575,120.335 840.575,116.76L840.575,86.311C840.575,82.428 840.939,78.323 839.927,74.528C838.829,70.41 836.345,66.719 832.943,64.152C829.698,61.703 825.708,60.343 821.646,60.28C816.522,60.201 811.391,60.278 806.266,60.278L793.497,60.278C791.477,60.279 789.455,60.279 787.434,60.279Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g>
<g id="POLYLINE_337_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M777.714,106.385C780.303,104.394 783.471,103.23 786.735,103.084C789.991,102.939 793.262,103.82 796.006,105.577C798.751,107.334 800.921,109.935 802.152,112.952C803.385,115.972 803.662,119.346 802.932,122.526C802.205,125.693 800.495,128.602 798.082,130.778C795.652,132.97 792.557,134.373 789.308,134.759C786.072,135.143 782.744,134.51 779.877,132.96C777.018,131.414 774.669,128.995 773.215,126.088C771.755,123.171 771.225,119.827 771.71,116.601C772.194,113.386 773.679,110.359 775.919,108.004C776.475,107.419 777.076,106.879 777.714,106.385Z" style="fill:rgb(48,48,48);fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_336_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M777.714,92.059C780.303,94.05 783.471,95.214 786.735,95.36C789.991,95.505 793.262,94.624 796.006,92.867C798.751,91.11 800.921,88.509 802.152,85.492C803.385,82.472 803.662,79.098 802.932,75.918C802.205,72.751 800.495,69.842 798.082,67.666C795.652,65.474 792.557,64.071 789.308,63.685C786.072,63.301 782.744,63.934 779.877,65.484C777.018,67.03 774.669,69.449 773.215,72.356C771.755,75.273 771.225,78.617 771.71,81.843C772.194,85.058 773.679,88.085 775.919,90.44C776.475,91.025 777.076,91.565 777.714,92.059Z" style="fill:rgb(48,48,48);fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_335_" transform="matrix(1,0,0,1,-755.079,-47.668)">
<path d="M812.525,111.806C815.114,113.797 818.282,114.961 821.546,115.107C824.802,115.252 828.073,114.371 830.817,112.614C833.562,110.857 835.732,108.256 836.963,105.239C838.196,102.219 838.473,98.845 837.743,95.665C837.016,92.498 835.306,89.589 832.893,87.413C830.463,85.221 827.368,83.818 824.119,83.432C820.883,83.048 817.555,83.681 814.688,85.231C811.829,86.777 809.48,89.196 808.026,92.103C806.566,95.02 806.036,98.364 806.521,101.59C807.005,104.805 808.49,107.832 810.73,110.187C811.286,110.772 811.888,111.312 812.525,111.806Z" style="fill:rgb(48,48,48);fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
</g>
<g id="POLYLINE_334_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M825.057,126.524C825.056,123.943 821.711,122.744 820.073,124.74C818.435,126.735 820.261,129.784 822.793,129.282C824.093,129.024 825.056,127.85 825.057,126.524Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_333_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M828.515,72.395C828.513,69.776 826.825,67.375 824.358,66.492C821.892,65.609 819.061,66.392 817.399,68.416C815.737,70.44 815.52,73.369 816.866,75.616C818.211,77.863 820.896,79.055 823.465,78.545C826.025,78.037 828.046,75.925 828.442,73.346C828.491,73.031 828.515,72.713 828.515,72.395Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_332_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M943.974,102.341C943.793,102.341 942.784,102.211 942.673,102.345C942.616,102.413 942.673,102.768 942.673,102.858L942.673,113.88C942.673,114.18 942.465,115.566 942.673,115.809C942.757,115.907 943.717,115.916 943.839,115.843C944.047,115.72 943.899,115.831 943.974,115.546C944.179,114.771 943.974,113.658 943.974,112.859L943.974,102.341Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_331_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M943.974,127.917C943.468,127.917 942.846,127.712 942.673,128.119C942.534,128.445 942.673,129.147 942.673,129.497L942.673,153.326C942.673,153.263 943.901,153.414 943.974,153.326C944.005,153.289 943.955,153.169 943.974,153.124C944.113,152.798 943.974,152.096 943.974,151.746L943.974,127.917Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_330_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M943.974,159.83C943.468,159.83 942.846,159.625 942.673,160.032C942.529,160.37 942.673,161.098 942.673,161.462L942.673,184.091C942.673,184.275 942.552,185.034 942.673,185.187C942.774,185.316 943.88,185.307 943.974,185.187C944.091,185.039 943.974,184.316 943.974,184.136L943.974,159.83Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
<g id="POLYLINE_329_" transform="matrix(1,0,0,1,-754.204,-47.668)">
<path d="M756.838,135.894C756.568,135.894 755.684,135.765 755.537,135.934C755.482,135.997 755.537,136.368 755.537,136.448L755.537,174.66C755.537,174.974 755.35,176.059 755.537,176.327C755.625,176.454 756.515,176.511 756.703,176.4C756.929,176.266 756.735,176.444 756.838,176.184C757.043,175.669 756.838,174.647 756.838,174.1L756.838,135.894Z" style="fill:none;fill-rule:nonzero;stroke:rgb(48,48,48);stroke-width:2.5px;"/>
</g>
</g>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4.5998,3.43799,-3.43799,4.5998,860.349,220.823)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="1" style="stop-color:rgb(241,241,241);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.50541,-1.8348,1.8348,-2.50541,851.133,237.188)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="1" style="stop-color:rgb(240,240,240);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-2.50541,-1.8348,1.8348,-2.50541,851.133,236.084)"><stop offset="0" style="stop-color:white;stop-opacity:1"/><stop offset="1" style="stop-color:rgb(240,240,240);stop-opacity:1"/></linearGradient>
</defs>
</svg>
View git blame Copy permalink