Merge branch 'update-skypress-logo' into trunk · jeremy.herve.bzh/skypress@f861e98

-10

public/favicon.svg

··· 1 - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none"> 2 - <rect width="32" height="32" rx="8" fill="#faf6ef"/> 3 - <g stroke="#e8920c" fill="none"> 4 - <rect x="2.5" y="2.5" width="27" height="27" rx="7.5" stroke-width="2.2"/> 5 - <circle cx="16" cy="12.5" r="3.6" stroke-width="1.9"/> 6 - <path d="M7 18.5h18" stroke-width="2.2" stroke-linecap="round"/> 7 - <path d="M9 22.8h14M9 25.6h9" stroke-width="1.7" stroke-linecap="round" opacity="0.55"/> 8 - </g> 9 - <circle cx="16" cy="12.5" r="0.9" fill="#e8920c"/> 10 - </svg>

public/og-default.png

This is a binary file and will not be displayed.

public/skypress-logo-banner.png

This is a binary file and will not be displayed.

+11

public/skypress-logo.svg

··· 1 + <svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 + <path fill-rule="evenodd" clip-rule="evenodd" d="M443.792 415.819C444.073 416.305 444.309 417.651 444.319 418.808C444.329 420.547 444.068 421.14 442.787 422.221C441.005 423.735 439.302 423.881 437.298 422.689C434.762 421.18 434.185 418.722 435.762 416.123C437.082 413.938 439.709 413.074 441.768 414.146C442.602 414.579 443.511 415.332 443.792 415.819Z" fill="#E8920C"/> 3 + <path fill-rule="evenodd" clip-rule="evenodd" d="M75.9024 415.256C77.8358 417.198 77.7454 420.052 75.6965 422.116C74.3405 423.482 73.9287 423.625 72.0606 423.373C65.9488 422.548 66.2301 413.923 72.3669 413.923C74.0894 413.923 74.8729 414.219 75.9024 415.256Z" fill="#E8920C"/> 4 + <path fill-rule="evenodd" clip-rule="evenodd" d="M490.486 148.937C491.335 153.315 491.104 162.665 490.004 168.225C487.347 181.679 481.718 192.88 472.889 202.273C471.548 203.7 470.207 205.127 468.861 206.553C469.082 207.528 469.303 208.502 469.519 209.477C470.383 213.318 470.388 227.604 469.529 231.618C466.903 243.857 461.464 253.58 451.978 262.972C450.446 264.489 448.914 266.006 447.382 267.523C447.558 268.281 447.739 269.04 447.915 269.798C448.568 272.563 448.181 280.355 447.146 285.222C444.691 296.832 440.372 304.773 432.407 312.343C427.742 316.775 425.231 318.455 418.817 321.446C409.221 325.921 410.295 324.962 407.267 331.746C402.843 341.651 382.062 390.658 382.062 391.186C382.062 391.492 395.45 391.672 418.245 391.672C457.949 391.672 456.533 391.564 458.135 394.689C459.254 396.865 459.079 398.144 457.431 399.801C456.939 400.295 456.452 400.787 455.96 401.28C443.099 401.282 430.242 401.285 417.381 401.287C396.158 401.292 378.516 401.474 378.175 401.694C377.612 402.054 374.157 409.563 373.323 412.235C373.208 412.601 373.098 412.965 372.982 413.33C380.731 413.386 388.48 413.443 396.229 413.5C421.328 413.684 421.052 413.652 422.484 416.441C423.588 418.588 423.423 419.768 421.775 421.626C421.288 422.176 420.801 422.727 420.314 423.278C411.651 423.363 402.988 423.446 394.325 423.531C385.668 423.616 377.005 423.699 368.342 423.784C367.543 425.553 366.74 427.323 365.936 429.093C364.615 432.013 363.521 434.687 363.506 435.035C363.485 435.532 368.176 435.667 385.351 435.667C409.075 435.667 409.351 435.698 410.592 438.435C411.516 440.479 411.31 442.019 409.888 443.72C409.457 444.238 409.025 444.757 408.588 445.276C400.327 445.276 392.071 445.276 383.809 445.276C375.548 445.276 367.287 445.276 359.026 445.276C357.936 447.51 356.841 449.741 355.747 451.976C351.98 459.668 349.178 463.45 344.759 466.793C337.055 472.624 329.226 474.844 320.613 473.635C308.304 471.911 299.049 464.017 292.691 449.827C291.757 447.741 290.752 445.866 290.451 445.662C290.155 445.458 278.423 445.288 264.387 445.283C247.86 445.278 238.529 445.092 237.901 444.755C236.46 443.977 235.305 441.391 235.666 439.739C235.837 438.961 236.545 437.782 237.243 437.122C237.665 436.721 238.092 436.321 238.514 435.92C246.408 435.835 254.308 435.752 262.202 435.667C285.504 435.419 285.891 435.397 285.811 434.403C285.77 433.847 284.445 430.319 282.868 426.565C281.296 422.811 275.712 409.042 270.464 395.97C256.518 361.221 256.357 360.824 256.045 360.825C255.89 360.826 255.282 362.021 254.695 363.48C239.453 401.535 234.913 413.077 235.119 413.28C235.255 413.417 240.216 413.492 246.142 413.447C260.952 413.336 264.387 413.685 266.175 415.481C268.364 417.686 267.842 421.766 265.221 422.969C264.402 423.345 258.466 423.531 247.297 423.531C241.728 423.531 236.163 423.531 230.594 423.531C228.51 428.446 226.431 433.361 224.347 438.277C217.552 454.312 214.479 459.799 209.577 464.659C198.218 475.916 180.751 477.14 168.106 467.562C163.596 464.148 160.422 459.9 156.575 452.123C155.486 449.928 154.401 447.727 153.311 445.529C145.08 445.444 136.849 445.361 128.618 445.276C120.387 445.191 112.156 445.108 103.925 445.023C103.493 444.614 103.061 444.206 102.629 443.797C101.238 442.48 100.892 439.974 101.851 438.169C103.142 435.739 103.86 435.667 126.921 435.667C144.638 435.667 148.54 435.546 148.54 434.991C148.54 434.196 144.327 424.647 143.694 424.01C143.458 423.771 131.842 423.508 117.881 423.426C94.4184 423.289 92.3946 423.209 91.119 422.367C88.1862 420.43 88.2515 416.602 91.2546 414.564C91.8171 414.181 92.3795 413.799 92.947 413.417C100.706 413.417 108.465 413.417 116.224 413.417C129.025 413.417 139.501 413.304 139.501 413.167C139.501 412.68 134.875 402.534 134.368 401.912C133.966 401.416 125.525 401.28 95.2521 401.28C82.3858 401.28 69.5195 401.28 56.6532 401.28C56.1159 400.795 55.5785 400.311 55.0412 399.827C52.0983 397.183 53.1429 393.286 57.0901 392.182C58.2151 391.868 72.2916 391.677 94.4285 391.675C123.24 391.672 129.959 391.547 129.959 391.014C129.959 390.437 128.663 387.234 121.833 370.938C119.704 365.859 112.924 350.375 110.765 345.653C109.811 343.568 107.486 338.333 105.602 334.022C103.719 329.712 101.821 325.825 101.379 325.387C100.942 324.947 98.883 323.94 96.8139 323.147C76.038 315.192 63.8045 296.521 64.2464 273.448C64.2866 271.209 64.3318 268.97 64.377 266.731C63.0161 265.474 61.6601 264.215 60.2992 262.956C51.5308 254.829 45.63 244.553 43.0346 232.883C41.6355 226.592 41.3091 217.563 42.2572 211.42C42.5164 209.745 42.7745 208.069 43.0326 206.394C41.739 205.035 40.4443 203.676 39.1486 202.317C28.1355 190.763 20.951 173.005 21.0003 157.455C21.0304 147.89 23.3335 141.317 28.1385 137.083C34.7544 131.255 42.1277 131.36 57.5471 137.497C81.6124 147.072 109.71 164.22 133.57 183.892C150.8 198.096 169.653 217.008 182.664 233.135C187.501 239.128 189.615 241.479 190.177 241.479C190.433 241.479 191.448 240.372 192.432 239.019C198.223 231.078 213.248 220.199 224.623 215.715C236.334 211.099 244.56 209.423 255.508 209.428C264.628 209.432 270.991 210.362 279.357 212.918C294.393 217.505 305.165 224.068 316.399 235.484C319.649 238.781 322.441 241.479 322.607 241.479C322.772 241.479 323.395 240.858 323.988 240.099C333.123 228.387 350.489 209.322 360.517 200.003C384.533 177.69 410.135 159.486 437.052 145.595C451.239 138.273 461.067 134.508 469.308 133.239C479.789 131.624 488.362 137.979 490.486 148.937ZM31.4931 150.707C30.8574 153.354 31 161.856 31.7453 165.785C34.208 178.739 41.056 191.163 49.9117 198.743C56.9646 204.776 64.0857 208.592 82.5013 216.202C102.705 224.552 109.414 227.654 119.247 233.194C135.579 242.395 147.782 251.351 157.956 261.594C162.597 266.267 169.371 274.443 171.571 278.028C172.209 279.064 172.897 279.912 173.103 279.912C173.309 279.912 173.75 278.403 174.092 276.559C175.011 271.518 177.909 263.176 181.022 256.58C181.951 254.617 182.875 252.656 183.804 250.694C182.921 249.537 182.037 248.381 181.153 247.224C169.979 232.605 151.659 212.759 138.747 201.293C133.309 196.46 119.297 185.126 113.637 180.981C91.8974 165.047 61.8007 148.45 45.4181 143.359C42.4581 142.439 37.0987 142.912 35.2194 144.259C33.6365 145.395 32.153 147.961 31.4931 150.707ZM52.2037 212.854C51.8572 213.069 51.7266 215.954 51.8221 221.137C51.9476 228.025 52.1485 229.685 53.3036 233.534C55.8798 242.126 59.8723 248.76 65.9891 254.631C74.8227 263.104 84.9369 268.14 108.113 275.599C141.454 286.33 146.059 288.49 145.336 293.061C145.005 295.175 142.554 297.612 140.756 297.612C140.078 297.612 137.201 296.571 134.363 295.3C129.482 293.111 121.351 290.256 101.419 283.731C92.2992 280.747 85.6852 278.211 79.0512 275.158C76.8717 274.158 74.8629 273.338 74.5816 273.338C73.7631 273.338 74.5214 282.171 75.7317 286.734C77.856 294.746 83.6513 303.828 89.4015 308.156C95.7743 312.955 101.309 314.923 120.799 319.32C128.302 321.013 136.086 322.994 138.099 323.721C148.831 327.601 155.47 333.116 160.392 342.233C161.487 344.257 165.168 352.739 168.583 361.081C171.998 369.423 175.965 379.092 177.406 382.569C178.848 386.046 181.439 392.349 183.167 396.576C184.894 400.803 186.572 404.626 186.893 405.071C187.38 405.736 189.047 401.94 196.259 383.785C199.182 376.421 202.104 369.056 205.032 361.69C204.194 361.008 203.36 360.325 202.521 359.643C198.012 355.956 190.539 347.965 187.3 343.359C179.772 332.659 175.066 320.961 172.661 306.967C171.496 300.182 170.597 297.561 166.981 290.378C155.32 267.189 128.246 246.127 88.5277 229.336C85.7656 228.167 81.3663 226.304 78.7549 225.195C76.1385 224.085 72.2967 222.498 70.2176 221.665C65.4668 219.766 53.4843 213.753 53.0575 213.051C52.8767 212.762 52.495 212.674 52.2037 212.854ZM115.019 328.085C113.783 327.812 113.256 326.456 121.457 344.768C124.329 351.182 127.769 359.341 136.849 381.305C145.452 402.099 152.583 418.849 160.97 437.943C164.028 444.905 167.88 452.573 169.537 454.995C174.499 462.262 184.548 466.141 192.282 463.774C198.177 461.974 203.139 458.247 206.569 453.043C208.939 449.443 213.966 437.919 225.381 409.877C227.25 405.287 229.846 398.916 231.147 395.717C232.447 392.518 236.299 382.961 239.699 374.478C243.104 365.995 247.262 355.641 248.939 351.469C252.249 343.237 253.449 341.608 256.201 341.608C257.979 341.608 259.37 342.791 260.661 345.4C261.359 346.812 273.266 376.234 282.551 399.51C284.771 405.073 288.045 413.152 289.823 417.462C291.606 421.773 294.564 428.942 296.402 433.392C302.197 447.422 305.457 453.68 308.811 457.195C319.247 468.133 335.528 466.328 343.895 453.301C346.32 449.529 355.727 428.306 369.753 394.959C373.263 386.615 380.972 368.378 386.883 354.432C392.794 340.487 397.63 328.804 397.63 328.471C397.63 327.668 395.325 328.061 385.773 330.495C374.961 333.251 369.924 335.728 365.087 340.666C361.527 344.296 360.236 346.83 353.477 363.414C343.885 386.963 330.501 419.211 329.572 421.017C328.633 422.852 326.172 424.062 324.168 423.676C322.044 423.268 320.121 420.469 317.519 413.992C316.214 410.755 313.954 405.149 312.492 401.533C311.026 397.917 305.306 383.581 299.777 369.674C294.243 355.767 287.759 339.61 285.364 333.769C282.963 327.928 280.221 321.215 279.257 318.851C274.652 307.504 271.342 302.454 266.275 299.023C259.295 294.298 252.701 294.512 244.962 299.716C241.803 301.837 238.634 305.79 236.299 310.507C234.069 315.008 226.597 333.565 208.899 378.524C198.785 404.217 192.698 419.173 191.674 420.835C189.811 423.879 187.28 424.374 184.713 422.201C182.147 420.027 179.099 413.311 165.113 379.029C163.239 374.44 160.754 368.41 159.594 365.628C158.428 362.847 156.626 358.523 155.581 356.02C152.181 347.87 151.614 346.698 149.58 343.682C147.104 340.01 143.774 337.086 139.501 334.832C135.609 332.779 131.455 331.509 122.677 329.689C119.086 328.946 115.641 328.224 115.019 328.085ZM182.504 286.234C182.378 287.068 182.348 291.961 182.433 297.106C182.574 305.132 182.78 307.198 183.89 311.642C186.255 321.125 190.619 330.859 195.953 338.573C198.067 341.635 207.568 351.722 208.337 351.722C208.713 351.722 208.518 352.191 219.069 326.184C223.131 316.171 227.244 306.471 228.209 304.627C231.759 297.818 237.203 292.398 243.847 289.056C257.517 282.176 272.472 287.251 282.114 302.044C284.686 305.986 286.222 309.479 296.708 335.159C300.088 343.433 303.131 350.586 303.473 351.055C304.025 351.814 304.683 351.313 309.324 346.632C321.266 334.588 327.639 320.704 329.853 301.91C331.722 286.035 326.403 265.555 316.676 251.19C313.04 245.816 302.981 235.811 297.602 232.212C289.241 226.618 279.136 222.367 269.514 220.393C263.362 219.13 248.256 219.15 242.451 220.427C223.483 224.601 205.966 235.825 196.354 249.965C188.781 261.099 184.648 271.926 182.504 286.234ZM310.469 358.826C308.826 360.099 307.737 361.339 307.737 361.926C307.737 362.982 311.061 371.699 318.855 391.069C324.123 404.155 324.646 405.326 325.208 405.325C325.404 405.323 326.052 404.129 326.639 402.67C327.232 401.21 330.014 394.554 332.821 387.879C335.629 381.204 340.304 369.826 343.217 362.594C351.674 341.563 353.657 337.82 359.091 332.658C366.549 325.573 373.966 322.604 395.37 318.138C414.71 314.103 421.565 310.744 428.801 301.754C432.307 297.406 435.41 291.22 436.736 285.953C437.891 281.369 438.624 273.338 437.891 273.338C437.61 273.338 434.566 274.574 431.126 276.085C427.686 277.596 420.269 280.343 414.639 282.19C395.651 288.421 387.867 291.118 380.209 294.118C376.015 295.762 371.993 297.106 371.27 297.106C369.713 297.106 367.689 295.09 367.257 293.109C366.855 291.254 367.664 289.26 369.251 288.213C372.52 286.055 387.184 280.761 410.968 273.152C435.38 265.341 447.548 257.093 454.85 243.413C458.968 235.691 461.313 225.215 460.666 217.4C460.47 215.069 460.189 213.16 460.033 213.16C459.877 213.16 456.111 214.96 451.666 217.159C447.217 219.357 438.951 223.024 433.286 225.308C419.415 230.901 412.806 233.833 404.158 238.229C374.504 253.308 354.356 271.423 344.01 292.302C341.931 296.5 341.057 299.286 339.581 306.396C336.061 323.383 331.435 334.532 323.616 344.895C319.799 349.949 314.044 356.046 310.469 358.826ZM331.922 245.773C329.944 248.273 328.327 250.345 328.327 250.377C328.327 250.409 329.547 253.028 331.034 256.197C333.961 262.431 336.969 271.269 337.974 276.584C338.315 278.415 338.742 279.912 338.923 279.912C339.099 279.912 341.128 277.353 343.438 274.223C349.273 266.3 360.598 254.998 369.005 248.705C386.893 235.311 401.728 227.42 431.026 215.711C456.302 205.61 467.541 197.129 474.933 182.569C478.996 174.573 481.035 166.287 481.09 157.534C481.135 150.324 480.467 147.878 477.665 145.056C475.34 142.713 474.155 142.399 469.946 143.019C458.983 144.636 430.027 159.271 408.427 174.112C399.89 179.978 386.858 189.888 379.069 196.437C363.646 209.409 346.466 227.388 331.922 245.773Z" fill="#E8920C"/> 5 + <path fill-rule="evenodd" clip-rule="evenodd" d="M317.65 178.663C318.273 179.418 318.78 180.635 318.78 181.367C318.785 182.097 317.539 185.057 316.013 187.941C314.486 190.826 311.754 196.144 309.936 199.759C306.079 207.433 304.723 209.115 302.408 209.115C301.519 209.115 300.425 208.973 299.973 208.801C298.873 208.375 297.693 205.957 297.693 204.126C297.693 203.214 300.108 197.796 303.845 190.32C309.459 179.091 310.157 177.936 311.819 177.117C314.014 176.036 315.912 176.539 317.65 178.663Z" fill="#E8920C"/> 6 + <path fill-rule="evenodd" clip-rule="evenodd" d="M260.394 160.596C261.354 162.497 261.288 192.858 260.319 195.184C258.466 199.655 252.384 198.608 251.566 193.677C251.38 192.571 251.244 184.787 251.26 176.377C251.285 161.757 251.33 161.026 252.319 159.694C253.826 157.662 256.035 157.16 258.114 158.382C259.028 158.919 260.053 159.915 260.394 160.596Z" fill="#E8920C"/> 7 + <path fill-rule="evenodd" clip-rule="evenodd" d="M208.774 191.075C212.103 197.703 214.83 203.578 214.83 204.131C214.83 206.691 212.44 209.086 209.863 209.104C208.573 209.113 207.794 208.714 206.669 207.471C204.811 205.426 194.431 185.11 193.964 182.612C193.522 180.235 194.476 177.925 196.294 176.979C200.136 174.98 201.401 176.413 208.774 191.075Z" fill="#E8920C"/> 8 + <path fill-rule="evenodd" clip-rule="evenodd" d="M356.615 177.003C357.63 178.879 357.298 180.608 355.566 182.439C354.622 183.438 353.758 183.83 352.497 183.83C350.89 183.83 350.122 183.182 343.498 176.244C335.041 167.395 327.945 161.483 319.538 156.289C303.172 146.174 288.894 140.981 270.072 138.298C263.845 137.409 247.337 137.539 241.045 138.525C210.818 143.266 185.793 156.703 166.815 178.389C164.199 181.376 161.527 183.955 160.879 184.119C158.072 184.829 154.632 180.922 155.31 177.799C155.933 174.95 167.975 162.375 176.412 155.76C196.234 140.224 219.039 130.942 244.063 128.226C266.26 125.818 292.857 130.938 313.894 141.672C323.445 146.545 336.643 155.703 343.985 162.552C348.254 166.535 355.345 174.644 356.615 177.003Z" fill="#E8920C"/> 9 + <path fill-rule="evenodd" clip-rule="evenodd" d="M389.128 148.896C391.101 151.895 391.041 153.651 388.892 155.814C387.159 157.559 385.738 157.926 384.106 157.047C383.608 156.78 381.283 154.334 378.938 151.611C358.574 127.966 332.53 109.976 305.979 101.209C289.457 95.7525 273.974 93.3201 255.759 93.3201C239.814 93.3191 226.165 95.3014 210.732 99.8578C192.497 105.24 172.374 116.023 156.44 128.95C149.494 134.584 139.395 144.675 133.826 151.542C128.241 158.431 126.584 159.149 123.305 156.1C122.225 155.094 121.924 154.36 121.924 152.705C121.924 150.8 122.341 150.088 126.248 145.341C141.173 127.198 160.869 111.369 180.932 101.39C207.965 87.9455 235.365 82.1128 264.081 83.6896C281.929 84.6706 294.946 87.097 309.745 92.2015C331.32 99.6423 350.162 110.834 368.678 127.205C375.362 133.114 386.556 144.987 389.128 148.896Z" fill="#E8920C"/> 10 + <path fill-rule="evenodd" clip-rule="evenodd" d="M425.411 127.464C427.345 131.061 425.542 134.777 421.866 134.777C419.596 134.777 418.004 133.282 412.43 125.927C395.993 104.24 376.779 87.3852 352.839 73.6616C332.962 62.2631 309.871 54.4329 284.887 50.6159C269.881 48.3231 246.192 48.2199 229.394 50.3742C198.012 54.3965 168.643 65.978 142.012 84.8345C126.358 95.9183 110.348 111.54 98.677 127.117C93.3738 134.2 92.7411 134.777 90.2753 134.777C87.7693 134.777 85.7655 132.561 85.7655 129.793C85.7655 128.229 86.4736 126.968 90.0895 122.121C118.73 83.6724 159.091 56.5376 204.786 45.0118C222.991 40.42 234.838 39.0081 255.257 39C278.423 38.9919 292.967 40.8741 312.256 46.3782C344.342 55.5323 370.687 70.1996 396.143 93.0814C406.258 102.178 421.344 119.896 425.411 127.464Z" fill="#E8920C"/> 11 + </svg>

+7 -14

src/components/AppBar.tsx

··· 2 2 import { useAuth } from '../lib/auth/useAuth'; 3 3 import { displayNameFor, authorPath } from '../lib/auth/profile'; 4 4 import { appBarNav, type AppBarContext } from '../lib/auth/nav'; 5 + import { skypressMark } from '../lib/brand/skypress-mark'; 5 6 6 - /** Inline SkyPress mark — mirrors Logo.astro (that one is Astro-only, unusable in a React island). */ 7 + /** SkyPress mark — shares the inline-SVG source with Logo.astro (Astro components 8 + * can't render in a React island). `currentColor` lets it follow the --sun token. */ 7 9 function LogoMark() { 8 10 return ( 9 - <svg 11 + <span 10 12 className="app-bar__mark" 11 - width={ 24 } 12 - height={ 24 } 13 - viewBox="0 0 32 32" 14 - fill="none" 15 - aria-hidden="true" 16 - > 17 - <rect x="2.5" y="2.5" width="27" height="27" rx="7.5" stroke="currentColor" strokeWidth="2.2" /> 18 - <circle cx="16" cy="12.5" r="3.6" stroke="currentColor" strokeWidth="1.9" /> 19 - <circle cx="16" cy="12.5" r="0.9" fill="currentColor" /> 20 - <path d="M7 18.5h18" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" /> 21 - <path d="M9 22.8h14M9 25.6h9" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" opacity="0.55" /> 22 - </svg> 13 + // eslint-disable-next-line react/no-danger -- static, app-authored SVG markup; no user input 14 + dangerouslySetInnerHTML={ { __html: skypressMark( 24 ) } } 15 + /> 23 16 ); 24 17 } 25 18

+3 -14

src/components/LoadingScene.astro

··· 15 15 * only the static logo is shown — nav/identity depend on auth state we don't 16 16 * have yet. 17 17 */ 18 + import { skypressMark } from '../lib/brand/skypress-mark'; 19 + 18 20 interface Props { 19 21 /** Which island is loading; picks the skeleton shape + content width. */ 20 22 variant: 'dashboard' | 'editor'; ··· 25 27 <div class="loading-scene" aria-busy="true"> 26 28 <header class="app-bar"> 27 29 <a class="app-bar__home" href="/" aria-label="SkyPress home"> 28 - <svg 29 - class="app-bar__mark" 30 - width="24" 31 - height="24" 32 - viewBox="0 0 32 32" 33 - fill="none" 34 - aria-hidden="true" 35 - > 36 - <rect x="2.5" y="2.5" width="27" height="27" rx="7.5" stroke="currentColor" stroke-width="2.2" /> 37 - <circle cx="16" cy="12.5" r="3.6" stroke="currentColor" stroke-width="1.9" /> 38 - <circle cx="16" cy="12.5" r="0.9" fill="currentColor" /> 39 - <path d="M7 18.5h18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" /> 40 - <path d="M9 22.8h14M9 25.6h9" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" opacity="0.55" /> 41 - </svg> 30 + <span class="app-bar__mark" set:html={skypressMark( 24 )} /> 42 31 <span class="app-bar__word">SkyPress</span> 43 32 </a> 44 33 </header>

+7 -23

src/components/Logo.astro

··· 1 1 --- 2 + import { skypressMark } from '../lib/brand/skypress-mark'; 3 + 2 4 interface Props { 3 5 size?: number; 4 6 wordmark?: boolean; ··· 7 9 --- 8 10 9 11 <span class="logo"> 10 - <svg 11 - class="logo__mark" 12 - width={size} 13 - height={size} 14 - viewBox="0 0 32 32" 15 - fill="none" 16 - aria-hidden="true" 17 - > 18 -  19 - <rect x="2.5" y="2.5" width="27" height="27" rx="7.5" stroke="currentColor" stroke-width="2.2" /> 20 -  21 - <g class="logo__sun"> 22 - <circle cx="16" cy="12.5" r="3.6" stroke="currentColor" stroke-width="1.9" /> 23 - <circle cx="16" cy="12.5" r="0.9" fill="currentColor" /> 24 - </g> 25 -  26 - <path class="logo__moon" d="M18.4 9.1a4 4 0 1 0 0 6.8 4.9 4.9 0 0 1 0-6.8Z" fill="currentColor" /> 27 - <path d="M7 18.5h18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" /> 28 -  29 - <path d="M9 22.8h14M9 25.6h9" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" opacity="0.55" /> 30 - </svg> 12 + <span class="logo__mark" set:html={skypressMark( size )} /> 31 13 {wordmark && <span class="logo__word">SkyPress</span>} 32 14 </span> 33 15 ··· 40 22 text-decoration: none; 41 23 } 42 24 .logo__mark { 43 - color: var(--sun); 25 + display: inline-flex; 44 26 flex: none; 27 + line-height: 0; 28 + /* The mark inherits this via fill="currentColor"; --sun lightens in dark mode. */ 29 + color: var(--sun); 45 30 } 46 - .logo__moon { display: none; } 47 31 .logo__word { 48 32 font-family: var(--font-display); 49 33 font-weight: 700;

+1 -1

src/layouts/Base.astro

··· 71 71 <meta charset="utf-8" /> 72 72 <meta name="viewport" content="width=device-width, initial-scale=1" /> 73 73 <meta name="generator" content={Astro.generator} /> 74 - <link rel="icon" href="/favicon.svg" type="image/svg+xml" /> 74 + <link rel="icon" href="/skypress-logo.svg" type="image/svg+xml" /> 75 75 {description && <meta name="description" content={description} />} 76 76 { 77 77 socialMeta && (

+17

src/lib/brand/skypress-mark.ts

··· 1 + /** 2 + * SkyPress winged-sun mark as inline SVG markup. 3 + * 4 + * Single source for the in-app marks (Logo.astro, AppBar.tsx, LoadingScene.astro) 5 + * so the filled paths are not duplicated across the Astro/React boundary. Paths 6 + * use `fill="currentColor"`, so the mark follows the surrounding `color` (the --sun 7 + * token, which lightens in dark mode) instead of being locked to one orange. 8 + * 9 + * The favicon and OpenGraph card use the static-orange `public/skypress-logo.svg` 10 + * / `public/og-default.png` instead (those contexts cannot inherit currentColor). 11 + */ 12 + const MARK_PATHS = 13 + "<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M443.792 415.819C444.073 416.305 444.309 417.651 444.319 418.808C444.329 420.547 444.068 421.14 442.787 422.221C441.005 423.735 439.302 423.881 437.298 422.689C434.762 421.18 434.185 418.722 435.762 416.123C437.082 413.938 439.709 413.074 441.768 414.146C442.602 414.579 443.511 415.332 443.792 415.819Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M75.9024 415.256C77.8358 417.198 77.7454 420.052 75.6965 422.116C74.3405 423.482 73.9287 423.625 72.0606 423.373C65.9488 422.548 66.2301 413.923 72.3669 413.923C74.0894 413.923 74.8729 414.219 75.9024 415.256Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M490.486 148.937C491.335 153.315 491.104 162.665 490.004 168.225C487.347 181.679 481.718 192.88 472.889 202.273C471.548 203.7 470.207 205.127 468.861 206.553C469.082 207.528 469.303 208.502 469.519 209.477C470.383 213.318 470.388 227.604 469.529 231.618C466.903 243.857 461.464 253.58 451.978 262.972C450.446 264.489 448.914 266.006 447.382 267.523C447.558 268.281 447.739 269.04 447.915 269.798C448.568 272.563 448.181 280.355 447.146 285.222C444.691 296.832 440.372 304.773 432.407 312.343C427.742 316.775 425.231 318.455 418.817 321.446C409.221 325.921 410.295 324.962 407.267 331.746C402.843 341.651 382.062 390.658 382.062 391.186C382.062 391.492 395.45 391.672 418.245 391.672C457.949 391.672 456.533 391.564 458.135 394.689C459.254 396.865 459.079 398.144 457.431 399.801C456.939 400.295 456.452 400.787 455.96 401.28C443.099 401.282 430.242 401.285 417.381 401.287C396.158 401.292 378.516 401.474 378.175 401.694C377.612 402.054 374.157 409.563 373.323 412.235C373.208 412.601 373.098 412.965 372.982 413.33C380.731 413.386 388.48 413.443 396.229 413.5C421.328 413.684 421.052 413.652 422.484 416.441C423.588 418.588 423.423 419.768 421.775 421.626C421.288 422.176 420.801 422.727 420.314 423.278C411.651 423.363 402.988 423.446 394.325 423.531C385.668 423.616 377.005 423.699 368.342 423.784C367.543 425.553 366.74 427.323 365.936 429.093C364.615 432.013 363.521 434.687 363.506 435.035C363.485 435.532 368.176 435.667 385.351 435.667C409.075 435.667 409.351 435.698 410.592 438.435C411.516 440.479 411.31 442.019 409.888 443.72C409.457 444.238 409.025 444.757 408.588 445.276C400.327 445.276 392.071 445.276 383.809 445.276C375.548 445.276 367.287 445.276 359.026 445.276C357.936 447.51 356.841 449.741 355.747 451.976C351.98 459.668 349.178 463.45 344.759 466.793C337.055 472.624 329.226 474.844 320.613 473.635C308.304 471.911 299.049 464.017 292.691 449.827C291.757 447.741 290.752 445.866 290.451 445.662C290.155 445.458 278.423 445.288 264.387 445.283C247.86 445.278 238.529 445.092 237.901 444.755C236.46 443.977 235.305 441.391 235.666 439.739C235.837 438.961 236.545 437.782 237.243 437.122C237.665 436.721 238.092 436.321 238.514 435.92C246.408 435.835 254.308 435.752 262.202 435.667C285.504 435.419 285.891 435.397 285.811 434.403C285.77 433.847 284.445 430.319 282.868 426.565C281.296 422.811 275.712 409.042 270.464 395.97C256.518 361.221 256.357 360.824 256.045 360.825C255.89 360.826 255.282 362.021 254.695 363.48C239.453 401.535 234.913 413.077 235.119 413.28C235.255 413.417 240.216 413.492 246.142 413.447C260.952 413.336 264.387 413.685 266.175 415.481C268.364 417.686 267.842 421.766 265.221 422.969C264.402 423.345 258.466 423.531 247.297 423.531C241.728 423.531 236.163 423.531 230.594 423.531C228.51 428.446 226.431 433.361 224.347 438.277C217.552 454.312 214.479 459.799 209.577 464.659C198.218 475.916 180.751 477.14 168.106 467.562C163.596 464.148 160.422 459.9 156.575 452.123C155.486 449.928 154.401 447.727 153.311 445.529C145.08 445.444 136.849 445.361 128.618 445.276C120.387 445.191 112.156 445.108 103.925 445.023C103.493 444.614 103.061 444.206 102.629 443.797C101.238 442.48 100.892 439.974 101.851 438.169C103.142 435.739 103.86 435.667 126.921 435.667C144.638 435.667 148.54 435.546 148.54 434.991C148.54 434.196 144.327 424.647 143.694 424.01C143.458 423.771 131.842 423.508 117.881 423.426C94.4184 423.289 92.3946 423.209 91.119 422.367C88.1862 420.43 88.2515 416.602 91.2546 414.564C91.8171 414.181 92.3795 413.799 92.947 413.417C100.706 413.417 108.465 413.417 116.224 413.417C129.025 413.417 139.501 413.304 139.501 413.167C139.501 412.68 134.875 402.534 134.368 401.912C133.966 401.416 125.525 401.28 95.2521 401.28C82.3858 401.28 69.5195 401.28 56.6532 401.28C56.1159 400.795 55.5785 400.311 55.0412 399.827C52.0983 397.183 53.1429 393.286 57.0901 392.182C58.2151 391.868 72.2916 391.677 94.4285 391.675C123.24 391.672 129.959 391.547 129.959 391.014C129.959 390.437 128.663 387.234 121.833 370.938C119.704 365.859 112.924 350.375 110.765 345.653C109.811 343.568 107.486 338.333 105.602 334.022C103.719 329.712 101.821 325.825 101.379 325.387C100.942 324.947 98.883 323.94 96.8139 323.147C76.038 315.192 63.8045 296.521 64.2464 273.448C64.2866 271.209 64.3318 268.97 64.377 266.731C63.0161 265.474 61.6601 264.215 60.2992 262.956C51.5308 254.829 45.63 244.553 43.0346 232.883C41.6355 226.592 41.3091 217.563 42.2572 211.42C42.5164 209.745 42.7745 208.069 43.0326 206.394C41.739 205.035 40.4443 203.676 39.1486 202.317C28.1355 190.763 20.951 173.005 21.0003 157.455C21.0304 147.89 23.3335 141.317 28.1385 137.083C34.7544 131.255 42.1277 131.36 57.5471 137.497C81.6124 147.072 109.71 164.22 133.57 183.892C150.8 198.096 169.653 217.008 182.664 233.135C187.501 239.128 189.615 241.479 190.177 241.479C190.433 241.479 191.448 240.372 192.432 239.019C198.223 231.078 213.248 220.199 224.623 215.715C236.334 211.099 244.56 209.423 255.508 209.428C264.628 209.432 270.991 210.362 279.357 212.918C294.393 217.505 305.165 224.068 316.399 235.484C319.649 238.781 322.441 241.479 322.607 241.479C322.772 241.479 323.395 240.858 323.988 240.099C333.123 228.387 350.489 209.322 360.517 200.003C384.533 177.69 410.135 159.486 437.052 145.595C451.239 138.273 461.067 134.508 469.308 133.239C479.789 131.624 488.362 137.979 490.486 148.937ZM31.4931 150.707C30.8574 153.354 31 161.856 31.7453 165.785C34.208 178.739 41.056 191.163 49.9117 198.743C56.9646 204.776 64.0857 208.592 82.5013 216.202C102.705 224.552 109.414 227.654 119.247 233.194C135.579 242.395 147.782 251.351 157.956 261.594C162.597 266.267 169.371 274.443 171.571 278.028C172.209 279.064 172.897 279.912 173.103 279.912C173.309 279.912 173.75 278.403 174.092 276.559C175.011 271.518 177.909 263.176 181.022 256.58C181.951 254.617 182.875 252.656 183.804 250.694C182.921 249.537 182.037 248.381 181.153 247.224C169.979 232.605 151.659 212.759 138.747 201.293C133.309 196.46 119.297 185.126 113.637 180.981C91.8974 165.047 61.8007 148.45 45.4181 143.359C42.4581 142.439 37.0987 142.912 35.2194 144.259C33.6365 145.395 32.153 147.961 31.4931 150.707ZM52.2037 212.854C51.8572 213.069 51.7266 215.954 51.8221 221.137C51.9476 228.025 52.1485 229.685 53.3036 233.534C55.8798 242.126 59.8723 248.76 65.9891 254.631C74.8227 263.104 84.9369 268.14 108.113 275.599C141.454 286.33 146.059 288.49 145.336 293.061C145.005 295.175 142.554 297.612 140.756 297.612C140.078 297.612 137.201 296.571 134.363 295.3C129.482 293.111 121.351 290.256 101.419 283.731C92.2992 280.747 85.6852 278.211 79.0512 275.158C76.8717 274.158 74.8629 273.338 74.5816 273.338C73.7631 273.338 74.5214 282.171 75.7317 286.734C77.856 294.746 83.6513 303.828 89.4015 308.156C95.7743 312.955 101.309 314.923 120.799 319.32C128.302 321.013 136.086 322.994 138.099 323.721C148.831 327.601 155.47 333.116 160.392 342.233C161.487 344.257 165.168 352.739 168.583 361.081C171.998 369.423 175.965 379.092 177.406 382.569C178.848 386.046 181.439 392.349 183.167 396.576C184.894 400.803 186.572 404.626 186.893 405.071C187.38 405.736 189.047 401.94 196.259 383.785C199.182 376.421 202.104 369.056 205.032 361.69C204.194 361.008 203.36 360.325 202.521 359.643C198.012 355.956 190.539 347.965 187.3 343.359C179.772 332.659 175.066 320.961 172.661 306.967C171.496 300.182 170.597 297.561 166.981 290.378C155.32 267.189 128.246 246.127 88.5277 229.336C85.7656 228.167 81.3663 226.304 78.7549 225.195C76.1385 224.085 72.2967 222.498 70.2176 221.665C65.4668 219.766 53.4843 213.753 53.0575 213.051C52.8767 212.762 52.495 212.674 52.2037 212.854ZM115.019 328.085C113.783 327.812 113.256 326.456 121.457 344.768C124.329 351.182 127.769 359.341 136.849 381.305C145.452 402.099 152.583 418.849 160.97 437.943C164.028 444.905 167.88 452.573 169.537 454.995C174.499 462.262 184.548 466.141 192.282 463.774C198.177 461.974 203.139 458.247 206.569 453.043C208.939 449.443 213.966 437.919 225.381 409.877C227.25 405.287 229.846 398.916 231.147 395.717C232.447 392.518 236.299 382.961 239.699 374.478C243.104 365.995 247.262 355.641 248.939 351.469C252.249 343.237 253.449 341.608 256.201 341.608C257.979 341.608 259.37 342.791 260.661 345.4C261.359 346.812 273.266 376.234 282.551 399.51C284.771 405.073 288.045 413.152 289.823 417.462C291.606 421.773 294.564 428.942 296.402 433.392C302.197 447.422 305.457 453.68 308.811 457.195C319.247 468.133 335.528 466.328 343.895 453.301C346.32 449.529 355.727 428.306 369.753 394.959C373.263 386.615 380.972 368.378 386.883 354.432C392.794 340.487 397.63 328.804 397.63 328.471C397.63 327.668 395.325 328.061 385.773 330.495C374.961 333.251 369.924 335.728 365.087 340.666C361.527 344.296 360.236 346.83 353.477 363.414C343.885 386.963 330.501 419.211 329.572 421.017C328.633 422.852 326.172 424.062 324.168 423.676C322.044 423.268 320.121 420.469 317.519 413.992C316.214 410.755 313.954 405.149 312.492 401.533C311.026 397.917 305.306 383.581 299.777 369.674C294.243 355.767 287.759 339.61 285.364 333.769C282.963 327.928 280.221 321.215 279.257 318.851C274.652 307.504 271.342 302.454 266.275 299.023C259.295 294.298 252.701 294.512 244.962 299.716C241.803 301.837 238.634 305.79 236.299 310.507C234.069 315.008 226.597 333.565 208.899 378.524C198.785 404.217 192.698 419.173 191.674 420.835C189.811 423.879 187.28 424.374 184.713 422.201C182.147 420.027 179.099 413.311 165.113 379.029C163.239 374.44 160.754 368.41 159.594 365.628C158.428 362.847 156.626 358.523 155.581 356.02C152.181 347.87 151.614 346.698 149.58 343.682C147.104 340.01 143.774 337.086 139.501 334.832C135.609 332.779 131.455 331.509 122.677 329.689C119.086 328.946 115.641 328.224 115.019 328.085ZM182.504 286.234C182.378 287.068 182.348 291.961 182.433 297.106C182.574 305.132 182.78 307.198 183.89 311.642C186.255 321.125 190.619 330.859 195.953 338.573C198.067 341.635 207.568 351.722 208.337 351.722C208.713 351.722 208.518 352.191 219.069 326.184C223.131 316.171 227.244 306.471 228.209 304.627C231.759 297.818 237.203 292.398 243.847 289.056C257.517 282.176 272.472 287.251 282.114 302.044C284.686 305.986 286.222 309.479 296.708 335.159C300.088 343.433 303.131 350.586 303.473 351.055C304.025 351.814 304.683 351.313 309.324 346.632C321.266 334.588 327.639 320.704 329.853 301.91C331.722 286.035 326.403 265.555 316.676 251.19C313.04 245.816 302.981 235.811 297.602 232.212C289.241 226.618 279.136 222.367 269.514 220.393C263.362 219.13 248.256 219.15 242.451 220.427C223.483 224.601 205.966 235.825 196.354 249.965C188.781 261.099 184.648 271.926 182.504 286.234ZM310.469 358.826C308.826 360.099 307.737 361.339 307.737 361.926C307.737 362.982 311.061 371.699 318.855 391.069C324.123 404.155 324.646 405.326 325.208 405.325C325.404 405.323 326.052 404.129 326.639 402.67C327.232 401.21 330.014 394.554 332.821 387.879C335.629 381.204 340.304 369.826 343.217 362.594C351.674 341.563 353.657 337.82 359.091 332.658C366.549 325.573 373.966 322.604 395.37 318.138C414.71 314.103 421.565 310.744 428.801 301.754C432.307 297.406 435.41 291.22 436.736 285.953C437.891 281.369 438.624 273.338 437.891 273.338C437.61 273.338 434.566 274.574 431.126 276.085C427.686 277.596 420.269 280.343 414.639 282.19C395.651 288.421 387.867 291.118 380.209 294.118C376.015 295.762 371.993 297.106 371.27 297.106C369.713 297.106 367.689 295.09 367.257 293.109C366.855 291.254 367.664 289.26 369.251 288.213C372.52 286.055 387.184 280.761 410.968 273.152C435.38 265.341 447.548 257.093 454.85 243.413C458.968 235.691 461.313 225.215 460.666 217.4C460.47 215.069 460.189 213.16 460.033 213.16C459.877 213.16 456.111 214.96 451.666 217.159C447.217 219.357 438.951 223.024 433.286 225.308C419.415 230.901 412.806 233.833 404.158 238.229C374.504 253.308 354.356 271.423 344.01 292.302C341.931 296.5 341.057 299.286 339.581 306.396C336.061 323.383 331.435 334.532 323.616 344.895C319.799 349.949 314.044 356.046 310.469 358.826ZM331.922 245.773C329.944 248.273 328.327 250.345 328.327 250.377C328.327 250.409 329.547 253.028 331.034 256.197C333.961 262.431 336.969 271.269 337.974 276.584C338.315 278.415 338.742 279.912 338.923 279.912C339.099 279.912 341.128 277.353 343.438 274.223C349.273 266.3 360.598 254.998 369.005 248.705C386.893 235.311 401.728 227.42 431.026 215.711C456.302 205.61 467.541 197.129 474.933 182.569C478.996 174.573 481.035 166.287 481.09 157.534C481.135 150.324 480.467 147.878 477.665 145.056C475.34 142.713 474.155 142.399 469.946 143.019C458.983 144.636 430.027 159.271 408.427 174.112C399.89 179.978 386.858 189.888 379.069 196.437C363.646 209.409 346.466 227.388 331.922 245.773Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M317.65 178.663C318.273 179.418 318.78 180.635 318.78 181.367C318.785 182.097 317.539 185.057 316.013 187.941C314.486 190.826 311.754 196.144 309.936 199.759C306.079 207.433 304.723 209.115 302.408 209.115C301.519 209.115 300.425 208.973 299.973 208.801C298.873 208.375 297.693 205.957 297.693 204.126C297.693 203.214 300.108 197.796 303.845 190.32C309.459 179.091 310.157 177.936 311.819 177.117C314.014 176.036 315.912 176.539 317.65 178.663Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M260.394 160.596C261.354 162.497 261.288 192.858 260.319 195.184C258.466 199.655 252.384 198.608 251.566 193.677C251.38 192.571 251.244 184.787 251.26 176.377C251.285 161.757 251.33 161.026 252.319 159.694C253.826 157.662 256.035 157.16 258.114 158.382C259.028 158.919 260.053 159.915 260.394 160.596Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M208.774 191.075C212.103 197.703 214.83 203.578 214.83 204.131C214.83 206.691 212.44 209.086 209.863 209.104C208.573 209.113 207.794 208.714 206.669 207.471C204.811 205.426 194.431 185.11 193.964 182.612C193.522 180.235 194.476 177.925 196.294 176.979C200.136 174.98 201.401 176.413 208.774 191.075Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M356.615 177.003C357.63 178.879 357.298 180.608 355.566 182.439C354.622 183.438 353.758 183.83 352.497 183.83C350.89 183.83 350.122 183.182 343.498 176.244C335.041 167.395 327.945 161.483 319.538 156.289C303.172 146.174 288.894 140.981 270.072 138.298C263.845 137.409 247.337 137.539 241.045 138.525C210.818 143.266 185.793 156.703 166.815 178.389C164.199 181.376 161.527 183.955 160.879 184.119C158.072 184.829 154.632 180.922 155.31 177.799C155.933 174.95 167.975 162.375 176.412 155.76C196.234 140.224 219.039 130.942 244.063 128.226C266.26 125.818 292.857 130.938 313.894 141.672C323.445 146.545 336.643 155.703 343.985 162.552C348.254 166.535 355.345 174.644 356.615 177.003Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M389.128 148.896C391.101 151.895 391.041 153.651 388.892 155.814C387.159 157.559 385.738 157.926 384.106 157.047C383.608 156.78 381.283 154.334 378.938 151.611C358.574 127.966 332.53 109.976 305.979 101.209C289.457 95.7525 273.974 93.3201 255.759 93.3201C239.814 93.3191 226.165 95.3014 210.732 99.8578C192.497 105.24 172.374 116.023 156.44 128.95C149.494 134.584 139.395 144.675 133.826 151.542C128.241 158.431 126.584 159.149 123.305 156.1C122.225 155.094 121.924 154.36 121.924 152.705C121.924 150.8 122.341 150.088 126.248 145.341C141.173 127.198 160.869 111.369 180.932 101.39C207.965 87.9455 235.365 82.1128 264.081 83.6896C281.929 84.6706 294.946 87.097 309.745 92.2015C331.32 99.6423 350.162 110.834 368.678 127.205C375.362 133.114 386.556 144.987 389.128 148.896Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M425.411 127.464C427.345 131.061 425.542 134.777 421.866 134.777C419.596 134.777 418.004 133.282 412.43 125.927C395.993 104.24 376.779 87.3852 352.839 73.6616C332.962 62.2631 309.871 54.4329 284.887 50.6159C269.881 48.3231 246.192 48.2199 229.394 50.3742C198.012 54.3965 168.643 65.978 142.012 84.8345C126.358 95.9183 110.348 111.54 98.677 127.117C93.3738 134.2 92.7411 134.777 90.2753 134.777C87.7693 134.777 85.7655 132.561 85.7655 129.793C85.7655 128.229 86.4736 126.968 90.0895 122.121C118.73 83.6724 159.091 56.5376 204.786 45.0118C222.991 40.42 234.838 39.0081 255.257 39C278.423 38.9919 292.967 40.8741 312.256 46.3782C344.342 55.5323 370.687 70.1996 396.143 93.0814C406.258 102.178 421.344 119.896 425.411 127.464Z\" fill=\"currentColor\"/>"; 14 + 15 + export function skypressMark( size = 28 ): string { 16 + return `<svg width="${ size }" height="${ size }" viewBox="0 0 512 512" fill="none" aria-hidden="true" focusable="false">${ MARK_PATHS }</svg>`; 17 + }

-21

src/lib/landing/landing-content.test.ts

··· 99 99 expect( reduced ).toMatch( /\.shootingstar/ ); 100 100 } ); 101 101 } ); 102 - 103 - describe( 'playful: sun becomes moon', () => { 104 - const logo = read( '../../components/Logo.astro' ); 105 - const index = read( '../../pages/index.astro' ); 106 - 107 - it( 'gives the logo mark distinct sun and moon parts', () => { 108 - expect( logo ).toMatch( /class="logo__sun"/ ); 109 - expect( logo ).toMatch( /class="logo__moon"/ ); 110 - } ); 111 - 112 - it( 'hides the moon by default so non-landing pages keep the sun', () => { 113 - const style = logo.match( /<style>([\s\S]*?)<\/style>/ )?.[ 1 ] ?? ''; 114 - expect( style ).toMatch( /\.logo__moon\s*\{[^}]*display:\s*none/ ); 115 - } ); 116 - 117 - it( 'swaps the mark to the moon for dark phases on the landing only', () => { 118 - const style = index.match( /<style>([\s\S]*?)<\/style>/ )?.[ 1 ] ?? ''; 119 - expect( style ).toMatch( /:global$\s*\[data-phase='night'\]\s*$[\s\S]*?\.logo__moon/ ); 120 - expect( style ).toMatch( /:global$\s*\[data-phase='night'\]\s*$[\s\S]*?\.logo__sun/ ); 121 - } ); 122 - } );

-7

src/pages/index.astro

··· 233 233 color: var(--sky-ink); 234 234 } 235 235 236 - /* Playful: the wordmark's sun becomes a crescent moon at night/dusk (landing only — 237 - data-phase is set on <html> only here, so other pages keep the sun). */ 238 - :global([data-phase='night']) .masthead :global(.logo__sun), 239 - :global([data-phase='dusk']) .masthead :global(.logo__sun) { display: none; } 240 - :global([data-phase='night']) .masthead :global(.logo__moon), 241 - :global([data-phase='dusk']) .masthead :global(.logo__moon) { display: block; } 242 - 243 236 /* Ghost buttons sitting on the sky get a frosted chip so they read at every phase. */ 244 237 .masthead .btn--ghost, 245 238 .hero .btn--ghost {

+3

src/styles/app-bar.css

··· 21 21 text-decoration: none; 22 22 } 23 23 .app-bar__mark { 24 + /* The inline mark inherits this via fill="currentColor"; --sun lightens in dark mode. */ 24 25 color: var(--sun); 26 + display: inline-flex; 25 27 flex: none; 28 + line-height: 0; 26 29 } 27 30 .app-bar__word { 28 31 font-family: var(--font-display);

Configure Feed

Configure Feed