fixed: bugs — body overflow image not properly sized based on image

src/_includes/components/snippets/article.njk

@@ -14,7 +14,7 @@
     </span>
     <ul class="more-links">
       <li>
-        <span>{{ post.author }}</span>
+        <span class="disabled">{{ post.author }}</span>
       </li>
       <li>
         <a href="{{ post.url }}" aria-label="Read more about {{ post.title }}" class="sourcecode">

src/_includes/components/snippets/project.njk

@@ -31,9 +31,9 @@
         </li>
       {% else %}
         <li>
-          <span aria-disabled="true" disabled class="sourcecode">
-      sourcecode
-      </span>
+          <span aria-disabled="true" disabled class="sourcecode disabled">
+            sourcecode
+          </span>
         </li>
       {% endif %}
 
@@ -50,7 +50,7 @@
         </li>
       {% else %}
         <li>
-          <span aria-disabled="true" disabled class="sourcecode">demo</span></li>
+          <span aria-disabled="true" disabled class="sourcecode disabled">demo</span></li>
       {% endif %}
     </ul>
   </article>

src/_includes/components/snippets/prototype.njk

@@ -29,7 +29,13 @@
   </div>
   <article class="prototype-description">
     <section aria-labelledby="{{ post.fileSlug }}-header" class="text">
-      <h3 id="{{ post.fileSlug }}-header">{{ post.data.title }}</h3>
+      <header class="prototype-description_header">
+        <a class="header-link__access" href="#{{ post.fileSlug }}-header">
+          <span aria-hidden="true">#</span>
+          <span class="sr-only">Link to heading "{{ post.data.title }}"</span>
+        </a>
+        <h3 id="{{ post.fileSlug }}-header">{{ post.data.title }}</h3>
+      </header>
       <p lang="{{ post.data.language }}">
         {{  post.data.description }}
         <sup class="language">[{{ post.data.language }}]</sup>

src/_includes/components/svg/7mu.njk

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 780 360" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-animation="right-show" {% if loop.index %} data-delay="{{ loop.index }}" {% endif %}>
+<svg viewBox="0 0 780 360" fill="currentColor" xmlns="http://www.w3.org/2000/svg" {% if loop.index %} data-delay="{{ loop.index }}" data-animation="fade-in" {% endif %}>
   <path d="M113.351 265.497L174.484 125.091L186.353 143.901H106.857L124.995 123.523V168.086H87.1505V108.744H217.032V136.511L161.72 265.497H113.351Z"/>
   <path d="M182.3 265.296L238.066 118.798H274.567L301.587 218.417H282.328L383.399 118.798H419.9L364.581 265.296H323.826L357.077 176.769H364.018L288.567 250.856H268.861L248.469 176.769H256.978L223.28 265.296H182.3Z"/>
   <path d="M473.516 225.732C465.048 225.732 457.415 224.064 450.615 220.728C443.944 217.393 438.684 212.197 434.835 205.141C431.114 197.956 429.254 188.911 429.254 178.006V119.696H465.818V172.04C465.818 180.123 467.293 185.896 470.244 189.36C473.323 192.824 477.621 194.556 483.138 194.556C486.73 194.556 490.002 193.722 492.952 192.055C495.903 190.387 498.277 187.757 500.073 184.164C501.869 180.444 502.767 175.697 502.767 169.924V119.696H539.331V224H504.499V194.556L511.234 202.831C507.642 210.529 502.446 216.302 495.647 220.151C488.847 223.872 481.47 225.732 473.516 225.732Z"/>

src/_includes/components/svg/bank-indonesia.njk

@@ -1,4 +1,4 @@
-<svg width="233" height="41" viewBox="0 0 233 41" fill="none" xmlns="http://www.w3.org/2000/svg" data-animation="right-show" {% if loop.index %} data-delay="{{ loop.index }}" {% endif %}>
+<svg width="233" height="41" viewBox="0 0 233 41" fill="none" xmlns="http://www.w3.org/2000/svg" {% if loop.index %} data-delay="{{ loop.index }}" data-animation="fade-in" {% endif %}>
 	<g clip-path="url(#clip0_378_731)" fill="currentColor">
 		<path d="M18.3469 6.41593C18.3594 3.66173 16.4753 4.93867 16.444 4.23135C16.4189 3.46768 16.3814 3.23608 16.8633 3.29867C24.2433 3.43638 24.7692 2.74158 24.1682 4.41913C22.9288 4.56936 22.7911 4.72585 22.4594 5.80875C21.8272 6.84784 23.8553 6.38463 24.4311 6.59745C26.1713 6.89165 27.9302 7.37364 29.4388 8.45028C34.002 11.9368 32.1492 17.8584 27.4357 19.2167C36.5934 21.4013 34.3212 31.4478 26.0711 32.4619C24.6627 32.8187 22.0525 32.3492 22.3404 33.1942C22.234 34.7278 22.6096 36.0924 24.2246 36.155C24.4562 36.5181 24.2809 37.3443 24.0869 37.2755C22.378 37.3381 20.8695 37.2692 19.2983 37.2942C17.9588 37.1941 15.6991 37.8075 16.6004 36.1175C18.6536 36.1926 18.3281 34.1645 18.5096 32.8437C9.80885 32.5933 7.84335 33.2318 8.02488 32.368C7.66182 31.2726 10.8417 32.2428 11.4676 30.8782C12.2438 29.595 11.8745 28.1991 11.9684 26.7845C11.9746 23.2416 11.9746 19.9052 11.9746 16.3999C11.8119 14.0088 12.5443 8.28753 11.042 7.85562C10.1844 7.18585 9.07022 7.59898 8.11877 7.32356C7.94976 7.06692 7.94976 6.29074 8.30656 6.42845C11.8056 6.41593 14.9667 6.41593 18.3469 6.41593ZM22.3092 20.1368C22.3655 23.6923 22.2027 27.4167 22.3655 30.9721C30.5467 30.3524 30.0772 21.082 22.3092 20.1368ZM22.3717 8.15608C22.2403 8.70692 22.2841 16.8193 22.4218 18.115C28.4998 18.2465 29.7956 9.5457 22.3717 8.15608ZM16.275 30.6091C18.6974 30.8657 18.591 31.717 18.5597 29.3822C18.4345 26.1773 18.8226 22.9787 18.4345 19.9804C17.6959 20.0555 16.0183 19.8301 16.275 20.5875C16.275 23.9927 16.275 27.2164 16.275 30.6091ZM16.2562 18.1087C17.2765 18.0524 18.8539 18.9288 18.5722 17.5016C18.4846 8.42524 18.8414 7.91822 18.2154 8.00585C17.6458 8.1686 16.444 8.06845 16.275 8.4002C16.2186 11.7365 16.275 14.8475 16.2562 18.1087Z" fill="var(--clr-background)"/>
 		<path d="M197.645 41.0002C193.401 40.3054 193.795 34.2649 198.052 34.3901C202.434 34.6906 201.826 41.0252 197.645 41.0002ZM199.836 37.6451C199.836 34.653 195.999 34.6029 195.917 37.4135C195.686 40.7373 199.848 40.6246 199.836 37.6451Z"/>

src/_includes/components/svg/genbi.njk

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 1254 415" fill="none" xmlns="http://www.w3.org/2000/svg" data-animation="right-show" {% if loop.index %} data-delay="{{ loop.index }}" {% endif %}>
+<svg viewBox="0 0 1254 415" fill="none" xmlns="http://www.w3.org/2000/svg" {% if loop.index %} data-delay="{{ loop.index }}" data-animation="fade-in" {% endif %}>
   <g clip-path="url(#clip0_357_704)">
     <path d="M260 350.9C230.1 366.6 202.3 385.8 169.7 395.1C138.5 404 107.1 407.2 75.4003 398.4C63.7003 395.2 52.7003 390.1 42.8003 382.8C47.0003 383.8 51.1003 384.9 55.4003 385.8C73.0003 389.5 88.9003 385.1 104 376.2C105.1 375.5 106.2 374.7 107.2 373.8C110.9 370.3 110.6 368 106.2 365.8C79.2003 352.4 68.7003 328.7 65.3003 300.6C65.1003 299 65.0003 297.3 64.9003 295.6C64.8003 294 64.6003 292.4 64.3003 289.7C67.2003 294.3 69.4003 298.2 71.9003 301.9C88.3003 325.4 111.4 338.7 138.7 345.8C171.9 354.4 205.4 356.9 239.5 353.1C246.2 352.3 253.1 351.7 260 350.9Z" fill="currentColor"/>
     <path d="M111.8 314.5C94.2001 299 76.3001 284.1 59.4001 268.3C39.9001 250.1 24.6001 228.7 13.4001 204.3C2.10009 179.6 -2.59991 153.8 1.40009 126.7C1.60009 125.2 2.00009 123.8 2.30009 122.8C4.10009 130.2 5.40009 138.1 7.90009 145.6C12.2001 158.3 21.3001 167.6 31.5001 175.8C31.8001 176 32.1001 176.2 32.3001 176.3C38.7001 180.3 41.3001 179.1 42.0001 171.7C42.9001 162.3 45.7001 153.5 50.5001 145.4C61.0001 127.7 77.1001 116.9 95.8001 109C94.9001 110.2 94.1001 111.5 93.2001 112.6C75.8001 135.1 69.1001 160.6 71.2001 188.7C74.5001 231.8 88.7001 271.3 109.6 308.7C110.4 310.1 111.2 311.6 111.9 313.1C112.1 313.4 111.9 313.8 111.8 314.5Z" fill="currentColor"/>

src/_includes/components/svg/koni.njk

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 811 817" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-animation="right-show" {% if loop.index %} data-delay="{{ loop.index }}" {% endif %}>
+<svg viewBox="0 0 811 817" fill="currentColor" xmlns="http://www.w3.org/2000/svg" {% if loop.index %} data-delay="{{ loop.index }}" data-animation="fade-in" {% endif %}>
   <g clip-path="url(#clip0_202_10)">
     <g opacity="0.7">
       <path d="M809.9 347.3C808.3 329.9 803.6 313.3 797.6 297C796.9 295 796.9 292.4 797.4 290.3C803.8 261.2 800.8 233 789.5 205.7C786 197.3 781.6 189.2 776.8 181.5C768.1 167.5 759.5 153.6 754.7 136.7C748.5 142.5 742.9 147.7 737.9 152.3C733.5 143 729.7 133.6 724.6 124.9C719.1 115.4 712.4 106.7 706.3 97.6C704.8 95.4 703.7 93 702 90C701.2 94.4 700.7 97.9 699.7 101.2C699.1 103.3 697.5 105 696.4 106.9C694.8 105.6 692.8 104.5 691.6 102.9C687 96.4 682.8 89.6 678.3 83C675.3 78.7 671.4 75.6 665.5 74.1V92.9C648.6 78.4 631.9 64.1 614.7 49.3V72C612.9 71.2 611.8 70.8 610.9 70.2C591.2 56.1 571 42.5 551.9 27.5C542.7 20.2 535.5 10.3 527.3 1.60001C527.2 1.70001 526.8 2.10001 526.5 2.70001C526.4 2.80001 526.4 2.90001 526.3 3.00001C518.1 18.5 515.6 34.7 520.4 51.8C525.2 69.2 535.8 83.5 546.9 97.2C570.3 126.2 594.2 154.8 618.3 183.2C635.7 203.7 652.2 224.7 661.8 250.2C672.1 277.7 675.1 305.4 662.8 333.2C651 359.9 635.3 384 613.6 403.4C592.5 422.4 570 439.9 547.9 457.8C537.5 466.2 537.4 475 548.6 482.1C554.4 485.8 560.7 488.7 567.8 492.4C562.5 496.6 557.2 500.8 551.9 505.1C546.6 509.3 541.3 513.5 536 517.7C531.6 521.2 527.1 524.8 522.6 528.3C516.4 533.2 510.2 538.2 503.9 543.2C504.2 543.3 504.4 543.5 504.6 543.6C505 543.9 505.5 544.1 505.9 544.4C508.6 546.1 510.7 547.4 512.4 548.4C512.5 548.4 512.5 548.5 512.6 548.5C523.5 540.1 534 531.9 544.7 524.1C554 517.3 563.8 511.3 573 504.5C582.8 497.3 582.5 490.7 572.7 483.6C568.7 480.7 564.2 478.3 560.3 475.3C555 471.2 554.9 467.2 560.1 463C564.7 459.2 570 456.2 574.7 452.6C601 432 624.4 408.3 644.9 382C657.5 365.8 668.4 348.5 676.2 329.4C685 307.9 686.2 286.2 678.8 264.1C672.6 245.3 663.1 228.2 652.1 211.8C630.4 179.5 604.3 150.8 578.4 121.9C564.6 106.5 550.9 91 541.7 72.3C537.6 64 534.7 55.1 531.3 46.5C538.3 54.4 544.1 62.7 550.6 70.4C573.2 97.1 601.3 117.9 627.2 141.1C651.6 162.9 676.1 184.8 699.5 207.7C719.2 226.9 727.6 251.2 724.5 278.6C722.5 296.3 717.4 313.7 718.8 331.9C719.3 338.8 718.3 345.9 718.3 352.8C718.4 364.9 714.6 375.5 706.2 384.1C694.4 396.2 682 407.8 670 419.8C667.5 422.3 665.4 425.4 664.1 428.6C661.5 435.1 659.3 441.7 657.5 448.5C653.8 463 645.3 473.8 633.4 482.3C627.6 486.5 621.9 490.9 615.8 494.5C612.4 496.6 612.2 498.7 612.5 502.3C613.2 510 617.5 515.9 621.4 522.1C630.9 537 640.1 552 644.1 569.5C646.6 580.2 646.2 590.4 641.2 600.1C632.9 616.4 618.6 630.6 597.3 626.8C594.4 626.3 591.5 625.4 588.5 625.1C581.7 624.4 577.7 620.3 575.5 614.3C572.9 607.1 570.6 599.8 568.4 592.5C564.1 578.5 567.4 566.2 577.6 555.8C583.6 549.6 589.9 543.6 596.1 537.6C601.7 532.3 602.5 525.7 597.2 519.5C598.9 528.5 592.1 532 587.1 536.7C584.3 539.4 581.2 541.7 578.9 544.8C572.8 553.1 566 561.1 561.7 570.2C553.9 586.7 559.4 602.5 568.8 616.4C574.1 624.2 573.3 629.8 569.4 637.4C559.6 656.4 545.7 667.4 523.2 664.8C511.6 663.5 501.3 660.9 498.9 646.9C498.9 646.9 498.9 646.9 498.8 646.9C498.4 647 498 647.2 497.6 647.3C496.2 647.7 494.9 648.2 493.5 648.6C492.4 649 491.2 649.4 490.1 649.7C489.7 649.8 489.3 650 488.8 650.1C487.9 650.4 487.1 650.7 486.2 651C489 660 494.6 666.1 502.7 668.9C510.1 671.4 517.9 672.5 525.6 673.7C535 675.1 544 673.5 551.6 667.6C557.1 663.3 562.6 658.8 566.9 653.4C571.9 647.1 575.6 639.8 580.1 632.6C596.4 635.9 613 636.4 628 626.3C642.6 616.5 650.9 602.2 654.6 585.5C681.8 587.4 706.1 580.5 728.1 565.4C738 558.6 745.3 549.7 747.5 537.5C750.2 522.9 747 509 741.3 495.7C740 492.7 740.5 491.1 742.6 488.8C752.7 478 763.1 467.4 772.6 456.1C787.7 438 800.9 418.6 805.6 394.8C807.2 387 808.5 379.1 809.9 371.3V350.3C810.4 349.2 810 348.3 809.9 347.3ZM795.2 363.9C787.1 356.5 779.1 349.2 771.1 341.8C770.7 342.1 770.3 342.3 770 342.6C773.8 349.5 777.5 356.4 781.6 363.2C786.5 371.3 791.7 379.3 793 389C793.1 389.8 793.4 390.7 793.3 391.5C792.4 394.9 791.4 398.3 790.4 401.7C787.7 400.4 784.9 399.2 782.3 397.7C779.1 395.9 776 393.8 772.9 391.9C772.6 392.2 772.3 392.5 772 392.9C772.5 394.2 773.2 395.4 773.5 396.8C775.6 405.5 777.7 414.1 779.6 422.9C780 424.8 779.8 427.1 779.1 428.8C777.9 431.6 776 434 774.4 436.5C772.3 434.8 769.9 433.4 768.3 431.3C764 425.7 760 419.9 755.9 414.2C755.5 414.5 755.1 414.8 754.6 415C756.5 423 759 431 760 439.1C760.7 444.5 759.4 450.2 758.4 455.7C758.1 457.3 755.6 459.7 754.1 459.7C752.3 459.7 750.1 457.9 748.7 456.3C747.1 454.5 746.3 452.1 744 450.1C743.3 456.7 742.3 463.4 741.9 470C741.7 474.5 740.3 478.1 736.9 480.9C729.9 486.8 728.3 493.5 732.6 502.1C735.4 507.7 736.9 514 738.4 520.1C742.5 536.4 734.1 555.6 718.2 564.1C698.8 574.6 677.4 576.1 655.4 576.5C653 554.6 638.6 539.4 627.7 522.2C624.2 516.7 621.7 510.4 619.1 504.4C617.5 500.7 618.8 498.3 622.5 496C644.4 482.4 661.2 464.2 670.7 439.9C671.1 439 671.6 438 671.6 437.1C671.7 427.9 677.5 422.5 683.9 416.8C698.9 403.7 711 388 721.8 371.3C723.4 368.8 724.5 365.5 724.7 362.5C725.7 346.6 726 330.6 727 314.6C727.4 307.9 728.3 301.1 729.9 294.5C736.9 265.9 729.8 240.1 714.5 216.1C701.3 195.4 683.5 178.9 664.7 163.4C637.6 141.1 611 118.2 583.7 96.1C563.7 79.8 548 59.9 533.3 39.2C530.4 35.2 531.1 28.6 531 22.8C560 49.4 591.1 72.4 626.4 91.7C625.4 84.5 624.6 78.5 623.8 72.6C624.2 72.3 624.5 72 624.9 71.7C633.9 79 643.2 85.9 651.7 93.7C660.1 101.4 667.7 110.1 676.3 119.1C677 112.3 677.6 106.1 678.4 99.2C687.4 113.5 696 127.3 705 141.7C707.9 136.6 710.1 132.8 712.3 128.9H714.2C716.4 132.9 719.1 136.7 720.8 140.8C724.2 149.1 727.2 157.6 730.3 166C733.6 175 734.8 175.3 741 168C743.8 164.7 746.6 161.4 749.4 158.1C749.8 157.6 750.4 157.3 751.2 156.8C755.7 166 760.4 175 764.5 184.1C772.4 201.8 780.8 219.4 787.5 237.6C793.9 255.2 792.1 273.3 787.1 291.2C786.3 294 786.6 297.4 787.4 300.2C789.1 305.9 791.5 311.4 793.5 317.1C794.1 318.7 794.1 320.4 794.7 323.5C788 320.3 782.5 317.6 777.1 315C776.7 315.2 776.4 315.4 776 315.6C784.9 330.4 792.8 345.7 796.9 362.5C796.3 363 795.8 363.5 795.2 363.9Z"/>

src/_includes/components/svg/scc.njk

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 760 390" fill="none" xmlns="http://www.w3.org/2000/svg" data-animation="right-show" {% if loop.index %} data-delay="{{ loop.index }}" {% endif %}>
+<svg viewBox="0 0 760 390" fill="none" xmlns="http://www.w3.org/2000/svg" {% if loop.index %} data-delay="{{ loop.index }}" data-animation="fade-in" {% endif %}>
   <path d="M317.683 296.161V189.495H111.272V296.195C94.1349 279.628 81.239 259.178 73.6745 236.574C66.11 213.971 64.0993 189.878 67.8124 166.333C71.5255 142.788 80.8532 120.483 95.0069 101.305C109.161 82.1259 127.724 66.6371 149.128 56.1478C170.532 45.6585 194.147 40.4771 217.976 41.0417C241.805 41.6062 265.148 47.9001 286.031 59.3913C306.914 70.8825 324.723 87.233 337.953 107.06C351.182 126.888 359.443 149.609 362.037 173.304C362.606 178.682 362.895 184.087 362.902 189.495C362.927 209.402 358.935 229.11 351.165 247.437C343.395 265.765 332.007 282.337 317.683 296.161V296.161Z" stroke="currentColor" stroke-width="15" stroke-miterlimit="10"/>
   <path d="M196.609 95.2137V47.5H232.311V95.2137V102.714H239.811H296.62V142.821H239.811H232.311V150.321V184.959H196.609V150.321V142.821H189.109H132.335V102.714H189.109H196.609V95.2137Z" stroke="currentColor" stroke-width="15" stroke-miterlimit="10"/>
   <path d="M317.683 189.495H111.272V325.638H317.683V189.495Z" stroke="currentColor" stroke-width="15" stroke-miterlimit="10"/>