diff --git a/public/images/stacjownik-header-logo-christmas.svg b/public/images/stacjownik-header-logo-christmas.svg
new file mode 100644
index 0000000..96b3020
--- /dev/null
+++ b/public/images/stacjownik-header-logo-christmas.svg
@@ -0,0 +1,64 @@
+<svg width="1048" height="251" viewBox="0 0 1048 251" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_659_41)">
+<path d="M57.6316 199.974C47.8947 199.974 39.3421 198.526 31.9737 195.632C24.6053 192.737 17.5 188.132 10.6579 181.816C9.73684 180.895 8.94737 179.908 8.28947 178.855C7.76316 177.671 7.5 176.421 7.5 175.105C7.5 173 8.22368 171.158 9.67105 169.579C11.25 167.868 13.1579 167.013 15.3947 167.013C17.2368 167.013 18.8816 167.737 20.3289 169.184C25.4605 174.184 30.9868 178 36.9079 180.632C42.9605 183.263 49.7368 184.579 57.2368 184.579C63.0263 184.579 68.2237 183.658 72.829 181.816C77.5658 179.974 81.3158 177.408 84.079 174.118C86.8421 170.829 88.2237 167.013 88.2237 162.671C88.0921 157.408 86.5132 153.066 83.4868 149.645C80.5921 146.224 76.5132 143.395 71.25 141.158C66.1184 138.789 60.1316 136.816 53.2895 135.237C47.2368 133.789 41.6447 132.013 36.5132 129.908C31.5132 127.803 27.1711 125.237 23.4868 122.211C19.8026 119.053 16.9079 115.303 14.8026 110.961C12.8289 106.487 11.8421 101.289 11.8421 95.3684C11.8421 87.8684 13.8158 81.2895 17.7632 75.6316C21.7105 69.9737 27.1711 65.6316 34.1447 62.6053C41.1184 59.4474 49.1447 57.8684 58.2237 57.8684C66.25 57.8684 73.8158 59.1842 80.9211 61.8158C88.1579 64.4474 93.9474 68.0658 98.2895 72.671C100.921 75.171 102.237 77.6053 102.237 79.9737C102.237 81.9474 101.382 83.7895 99.6711 85.5C98.0921 87.0789 96.25 87.8684 94.1447 87.8684C92.6974 87.8684 91.3816 87.3421 90.1974 86.2895C87.9605 83.7895 85.1316 81.5526 81.7105 79.5789C78.2895 77.6053 74.5395 76.0263 70.4605 74.8421C66.3816 73.6579 62.3026 73.0658 58.2237 73.0658C52.1711 73.0658 46.8421 73.9868 42.2368 75.8289C37.6316 77.5395 34.0132 80.0395 31.3816 83.3289C28.8816 86.4868 27.6316 90.3026 27.6316 94.7763C27.6316 99.7763 29.0789 103.921 31.9737 107.211C34.8684 110.368 38.75 113 43.6184 115.105C48.4868 117.079 53.8816 118.855 59.8026 120.434C66.25 122.013 72.1711 123.855 77.5658 125.961C83.0921 127.934 87.829 130.434 91.7763 133.461C95.7237 136.487 98.75 140.368 100.855 145.105C103.092 149.711 104.211 155.434 104.211 162.276C104.211 169.513 102.171 175.961 98.0921 181.618C94.0132 187.276 88.4211 191.75 81.3158 195.039C74.3421 198.197 66.4474 199.842 57.6316 199.974ZM123.991 96.5526H170.372C172.477 96.5526 174.188 97.2763 175.504 98.7237C176.951 100.171 177.675 101.882 177.675 103.855C177.675 105.961 176.951 107.737 175.504 109.184C174.188 110.5 172.477 111.158 170.372 111.158H123.991C122.017 111.158 120.306 110.434 118.859 108.987C117.412 107.539 116.688 105.763 116.688 103.658C116.688 101.684 117.412 100.039 118.859 98.7237C120.306 97.2763 122.017 96.5526 123.991 96.5526ZM144.714 69.7105C146.951 69.7105 148.793 70.5 150.241 72.0789C151.688 73.5263 152.412 75.3684 152.412 77.6053V172.934C152.412 176.092 152.872 178.461 153.793 180.039C154.714 181.618 155.898 182.737 157.346 183.395C158.925 183.921 160.438 184.184 161.885 184.184C163.201 184.184 164.319 183.987 165.241 183.592C166.293 183.066 167.477 182.803 168.793 182.803C170.109 182.803 171.293 183.461 172.346 184.776C173.53 185.961 174.122 187.539 174.122 189.513C174.122 191.882 172.741 193.921 169.977 195.632C167.214 197.211 164.122 198 160.701 198C158.859 198 156.556 197.868 153.793 197.605C151.162 197.342 148.53 196.487 145.898 195.039C143.267 193.592 141.03 191.224 139.188 187.934C137.477 184.513 136.622 179.776 136.622 173.724V77.6053C136.622 75.3684 137.412 73.5263 138.991 72.0789C140.569 70.5 142.477 69.7105 144.714 69.7105ZM283.717 94.9737C285.954 94.9737 287.796 95.7632 289.243 97.3421C290.822 98.7895 291.612 100.632 291.612 102.868V189.908C291.612 192.145 290.822 194.053 289.243 195.632C287.796 197.211 285.954 198 283.717 198C281.349 198 279.441 197.211 277.993 195.632C276.546 194.053 275.822 192.145 275.822 189.908V171.158L279.572 170.763C279.572 173.658 278.586 176.816 276.612 180.237C274.638 183.658 271.941 186.882 268.52 189.908C265.099 192.803 261.02 195.237 256.283 197.211C251.678 199.053 246.678 199.974 241.283 199.974C232.336 199.974 224.309 197.671 217.204 193.066C210.099 188.329 204.441 181.947 200.23 173.921C196.151 165.895 194.112 156.75 194.112 146.487C194.112 136.092 196.151 126.947 200.23 119.053C204.441 111.026 210.099 104.776 217.204 100.303C224.309 95.6974 232.204 93.3947 240.888 93.3947C246.546 93.3947 251.809 94.3158 256.678 96.1579C261.546 98 265.757 100.5 269.309 103.658C272.993 106.816 275.822 110.303 277.796 114.118C279.901 117.934 280.954 121.75 280.954 125.566L275.822 124.382V102.868C275.822 100.632 276.546 98.7895 277.993 97.3421C279.441 95.7632 281.349 94.9737 283.717 94.9737ZM243.059 185.368C249.638 185.368 255.428 183.658 260.428 180.237C265.559 176.816 269.507 172.211 272.27 166.421C275.164 160.5 276.612 153.855 276.612 146.487C276.612 139.25 275.164 132.737 272.27 126.947C269.507 121.026 265.559 116.421 260.428 113.132C255.428 109.711 249.638 108 243.059 108C236.612 108 230.822 109.645 225.691 112.934C220.691 116.224 216.743 120.763 213.849 126.553C210.954 132.342 209.507 138.987 209.507 146.487C209.507 153.855 210.888 160.5 213.651 166.421C216.546 172.211 220.493 176.816 225.493 180.237C230.625 183.658 236.48 185.368 243.059 185.368ZM366.268 93.3947C372.979 93.3947 379.031 94.1184 384.426 95.5658C389.821 97.0132 394.097 98.9868 397.255 101.487C400.413 103.987 401.992 106.816 401.992 109.974C401.992 111.684 401.4 113.329 400.215 114.908C399.031 116.487 397.452 117.276 395.479 117.276C393.636 117.276 392.123 116.947 390.939 116.289C389.886 115.632 388.834 114.776 387.781 113.724C386.86 112.671 385.544 111.75 383.834 110.961C382.255 110.039 379.952 109.316 376.926 108.789C373.9 108.263 370.873 108 367.847 108C360.61 108 354.229 109.711 348.702 113.132C343.307 116.553 339.031 121.158 335.873 126.947C332.715 132.737 331.136 139.316 331.136 146.684C331.136 154.053 332.65 160.632 335.676 166.421C338.702 172.211 342.913 176.816 348.307 180.237C353.702 183.658 359.952 185.368 367.057 185.368C371.663 185.368 375.347 184.974 378.11 184.184C380.873 183.395 383.176 182.474 385.018 181.421C387.386 180.105 389.163 178.789 390.347 177.474C391.663 176.158 393.373 175.5 395.479 175.5C397.715 175.5 399.426 176.224 400.61 177.671C401.926 179.118 402.584 180.895 402.584 183C402.584 185.368 400.939 187.868 397.65 190.5C394.36 193.132 389.886 195.368 384.229 197.211C378.702 199.053 372.386 199.974 365.281 199.974C355.281 199.974 346.531 197.671 339.031 193.066C331.531 188.329 325.676 181.947 321.465 173.921C317.386 165.763 315.347 156.684 315.347 146.684C315.347 136.684 317.452 127.671 321.663 119.645C326.005 111.618 331.992 105.237 339.623 100.5C347.255 95.7632 356.136 93.3947 366.268 93.3947ZM441.772 204.711C441.772 211.421 440.259 217.145 437.233 221.882C434.338 226.618 430.654 230.303 426.18 232.934C421.706 235.566 417.035 236.882 412.167 236.882C409.93 236.882 408.154 236.158 406.838 234.711C405.391 233.263 404.667 231.553 404.667 229.579V228.197C404.667 226.224 405.325 224.645 406.641 223.461C407.956 222.276 409.601 221.421 411.575 220.895C414.601 220.105 417.167 218.855 419.272 217.145C421.377 215.566 423.022 213.395 424.206 210.632C425.391 208 425.983 204.842 425.983 201.158V103.855C425.983 101.618 426.706 99.7105 428.154 98.1316C429.733 96.5526 431.641 95.7632 433.877 95.7632C436.246 95.7632 438.154 96.5526 439.601 98.1316C441.049 99.7105 441.772 101.618 441.772 103.855V204.711ZM433.877 81.1579C430.588 81.1579 428.154 80.5 426.575 79.1842C424.996 77.8684 424.206 75.8289 424.206 73.0658V70.3026C424.206 67.5395 425.062 65.5 426.772 64.1842C428.483 62.8684 430.917 62.2105 434.075 62.2105C437.233 62.2105 439.601 62.8684 441.18 64.1842C442.759 65.5 443.549 67.5395 443.549 70.3026V73.0658C443.549 75.8289 442.693 77.8684 440.983 79.1842C439.404 80.5 437.035 81.1579 433.877 81.1579ZM760.45 94.1842C762.555 94.1842 764.331 94.9079 765.779 96.3553C767.358 97.8026 768.147 99.7105 768.147 102.079C768.147 102.605 768.081 103.197 767.95 103.855C767.95 104.382 767.818 104.908 767.555 105.434L737.16 192.868C736.502 194.579 735.384 195.895 733.805 196.816C732.358 197.737 730.779 198.132 729.068 198C726.042 197.868 723.739 196.158 722.16 192.868L697.292 130.5L701.239 131.092L678.739 192.868C677.292 196.158 674.989 197.868 671.831 198C670.121 198.132 668.476 197.737 666.897 196.816C665.318 195.895 664.266 194.579 663.739 192.868L632.752 105.434C632.358 104.25 632.16 103.132 632.16 102.079C632.16 99.9737 632.884 98.1316 634.331 96.5526C635.779 94.9737 637.752 94.1842 640.252 94.1842C641.831 94.1842 643.279 94.5789 644.595 95.3684C645.91 96.1579 646.831 97.4079 647.358 99.1184L674.002 176.882L669.858 176.684L692.95 117.474C694.266 114.184 696.7 112.539 700.252 112.539C702.095 112.539 703.542 113 704.595 113.921C705.779 114.711 706.634 115.895 707.16 117.474L731.239 176.684L726.305 177.079L752.95 99.1184C754.134 95.8289 756.634 94.1842 760.45 94.1842ZM840.154 93.3947C849.102 93.3947 856.141 95.2368 861.273 98.921C866.404 102.605 870.023 107.539 872.128 113.724C874.365 119.908 875.483 126.816 875.483 134.447V189.908C875.483 192.145 874.694 194.053 873.115 195.632C871.667 197.211 869.825 198 867.588 198C865.352 198 863.444 197.211 861.865 195.632C860.417 194.053 859.694 192.145 859.694 189.908V134.842C859.694 129.842 858.904 125.368 857.325 121.421C855.878 117.342 853.378 114.118 849.825 111.75C846.404 109.25 841.667 108 835.615 108C830.088 108 825.023 109.25 820.417 111.75C815.812 114.118 812.128 117.342 809.365 121.421C806.602 125.368 805.22 129.842 805.22 134.842V189.908C805.22 192.145 804.431 194.053 802.852 195.632C801.404 197.211 799.562 198 797.325 198C795.088 198 793.181 197.211 791.602 195.632C790.154 194.053 789.431 192.145 789.431 189.908V103.855C789.431 101.618 790.154 99.7763 791.602 98.3289C793.181 96.75 795.088 95.9605 797.325 95.9605C799.694 95.9605 801.602 96.75 803.049 98.3289C804.496 99.7763 805.22 101.618 805.22 103.855V117.868L801.273 122.211C801.931 118.789 803.444 115.368 805.812 111.947C808.181 108.395 811.141 105.237 814.694 102.474C818.246 99.7105 822.194 97.5395 826.536 95.9605C830.878 94.25 835.417 93.3947 840.154 93.3947ZM919.888 189.908C919.888 192.145 919.098 194.053 917.52 195.632C916.072 197.211 914.23 198 911.993 198C909.625 198 907.717 197.211 906.27 195.632C904.822 194.053 904.098 192.145 904.098 189.908V102.276C904.098 100.039 904.822 98.1974 906.27 96.75C907.848 95.171 909.756 94.3816 911.993 94.3816C914.23 94.3816 916.072 95.171 917.52 96.75C919.098 98.1974 919.888 100.039 919.888 102.276V189.908ZM911.993 81.1579C908.704 81.1579 906.27 80.5 904.691 79.1842C903.112 77.8684 902.322 75.8289 902.322 73.0658V70.3026C902.322 67.5395 903.177 65.5 904.888 64.1842C906.598 62.8684 909.033 62.2105 912.191 62.2105C915.348 62.2105 917.717 62.8684 919.296 64.1842C920.875 65.5 921.664 67.5395 921.664 70.3026V73.0658C921.664 75.8289 920.809 77.8684 919.098 79.1842C917.52 80.5 915.151 81.1579 911.993 81.1579ZM957.724 198C955.356 198 953.448 197.211 952 195.632C950.553 194.053 949.829 192.145 949.829 189.908V59.8421C949.829 57.6053 950.553 55.7632 952 54.3158C953.448 52.7368 955.356 51.9474 957.724 51.9474C959.961 51.9474 961.803 52.7368 963.25 54.3158C964.829 55.7632 965.619 57.6053 965.619 59.8421V189.908C965.619 192.145 964.829 194.053 963.25 195.632C961.803 197.211 959.961 198 957.724 198ZM1023.25 95.3684C1025.36 95.3684 1027.13 96.2237 1028.58 97.9342C1030.16 99.5132 1030.95 101.158 1030.95 102.868C1030.95 105.105 1029.9 107.079 1027.79 108.789L963.843 164.645L963.25 146.289L1017.72 97.7368C1019.3 96.1579 1021.15 95.3684 1023.25 95.3684ZM1025.42 197.803C1023.18 197.803 1021.21 196.947 1019.5 195.237L977.461 150.434L989.303 139.579L1030.95 184.184C1032.53 185.895 1033.32 187.868 1033.32 190.105C1033.32 192.474 1032.4 194.382 1030.55 195.829C1028.71 197.145 1027 197.803 1025.42 197.803Z" fill="white"/>
+</g>
+<rect x="577.5" y="196.091" width="3.36099" height="67.9998" rx="1.6805" transform="rotate(90 577.5 196.091)" fill="white"/>
+<rect x="594.5" y="207.854" width="5.04149" height="98.5997" rx="2.52074" transform="rotate(90 594.5 207.854)" fill="white"/>
+<g filter="url(#filter1_d_659_41)">
+<rect width="11.8319" height="55.522" rx="5.91595" transform="matrix(0.711174 0.703016 -0.711174 0.703016 523.486 175.925)" fill="white"/>
+</g>
+<g filter="url(#filter2_d_659_41)">
+<rect width="11.8319" height="55.522" rx="5.91595" transform="matrix(-0.711174 0.703016 0.711174 0.703016 565.514 175.925)" fill="white"/>
+</g>
+<g filter="url(#filter3_d_659_41)">
+<rect x="489.1" y="34.783" width="110.5" height="154.566" rx="16.9999" stroke="#7A7A7A" stroke-width="3.39999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M487.4 51.783C487.4 41.4553 495.772 33.083 506.1 33.083H582.6C592.927 33.083 601.299 41.4553 601.299 51.7829V172.35C601.299 182.677 592.927 191.049 582.6 191.049H506.1C495.772 191.049 487.4 182.677 487.4 172.35V51.783ZM521.915 164.162C521.915 170.658 516.506 175.925 509.835 175.925C503.163 175.925 497.754 170.658 497.754 164.162C497.754 157.665 503.163 152.398 509.835 152.398C516.506 152.398 521.915 157.665 521.915 164.162ZM578.865 175.925C585.536 175.925 590.945 170.658 590.945 164.162C590.945 157.665 585.536 152.398 578.865 152.398C572.193 152.398 566.784 157.665 566.784 164.162C566.784 170.658 572.193 175.925 578.865 175.925ZM540.898 68.036C540.898 66.2973 539.489 64.8878 537.75 64.8878H500.903C499.164 64.8878 497.754 66.2973 497.754 68.036V100.64C497.754 102.379 499.164 103.788 500.903 103.788H537.75C539.489 103.788 540.898 102.379 540.898 100.64V68.036ZM587.797 64.8878C589.536 64.8878 590.945 66.2973 590.945 68.036V100.64C590.945 102.379 589.536 103.788 587.797 103.788H550.949C549.211 103.788 547.801 102.379 547.801 100.64V68.036C547.801 66.2973 549.211 64.8878 550.949 64.8878H587.797Z" fill="white"/>
+<ellipse cx="544.35" cy="34.7635" rx="12.0803" ry="11.7635" fill="#F3F1F1"/>
+</g>
+<path d="M943.839 68.3572C934.761 83.5255 899.532 91.1599 883.052 93.081L885.076 84.1535C884.224 84.5578 881.848 87.0628 880.766 88.2647L882.494 80.3629L879.119 83.1452C878.898 81.3615 880.407 77.6157 881.189 75.9658L886.007 70.7279C900.663 65.148 930.102 53.9274 930.613 53.6849C931.124 53.4423 933.149 54.4481 934.098 54.9813C942.711 57.7385 944.181 65.0474 943.839 68.3572Z" fill="white" stroke="black" stroke-width="1.06628"/>
+<path d="M880.779 16.8495C905.422 6.33218 925.873 37.837 933.018 54.904C921.676 56.5108 894.722 68.7547 882.663 74.6758C880.911 71.6564 881.854 66.6312 883.717 61.6246C882.267 59.2559 881.703 56.5833 881.673 53.9492C877.717 47.835 876.902 41.2865 877.292 36.0032C875.735 38.2393 870.397 49.8042 867.904 55.1248C867.049 54.0554 863.946 52.2823 862.129 52.85C864.278 27.0429 875.349 18.0502 880.779 16.8495Z" fill="#DF0000"/>
+<path d="M877.391 35.8677C875.974 37.7203 870.453 49.6855 867.904 55.1248C867.049 54.0554 863.946 52.2823 862.129 52.85C864.278 27.0429 875.349 18.0502 880.779 16.8495C905.422 6.33218 925.873 37.837 933.018 54.904C921.676 56.5108 894.722 68.7547 882.663 74.6758C879.226 68.7535 886.16 55.1144 890.057 49.0351M879.229 27.323C877.303 31.8764 874.915 43.6254 881.752 54.0716M884.795 41.7956C882.668 45.5591 879.441 55.137 883.938 61.9727" stroke="black" stroke-width="1.06628"/>
+<path d="M870.287 56.9916C872.342 61.3194 870.949 66.1201 867.401 67.8041C863.854 69.4882 859.254 67.5322 857.199 63.2044C855.145 58.8767 856.538 54.076 860.085 52.392C863.633 50.7079 868.233 52.6639 870.287 56.9916Z" fill="white" stroke="black" stroke-width="1.06628"/>
+<defs>
+<filter id="filter0_d_659_41" x="1.5" y="45.9473" width="1045.82" height="204.934" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="4" dy="4"/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_659_41"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_659_41" result="shape"/>
+</filter>
+<filter id="filter1_d_659_41" x="475.616" y="167.513" width="64.6678" height="64.1748" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5.42414"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_659_41"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_659_41" result="shape"/>
+</filter>
+<filter id="filter2_d_659_41" x="548.716" y="167.513" width="64.6677" height="64.1748" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5.42414"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_659_41"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_659_41" result="shape"/>
+</filter>
+<filter id="filter3_d_659_41" x="477.2" y="12.8" width="134.3" height="188.449" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="5.09998"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_659_41"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_659_41" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue
index 7999e16..43940ea 100644
--- a/src/components/App/AppHeader.vue
+++ b/src/components/App/AppHeader.vue
@@ -18,7 +18,12 @@
 
         <span class="header_brand">
           <router-link to="/">
-            <img src="/images/stacjownik-header-logo.svg" alt="Stacjownik" />
+            <img
+              v-if="isChristmas"
+              src="/images/stacjownik-header-logo-christmas.svg"
+              alt="Stacjownik logo (christmas)"
+            />
+            <img v-else src="/images/stacjownik-header-logo.svg" alt="Stacjownik logo" />
           </router-link>
         </span>
 
@@ -69,7 +74,10 @@ import Clock from './Clock.vue';
 import RegionDropdown from '../Global/RegionDropdown.vue';
 
 export default defineComponent({
+  components: { StatusIndicator, Clock, RegionDropdown },
+
   emits: ['changeLang'],
+
   props: {
     currentLang: {
       type: String,
@@ -98,9 +106,14 @@ export default defineComponent({
       return this.store.activeSceneryList.filter(
         (scenery) => scenery.region == this.store.region.id && scenery.dispatcherId != -1
       ).length;
+    },
+
+    isChristmas() {
+      const date = new Date();
+
+      return date.getUTCMonth() == 11 && date.getUTCDate() >= 24 && date.getUTCDate() <= 26;
     }
-  },
-  components: { StatusIndicator, Clock, RegionDropdown }
+  }
 });
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 91fedb8..1337830 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -1,203 +1,183 @@
 <template>
   <div class="train-info" :data-extended="extended">
-    <section class="train-general">
-      <div class="general-top-bar">
-        <div class="top-bar-header">
-          <b class="warning-timeout" v-if="train.isTimeout" :title="$t('trains.timeout')">?</b>
-          <span class="timetable-id" v-if="train.timetableData">
-            #{{ train.timetableData.timetableId }}
-          </span>
+    <div class="general-top-bar">
+      <div class="top-bar-header">
+        <b class="warning-timeout" v-if="train.isTimeout" :title="$t('trains.timeout')">?</b>
+        <span class="timetable-id" v-if="train.timetableData">
+          #{{ train.timetableData.timetableId }}
+        </span>
 
-          <span
-            class="train-badge twr"
-            v-if="train.timetableData?.TWR"
-            data-tooltip-type="BaseTooltip"
-            :data-tooltip-content="$t('warnings.TWR')"
-          >
-            TWR
-          </span>
+        <span
+          class="train-badge twr"
+          v-if="train.timetableData?.TWR"
+          data-tooltip-type="BaseTooltip"
+          :data-tooltip-content="$t('warnings.TWR')"
+        >
+          TWR
+        </span>
 
-          <span
-            class="train-badge tn"
-            v-if="train.timetableData?.hasDangerousCargo"
-            data-tooltip-type="BaseTooltip"
-            :data-tooltip-content="$t('warnings.TN')"
-          >
-            TN
-          </span>
+        <span
+          class="train-badge tn"
+          v-if="train.timetableData?.hasDangerousCargo"
+          data-tooltip-type="BaseTooltip"
+          :data-tooltip-content="$t('warnings.TN')"
+        >
+          TN
+        </span>
 
-          <span
-            class="train-badge pn"
-            v-if="train.timetableData?.hasExtraDeliveries"
-            data-tooltip-type="BaseTooltip"
-            :data-tooltip-content="$t('warnings.PN')"
-          >
-            PN
-          </span>
+        <span
+          class="train-badge pn"
+          v-if="train.timetableData?.hasExtraDeliveries"
+          data-tooltip-type="BaseTooltip"
+          :data-tooltip-content="$t('warnings.PN')"
+        >
+          PN
+        </span>
 
+        <b
+          v-if="train.timetableData"
+          data-tooltip-type="BaseTooltip"
+          :data-tooltip-content="getCategoryExplanation(train.timetableData.category)"
+          class="text--primary tooltip-help"
+        >
+          {{ train.timetableData.category }}
+        </b>
+
+        <b class="train-number">{{ train.trainNo }}</b>
+
+        <span>&bull;</span>
+
+        <div class="train-driver">
           <b
-            v-if="train.timetableData"
-            data-tooltip-type="BaseTooltip"
-            :data-tooltip-content="getCategoryExplanation(train.timetableData.category)"
-            class="text--primary tooltip-help"
+            class="level-badge driver"
+            :style="calculateExpStyle(train.driverLevel, train.isSupporter)"
           >
-            {{ train.timetableData.category }}
+            {{ train.driverLevel < 2 ? 'L' : `${train.driverLevel}` }}
           </b>
 
-          <b class="train-number">{{ train.trainNo }}</b>
+          <b
+            v-if="apiStore.donatorsData.includes(train.driverName)"
+            data-tooltip-type="DonatorTooltip"
+            :data-tooltip-content="$t('donations.driver-message')"
+          >
+            {{ train.driverName }}
+            <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
+          </b>
 
-          <span>&bull;</span>
-
-          <div class="train-driver">
-            <b
-              class="level-badge driver"
-              :style="calculateExpStyle(train.driverLevel, train.isSupporter)"
-            >
-              {{ train.driverLevel < 2 ? 'L' : `${train.driverLevel}` }}
-            </b>
-
-            <b
-              v-if="apiStore.donatorsData.includes(train.driverName)"
-              data-tooltip-type="DonatorTooltip"
-              :data-tooltip-content="$t('donations.driver-message')"
-            >
-              {{ train.driverName }}
-              <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
-            </b>
-
-            <span v-else>{{ train.driverName }}</span>
-          </div>
+          <span v-else>{{ train.driverName }}</span>
         </div>
       </div>
+    </div>
 
-      <div class="general-timetable" v-if="train.timetableData">
-        <strong>{{ train.timetableData.route.replace('|', ' - ') }}</strong>
-        <span
-          v-if="getSceneriesWithComments(train.timetableData).length > 0"
-          data-tooltip-type="BaseTooltip"
-          :data-tooltip-content="`${$t('trains.timetable-comments')} (${getSceneriesWithComments(
-            train.timetableData
-          )})`"
-        >
-          <img class="image-warning" src="/images/icon-warning.svg" />
-        </span>
-      </div>
-
-      <hr style="margin: 0.25em 0" />
-
-      <div class="general-stops" v-if="train.timetableData">
-        <span v-if="train.timetableData.followingStops.length > 2">
-          {{ $t('trains.via-title') }}
-          <span v-html="getTrainStopsHtml(train.timetableData.followingStops)"></span>
-        </span>
-      </div>
-
-      <div class="general-status">
-        <div class="status-timetable-progress" v-if="train.timetableData">
-          <ProgressBar :progressPercent="confirmedPercentage(train.timetableData.followingStops)" />
-
-          <span class="progress-distance">
-            <span>{{ currentDistance(train.timetableData.followingStops) }} km</span>
-            <span>/</span>
-            <span class="text--primary">{{ train.timetableData.routeDistance }} km </span>
-            <span>|</span>
-            <span v-html="currentDelay(train.timetableData.followingStops)"></span>
-          </span>
-        </div>
-
-        <div class="status-badges">
-          <div v-if="!train.currentStationHash" class="train-badge offline">
-            <img src="/images/icon-offline.svg" alt="offline train icon" />
-            {{ $t('trains.scenery-offline') }}
-          </div>
-
-          <div v-if="!train.online" class="train-badge offline">
-            <img src="/images/icon-offline.svg" alt="offline train icon" />
-            Offline {{ lastSeenMessage(train.lastSeen) }}
-          </div>
-        </div>
-      </div>
-
-      <div class="general-stats" v-if="extended">
-        <div>
-          <img src="/images/icon-length.svg" alt="length icon" />
-          {{ train.length }}m
-        </div>
-
-        <div>
-          <img src="/images/icon-mass.svg" alt="mass icon" />
-          {{ (train.mass / 1000).toFixed(1) }}t
-        </div>
-
-        <div>
-          <img src="/images/icon-speed.svg" alt="speed icon" />
-          {{ train.speed }} km/h
-
-          <span v-if="stockSpeedLimit != Infinity">
-            &bull;
-            <em
-              class="text--grayed"
-              style="text-decoration: underline dotted"
-              tabindex="0"
-              :data-tooltip="$t('trains.vmax-tooltip')"
-            >
-              {{ stockSpeedLimit }} km/h
-            </em>
-          </span>
-        </div>
-      </div>
-
-      <div class="text--grayed" style="margin-top: 0.25em">
-        {{ displayTrainPosition(train) }}
-      </div>
-
-      <div
-        class="train-dangers"
-        v-if="extended && train.timetableData && train.timetableData.warningNotes"
+    <div class="general-timetable" v-if="train.timetableData">
+      <strong>{{ train.timetableData.route.replace('|', ' - ') }}</strong>
+      <span
+        v-if="getSceneriesWithComments(train.timetableData).length > 0"
+        data-tooltip-type="BaseTooltip"
+        :data-tooltip-content="`${$t('trains.timetable-comments')} (${getSceneriesWithComments(
+          train.timetableData
+        )})`"
       >
-        <div class="dangers-badges">
-          <div v-if="train.timetableData?.TWR">
-            <div class="train-badge twr">TWR</div>
-            - {{ $t('warnings.TWR') }}
-          </div>
+        <img class="image-warning" src="/images/icon-warning.svg" />
+      </span>
+    </div>
 
-          <div v-if="train.timetableData?.hasDangerousCargo">
-            <div class="train-badge tn">TN</div>
-            - {{ $t('warnings.TN') }}
-          </div>
+    <hr style="margin: 0.25em 0" />
 
-          <div v-if="train.timetableData?.hasExtraDeliveries">
-            <div class="train-badge pn">PN</div>
-            - {{ $t('warnings.PN') }}
-          </div>
+    <div class="general-stops" v-if="train.timetableData">
+      <span v-if="train.timetableData.followingStops.length > 2">
+        {{ $t('trains.via-title') }}
+        <span v-html="getTrainStopsHtml(train.timetableData.followingStops)"></span>
+      </span>
+    </div>
+
+    <div class="general-status">
+      <div class="status-timetable-progress" v-if="train.timetableData">
+        <ProgressBar :progressPercent="confirmedPercentage(train.timetableData.followingStops)" />
+
+        <span class="progress-distance">
+          <span>{{ currentDistance(train.timetableData.followingStops) }} km</span>
+          <span>/</span>
+          <span class="text--primary">{{ train.timetableData.routeDistance }} km </span>
+          <span>|</span>
+          <span v-html="currentDelay(train.timetableData.followingStops)"></span>
+        </span>
+      </div>
+
+      <div class="status-badges">
+        <div v-if="!train.currentStationHash" class="train-badge offline">
+          <img src="/images/icon-offline.svg" alt="offline train icon" />
+          {{ $t('trains.scenery-offline') }}
         </div>
 
-        <div class="dangers-notes">
-          <h4>{{ $t('warnings.header-title') }}</h4>
-          <p>
-            <i>{{ train.timetableData?.warningNotes }}</i>
-          </p>
+        <div v-if="!train.online" class="train-badge offline">
+          <img src="/images/icon-offline.svg" alt="offline train icon" />
+          Offline {{ lastSeenMessage(train.lastSeen) }}
         </div>
       </div>
-    </section>
+    </div>
 
-    <section class="train-stats" v-if="!extended">
-      <StockList :trainStockList="train.stockList" :tractionOnly="true" />
+    <div class="general-stats" v-if="extended">
+      <div>
+        <img src="/images/icon-length.svg" alt="length icon" />
+        {{ train.length }}m
+      </div>
 
       <div>
-        <span>{{ train.speed }}km/h</span>
+        <img src="/images/icon-mass.svg" alt="mass icon" />
+        {{ (train.mass / 1000).toFixed(1) }}t
+      </div>
 
-        <div>
-          <span> {{ train.length }}m</span>
+      <div>
+        <img src="/images/icon-speed.svg" alt="speed icon" />
+        {{ train.speed }} km/h
+
+        <span v-if="stockSpeedLimit != Infinity">
           &bull;
-          <span> {{ (train.mass / 1000).toFixed(1) }}t</span>
-          <span v-if="train.stockList.length > 1">
-            &bull;
-            {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
-          </span>
+          <em
+            class="text--grayed"
+            style="text-decoration: underline dotted"
+            tabindex="0"
+            :data-tooltip="$t('trains.vmax-tooltip')"
+          >
+            {{ stockSpeedLimit }} km/h
+          </em>
+        </span>
+      </div>
+    </div>
+
+    <div class="text--grayed" style="margin-top: 0.25em">
+      {{ displayTrainPosition(train) }}
+    </div>
+
+    <div
+      class="train-dangers"
+      v-if="extended && train.timetableData && train.timetableData.warningNotes"
+    >
+      <div class="dangers-badges">
+        <div v-if="train.timetableData?.TWR">
+          <div class="train-badge twr">TWR</div>
+          - {{ $t('warnings.TWR') }}
+        </div>
+
+        <div v-if="train.timetableData?.hasDangerousCargo">
+          <div class="train-badge tn">TN</div>
+          - {{ $t('warnings.TN') }}
+        </div>
+
+        <div v-if="train.timetableData?.hasExtraDeliveries">
+          <div class="train-badge pn">PN</div>
+          - {{ $t('warnings.PN') }}
         </div>
       </div>
-    </section>
+
+      <div class="dangers-notes">
+        <h4>{{ $t('warnings.header-title') }}</h4>
+        <p>
+          <i>{{ train.timetableData?.warningNotes }}</i>
+        </p>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -256,7 +236,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '../../styles/responsive.scss';
 @import '../../styles/badge.scss';
 
 .image-warning {
@@ -265,17 +244,6 @@ export default defineComponent({
   vertical-align: middle;
 }
 
-.train-stats {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  flex-direction: column;
-  text-align: center;
-
-  line-height: 1.5em;
-}
-
 .train-dangers {
   margin-top: 0.5em;
 }
@@ -299,15 +267,9 @@ export default defineComponent({
 }
 
 .train-info {
-  display: grid;
-  grid-template-columns: 2fr 1fr;
-  grid-template-rows: 1fr;
-
-  &[data-extended='true'] {
-    grid-template-columns: 1fr;
-  }
-
-  padding: 1em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25em;
 
   background-color: #1a1a1a;
   gap: 0.5em;
@@ -337,12 +299,6 @@ export default defineComponent({
   padding: 0 0.25em;
 }
 
-.train-general {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25em;
-}
-
 .general-stops {
   font-size: 0.8em;
 }
@@ -419,11 +375,4 @@ export default defineComponent({
   display: flex;
   gap: 0.25em;
 }
-
-@include smallScreen() {
-  .train-info {
-    grid-template-columns: 1fr;
-    gap: 1em 0;
-  }
-}
 </style>
diff --git a/src/components/TrainsView/TrainSchedule.vue b/src/components/TrainsView/TrainSchedule.vue
index 1a8b009..01f5307 100644
--- a/src/components/TrainsView/TrainSchedule.vue
+++ b/src/components/TrainsView/TrainSchedule.vue
@@ -1,7 +1,5 @@
 <template>
-  <div class="train-schedule" @click="toggleShowState">
-    <StockList :trainStockList="train.stockList" />
-
+  <div class="train-schedule">
     <div class="schedule-wrapper" v-if="train.timetableData">
       <div class="stops">
         <div
@@ -252,12 +250,6 @@ export default defineComponent({
 
       return activeMinorStopList;
     }
-  },
-
-  methods: {
-    toggleShowState() {
-      this.$emit('click');
-    }
   }
 });
 </script>
@@ -281,10 +273,6 @@ $blinkAnim: 0.5s ease-in-out alternate infinite blink;
   }
 }
 
-.train-schedule {
-  padding: 1em;
-}
-
 .schedule-wrapper {
   overflow-y: auto;
   width: 100%;
diff --git a/src/components/TrainsView/TrainStats.vue b/src/components/TrainsView/TrainStats.vue
index 35c8a83..757bd6e 100644
--- a/src/components/TrainsView/TrainStats.vue
+++ b/src/components/TrainsView/TrainStats.vue
@@ -249,7 +249,6 @@ h3 {
 }
 
 @include smallScreen {
-  h1,
   .no-data {
     text-align: center;
   }
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index a16a8fa..e4a1db9 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -13,15 +13,7 @@
       </div>
 
       <transition-group name="list-anim" tag="ul">
-        <li
-          class="train-row"
-          v-for="train in trains"
-          :key="train.id"
-        >
-          <router-link class="a-block" :to="train.driverRouteLocation">
-            <TrainInfo :train="train" :extended="false" />
-          </router-link>
-        </li>
+        <TrainTableItem v-for="train in trains" :key="train.id" :train="train" />
       </transition-group>
     </div>
   </transition>
@@ -30,13 +22,15 @@
 <script lang="ts">
 import { defineComponent, inject, PropType, Ref } from 'vue';
 import { useMainStore } from '../../store/mainStore';
-import Loading from '../Global/Loading.vue';
-import TrainInfo from './TrainInfo.vue';
-import { Status, Train } from '../../typings/common';
 import { useApiStore } from '../../store/apiStore';
+import { Status, Train } from '../../typings/common';
+
+import Loading from '../Global/Loading.vue';
+import TrainTableItem from './TrainTableItem.vue';
+import TrainInfo from './TrainInfo.vue';
 
 export default defineComponent({
-  components: { Loading, TrainInfo },
+  components: { Loading, TrainInfo, TrainTableItem },
 
   props: {
     trains: {
@@ -99,9 +93,5 @@ export default defineComponent({
   background: #1a1a1a;
 }
 
-li.train-row {
-  background-color: var(--clr-secondary);
-  margin-bottom: 1em;
-  width: 100%;
-}
+
 </style>
diff --git a/src/components/TrainsView/TrainTableItem.vue b/src/components/TrainsView/TrainTableItem.vue
new file mode 100644
index 0000000..8cbefff
--- /dev/null
+++ b/src/components/TrainsView/TrainTableItem.vue
@@ -0,0 +1,76 @@
+<template>
+  <li class="train-item">
+    <router-link class="a-block" :to="train.driverRouteLocation">
+      <div class="item-wrapper">
+        <TrainInfo :train="train" />
+
+        <div class="train-stats">
+          <StockList :trainStockList="train.stockList" :tractionOnly="true" />
+
+          <div>
+            <span>{{ train.speed }}km/h</span>
+
+            <div>
+              <span> {{ train.length }}m</span>
+              &bull;
+              <span> {{ (train.mass / 1000).toFixed(1) }}t</span>
+              <span v-if="train.stockList.length > 1">
+                &bull;
+                {{ $t('trains.cars') }}: {{ train.stockList.length - 1 }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </router-link>
+  </li>
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue';
+import { Train } from '../../typings/common';
+import TrainInfo from './TrainInfo.vue';
+import StockList from '../Global/StockList.vue';
+
+defineProps({
+  train: {
+    type: Object as PropType<Train>,
+    required: true
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+@import '../../styles/responsive.scss';
+
+.train-item {
+  background-color: #1a1a1a;
+  margin-bottom: 1em;
+  width: 100%;
+  padding: 1em;
+}
+
+.item-wrapper {
+  display: grid;
+  grid-template-columns: 2fr 1fr;
+  grid-template-rows: 1fr;
+}
+
+.train-stats {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  flex-direction: column;
+  text-align: center;
+
+  line-height: 1.5em;
+}
+
+@include smallScreen() {
+  .item-wrapper {
+    grid-template-columns: 1fr;
+    gap: 1em 0;
+  }
+}
+</style>
diff --git a/src/views/DriverView.vue b/src/views/DriverView.vue
index 01eeb02..700fa91 100644
--- a/src/views/DriverView.vue
+++ b/src/views/DriverView.vue
@@ -17,12 +17,16 @@
             <span class="hidable">
               {{ $t('trains.driver-journal-link') }}
             </span>
+            
             <img src="/images/icon-train.svg" alt="train icon" />
           </router-link>
         </div>
 
         <div class="train-card">
-          <TrainInfo :train="chosenTrain" :extended="true" ref="trainInfo" />
+          <TrainInfo :train="chosenTrain" :extended="true" />
+          <div style="margin-top: 1em">
+            <StockList :trainStockList="chosenTrain.stockList" />
+          </div>
           <TrainSchedule :train="chosenTrain" />
         </div>
       </div>
@@ -69,6 +73,7 @@
 import { computed } from 'vue';
 import TrainInfo from '../components/TrainsView/TrainInfo.vue';
 import TrainSchedule from '../components/TrainsView/TrainSchedule.vue';
+import StockList from '../components/Global/StockList.vue';
 import Loading from '../components/Global/Loading.vue';
 import { useMainStore } from '../store/mainStore';
 import { useApiStore } from '../store/apiStore';
@@ -131,6 +136,7 @@ $viewBgCol: #1a1a1a;
 }
 
 .train-card {
+  padding: 1em;
   background-color: $viewBgCol;
   border-radius: 0 0 0.5em 0.5em;
 }
diff --git a/src/views/TrainsView.vue b/src/views/TrainsView.vue
index c5aee1e..cc03f52 100644
--- a/src/views/TrainsView.vue
+++ b/src/views/TrainsView.vue
@@ -133,4 +133,10 @@ export default defineComponent({
   position: relative;
   margin-bottom: 0.5em;
 }
+
+@include smallScreen {
+  .trains_topbar {
+    justify-content: space-between;
+  }
+}
 </style>