Initial commit of 001code-html Scratch frontend project.

Includes scratch-gui, scratch-vm, scratch-blocks, scratch-render, scratch-l10n, and deployment config.

Co-authored-by: Cursor <cursoragent@cursor.com>

scratch-gui/static/images/90fc53c9.svg

@@ -0,0 +1,26 @@
+<svg version="1.1" id="default-image-solid" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 400 265" style="width: 400px; height: 265px;">
+<rect fill="#C6D8E1" width="400" height="265"/>
+<path fill="#D9E3E8" d="M395.3,96.2c-5-0.8-6.1,1.1-8.5,2.9c-1-2.3-2.6-6.2-7.7-5c1.5-5.3-2.6-8.4-7.7-8.4c-0.6,0-1.2,0.1-1.8,0.2
+	c-1.8-4.1-6-6.9-10.7-6.9c-6.5,0-11.8,5.3-11.8,11.8c0,0.4,0,0.9,0.1,1.3c-1.2-0.8-2.5-1.3-3.9-1.3c-4.3,0-7.9,4.2-7.9,9.4
+	c0,1.2,0.2,2.4,0.6,3.5c-0.5-0.1-1-0.1-1.6-0.1c-6.9,0-12.5,5.5-12.7,12.4c-0.9-0.2-1.9-0.4-2.9-0.4c-6.4,0-11.7,5.2-12.5,11.8
+	c-1.2-0.4-2.5-0.6-3.9-0.6c-5.9,0-10.8,3.8-12.1,8.9c-2.4-2-5.5-3.2-8.9-3.2c-6,0-11.1,3.7-12.8,8.8c-1.5-1.4-3.8-2.3-6.3-2.3
+	c-2.1,0-4.1,0.6-5.5,1.7h-0.1c-1.3-5.5-6.2-9.5-12.1-9.5c-2.4,0-4.7,0.7-6.6,1.9c-1.4-0.7-3-1.2-4.8-1.2c-0.3,0-0.5,0-0.8,0
+	c-1.5-4.1-5.2-7-9.5-7c-3.1,0-5.9,1.5-7.8,3.9c-2.2-4.8-6.8-8.2-12.2-8.2c-5.6,0-10.5,3.7-12.5,8.8c-2.1-0.9-4.4-1.5-6.9-1.5
+	c-6.8,0-12.5,3.9-14.5,9.3c-0.2,0-0.5,0-0.7,0c-5.2,0-9.6,3.2-11.4,7.8c-2.7-2.8-7-4.5-11.8-4.5c-3.3,0-6.4,0.9-8.9,2.3
+	c-2.1-6.5-8-12.2-18.1-9.9c-2.7-2.3-6.3-3.7-10.1-3.7c-2.5,0-4.8,0.6-6.9,1.6c-2.2-5.9-7.9-10.1-14.6-10.1c-8.6,0-15.6,7-15.6,15.6
+	c0,0.9,0.1,1.7,0.2,2.5c-2.6-5-7.8-8.4-13.8-8.4c-8.3,0-15.1,6.5-15.6,14.6c-2.9-3.2-7-5.3-11.7-5.3c-7.4,0-13.5,5.1-15.2,12
+	c-2.9-3.5-9.8-6-14.7-6v119.2h400V102C400,102,400,97,395.3,96.2z"/>
+<path fill="#8EA8BB" d="M400,206.2c0,0-25.3-19.2-33.6-25.7c-13.4-10.6-23.1-12.9-31.7-7s-23.9,19.7-23.9,19.7s-58.9-63.9-61.5-66.4
+	c-1.5-1.4-3.6-1.7-5.5-0.9c-5.2,2.4-17.6,9.7-24.5,12.7c-6.9,2.9-41-50.7-49.6-53s-84.3,83.3-101.4,75.1s-26.9-2.3-35.4,3.5
+	c-8.6,5.9-11,5.9-15.9,8.2s-17.1-5.9-17.1-5.9V265c0,0,400,0.2,400,0v-58.8H400z"/>
+<path fill="#7E96A6" d="M333.4,179c-13.1-9.3-40,4.6-55.1,10.7c-23.6,9.6-94-54.4-107.2-59.7c0,0-4.2,3.7-9.6,7.6
+	c-3.5-0.4-8.4-5.7-9.9-4.7c-4.6,3.1-17.8,15.4-28.3,26.6c-10.5,11.3-11.7,0-15.8-0.6c-2.5-0.4-54.1,42.5-58.7,43.1
+	C22.3,205.3,0,197.5,0,197.5V265l400-0.1v-53.3C400,211.6,344.8,187.1,333.4,179z"/>
+<path fill="#788F9E" d="M0,264.9v-58.6c0,0,8.2,1.8,11.3,5.3c3.1,3.6,26.1-4.2,26.1,4.7s0.5,4.2,0.5,14.8c0,10.7,23-4.2,38.1-18.4
+	s34.9-49.2,36-35c1,14.2-15.1,39.2-24,56.4C79.1,251.4,51.7,265,51.7,265L0,264.9z"/>
+<path fill="#788F9E" d="M100,265c0,0,66.7-125.1,68.3-116.8s-6.8,29.7,2.1,26.1c8.9-3.6,14.6-16,18.8-9.5s16.2,38.6,21.9,33.8
+	c5.7-4.7,21.4-13.1,22.4-6.5c1,6.5-1,5.3-5.7,20.2C223.1,227.1,200,265,200,265h-10c0,0,6-24.8,8.6-34.9c2.6-10.1-3.7-19-12-8.3
+	s-23,22-24,17.8s-5.7-30.3-18.8-14.2c-13,16-33.8,39.7-33.8,39.7h-10V265z"/>
+<path fill="#788F9E" d="M245,265c0,0,19.8-54.7,33.4-64.2s53.7-27.9,46.9-13.6c-6.8,14.2-11,34.4-20.3,49.8
+	c-9.4,15.4-18.8,26.1-14.1,13.6c4.7-12.5,6.4-23.3,3.7-23.1C271.3,229.1,260,265,260,265H245z"/>
+</svg>

scratch-gui/static/images/btn-arrow-blue.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33301 13.3336L11.3717 10.2949C11.5344 10.1322 11.5344 9.86841 11.3717 9.70569L8.33301 6.66699" fill="#0052D9"/>
+<path d="M8.33301 13.3336L11.3717 10.2949C11.5344 10.1322 11.5344 9.86841 11.3717 9.70569L8.33301 6.66699" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/btn-arrow-white.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/btn_yellow.svg

@@ -0,0 +1,42 @@
+<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ddd_0_6)">
+<g clip-path="url(#clip0_0_6)">
+<rect x="11" y="10" width="58" height="58" rx="21" fill="#FFAE02"/>
+<rect x="11" y="10" width="58" height="58" rx="21" fill="url(#paint0_linear_0_6)" fill-opacity="0.25" style="mix-blend-mode:soft-light"/>
+<rect x="11" y="10" width="58" height="58" rx="21" stroke="url(#paint1_linear_0_6)" stroke-width="6" style="mix-blend-mode:soft-light"/>
+</g>
+<rect x="6.5" y="5.5" width="67" height="67" rx="25.5" stroke="#0A0A0A" stroke-opacity="0.35" stroke-width="3"/>
+</g>
+<defs>
+<filter id="filter0_ddd_0_6" x="0" y="0" width="80" height="81" 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 dy="1"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_6"/>
+<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 dy="3"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_0_6" result="effect2_dropShadow_0_6"/>
+<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 dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/>
+<feBlend mode="normal" in2="effect2_dropShadow_0_6" result="effect3_dropShadow_0_6"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_0_6" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_0_6" x1="40" y1="7" x2="40" y2="71" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_0_6" x1="40" y1="7" x2="40" y2="71" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1"/>
+</linearGradient>
+<clipPath id="clip0_0_6">
+<rect x="8" y="7" width="64" height="64" rx="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

scratch-gui/static/images/checkbox-unchecked.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="3.5" width="15" height="15" rx="2.5" fill="white" fill-opacity="0.9" stroke="#DCDCDC"/>
+</svg>

scratch-gui/static/images/competition-cta-btn-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" fill="#0052D9"/>
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/cta-btn-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" fill="#0052D9"/>
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/cta-button-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" fill="#0052D9"/>
+<path d="M8.33301 13.3334L11.3717 10.2947C11.5344 10.132 11.5344 9.86817 11.3717 9.70545L8.33301 6.66675" stroke="#0052D9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/dots.svg

@@ -0,0 +1,7 @@
+<svg width="75" height="9" viewBox="0 0 75 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse opacity="0.5" cx="5" cy="4.20057" rx="5" ry="4.20057" fill="white"/>
+<ellipse opacity="0.5" cx="18" cy="4.20057" rx="5" ry="4.20057" fill="white"/>
+<ellipse opacity="0.5" cx="57" cy="4.20057" rx="5" ry="4.20057" fill="white"/>
+<ellipse opacity="0.5" cx="70" cy="4.20057" rx="5" ry="4.20057" fill="white"/>
+<rect x="27" width="21" height="8.40114" rx="4.20057" fill="white"/>
+</svg>

scratch-gui/static/images/hero-bg.svg

@@ -0,0 +1,21 @@
+<svg width="1147" height="695" viewBox="0 0 1147 695" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.6">
+<path d="M244.623 249.937L334.941 313.695C350.477 324.663 350.477 351.994 334.941 362.962L244.623 426.718C229.145 437.639 209.55 424.156 209.55 402.083V274.567C209.55 252.501 229.145 239.009 244.623 249.937Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M36.0851 38.9172L126.404 102.675C141.94 113.643 141.94 140.973 126.404 151.941L36.0857 215.698C20.6074 226.618 1.01354 213.135 1.01354 191.061V63.5464C1.01354 41.4805 20.6076 27.9895 36.0851 38.9172Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M453.16 454.151L543.478 517.908C559.014 528.877 559.014 556.207 543.478 567.176L453.16 630.931C437.682 641.852 418.087 628.369 418.087 606.296V478.781C418.087 456.715 437.682 443.223 453.16 454.151Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M582.531 306.663L672.849 370.421C688.385 381.389 688.385 408.72 672.849 419.688L582.531 483.444C567.053 494.365 547.458 480.882 547.458 458.809V331.294C547.458 309.227 567.053 295.736 582.531 306.663Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M372.062 97.9123L462.38 161.67C477.916 172.638 477.916 199.968 462.38 210.937L372.062 274.695C356.584 285.616 336.99 272.131 336.99 250.057V122.542C336.99 100.476 356.584 86.9846 372.062 97.9123Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M794.93 513.145L885.248 576.903C900.784 587.871 900.784 615.202 885.248 626.171L794.93 689.926C779.452 700.847 759.857 687.364 759.857 665.291V537.776C759.857 515.709 779.452 502.218 794.93 513.145Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M920.439 361.12L1010.76 424.877C1026.29 435.846 1026.29 463.177 1010.76 474.145L920.439 537.9C904.96 548.821 885.366 535.339 885.366 513.265V385.75C885.366 363.684 904.96 350.192 920.439 361.12Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M708.039 156.907L798.357 220.665C813.893 231.633 813.893 258.963 798.357 269.932L708.039 333.687C692.561 344.608 672.966 331.126 672.966 309.052V181.536C672.966 159.47 692.561 145.979 708.039 156.907Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M839.341 4.88157L929.658 68.6392C945.195 79.6077 945.195 106.937 929.658 117.906L839.341 181.663C823.863 192.584 804.268 179.099 804.268 157.026V29.5108C804.268 7.44497 823.863 -6.0461 839.341 4.88157Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M1044.02 213.633L1134.33 277.39C1149.87 288.359 1149.87 315.689 1134.33 326.658L1044.02 390.413C1028.54 401.334 1008.94 387.851 1008.94 365.778V238.263C1008.94 216.196 1028.54 202.705 1044.02 213.633Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M385.139 311.771L477.286 251.734C493.136 241.408 513.277 255.072 513.592 276.367L515.421 400.161C515.73 421.374 495.996 434.571 479.728 423.534L385.753 359.777C369.491 348.745 369.346 322.058 385.139 311.771Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M174.668 105.287L266.815 45.25C282.666 34.9236 302.807 48.5885 303.122 69.8833L304.95 193.678C305.259 214.89 285.526 228.089 269.258 217.051L175.283 153.294C159.021 142.261 158.876 115.575 174.668 105.287Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M510.646 168.82L602.792 108.783C618.643 98.4566 638.784 112.121 639.099 133.416L640.928 257.209C641.236 278.423 621.503 291.622 605.235 280.585L511.26 216.827C494.998 205.794 494.853 179.108 510.646 168.82Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M721.114 368.497V368.494L813.26 308.458C829.111 298.131 849.252 311.796 849.567 333.091L851.395 456.885C851.704 478.098 831.97 491.297 815.703 480.26L721.728 416.503C705.466 405.468 705.321 378.782 721.114 368.497Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M846.623 218.739L938.769 158.702C954.62 148.376 974.761 162.04 975.076 183.335L976.904 307.128C977.213 328.342 957.48 341.541 941.212 330.504L847.237 266.746C830.975 255.712 830.83 229.026 846.623 218.739Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M931.582 574.979V574.976L1023.73 514.94C1039.58 504.614 1059.72 518.278 1060.04 539.573L1061.86 663.367C1062.17 684.58 1042.44 697.779 1026.17 686.742L932.196 622.985C915.934 611.95 915.79 585.264 931.582 574.979Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+<path d="M595.605 518.253V518.251L687.752 458.214C703.603 447.888 723.744 461.552 724.059 482.847L725.887 606.641C726.196 627.854 706.462 641.053 690.194 630.017L596.219 566.259C579.957 555.225 579.813 528.539 595.605 518.253Z" stroke="#7E7E7E" stroke-opacity="0.05" stroke-width="2.02657"/>
+</g>
+</svg>

scratch-gui/static/images/hero-icon-fun.svg

@@ -0,0 +1,25 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_466_394)">
+<g filter="url(#filter0_d_466_394)">
+<path d="M0.75 24.102C0.75 30.2953 3.21029 36.235 7.58964 40.6144C11.969 44.9937 17.9087 47.454 24.102 47.454C30.2953 47.454 36.235 44.9937 40.6144 40.6144C44.9937 36.235 47.454 30.2953 47.454 24.102C47.454 17.9087 44.9937 11.969 40.6144 7.58964C36.235 3.21029 30.2953 0.75 24.102 0.75C17.9087 0.75 11.969 3.21029 7.58964 7.58964C3.21029 11.969 0.75 17.9087 0.75 24.102Z" fill="#F3C83C"/>
+</g>
+<path d="M23.8844 25.4355C23.3234 25.4355 22.7459 25.3365 22.2179 25.122L8.72085 19.842C8.35785 19.6935 8.11035 19.347 8.11035 18.9675C8.11035 18.5715 8.34135 18.225 8.70435 18.0765L21.8054 12.813C22.8944 12.3675 24.0989 12.3675 25.2044 12.7965L38.6849 18.06C39.0478 18.2085 39.2954 18.555 39.2954 18.9345C39.2954 19.314 39.0644 19.677 38.7014 19.8255L25.6004 25.089C25.0559 25.32 24.4619 25.4355 23.8844 25.4355ZM11.6414 18.951L22.9109 23.34C23.5544 23.5875 24.2638 23.5875 24.9074 23.3235L35.7809 18.951L24.5279 14.5455C23.8844 14.298 23.1749 14.298 22.5314 14.5455L11.6414 18.951Z" fill="white"/>
+<path d="M23.6039 35.3685C22.3004 35.3685 21.1289 35.154 20.1389 34.857C17.0864 33.933 15.1559 32.118 15.0734 32.0355L14.7764 31.755V25.584C14.7764 25.056 15.2054 24.627 15.7334 24.627C16.2614 24.627 16.6904 25.056 16.6904 25.584V30.9135C18.0434 32.0355 23.7689 36.078 30.5339 30.8805V25.584C30.5339 25.056 30.9629 24.627 31.4909 24.627C32.0189 24.627 32.4479 25.056 32.4479 25.584V31.8045L32.0849 32.085C28.9994 34.593 26.0624 35.3685 23.6039 35.3685ZM34.5132 26.1163L36.7649 23.8645L39.0167 26.1163L36.7649 28.368L34.5132 26.1163Z" fill="white"/>
+<path d="M36.0449 19.0005H37.8434V25.4025H36.0449V19.0005Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_466_394" x="-3.25" y="0.75" width="54.7041" height="54.704" 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 dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.552941 0 0 0 0 0.823529 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_466_394"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_466_394" result="shape"/>
+</filter>
+<clipPath id="clip0_466_394">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

scratch-gui/static/images/hero-icon-teacher.svg

@@ -0,0 +1,29 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_466_386)">
+<g filter="url(#filter0_d_466_386)">
+<path d="M0.75 24.102C0.75 30.2953 3.21029 36.235 7.58964 40.6144C11.969 44.9937 17.9087 47.454 24.102 47.454C30.2953 47.454 36.235 44.9937 40.6144 40.6144C44.9937 36.235 47.454 30.2953 47.454 24.102C47.454 17.9087 44.9937 11.969 40.6144 7.58964C36.235 3.21029 30.2953 0.75 24.102 0.75C17.9087 0.75 11.969 3.21029 7.58964 7.58964C3.21029 11.969 0.75 17.9087 0.75 24.102Z" fill="#16D6A9"/>
+</g>
+<g clip-path="url(#clip1_466_386)">
+<path d="M17.3702 19.9553C17.107 19.9553 16.8498 20.0334 16.6309 20.1796C16.4121 20.3258 16.2416 20.5336 16.1408 20.7768C16.0401 21.0199 16.0138 21.2874 16.0651 21.5456C16.1165 21.8037 16.2432 22.0408 16.4293 22.2269C16.6154 22.413 16.8525 22.5397 17.1106 22.5911C17.3687 22.6424 17.6363 22.616 17.8794 22.5153C18.1226 22.4146 18.3304 22.2441 18.4766 22.0252C18.6228 21.8064 18.7009 21.5491 18.7009 21.286C18.7004 20.9332 18.5601 20.595 18.3106 20.3455C18.0612 20.0961 17.723 19.9558 17.3702 19.9553ZM17.3702 21.9429C17.2403 21.9429 17.1133 21.9043 17.0052 21.8322C16.8972 21.76 16.813 21.6574 16.7633 21.5374C16.7136 21.4173 16.7006 21.2852 16.7259 21.1578C16.7513 21.0304 16.8138 20.9133 16.9057 20.8215C16.9976 20.7296 17.1146 20.667 17.242 20.6417C17.3695 20.6163 17.5016 20.6294 17.6216 20.6791C17.7416 20.7288 17.8442 20.813 17.9164 20.921C17.9886 21.029 18.0271 21.156 18.0271 21.286C18.0269 21.4601 17.9577 21.6271 17.8345 21.7503C17.7114 21.8734 17.5444 21.9427 17.3702 21.9429ZM23.4002 15.6353C23.2492 15.6353 23.1015 15.6801 22.9759 15.764C22.8503 15.8479 22.7524 15.9672 22.6946 16.1068C22.6369 16.2463 22.6217 16.3999 22.6512 16.5481C22.6807 16.6962 22.7535 16.8323 22.8603 16.9391C22.9672 17.0459 23.1033 17.1186 23.2515 17.148C23.3996 17.1774 23.5532 17.1623 23.6927 17.1044C23.8323 17.0466 23.9515 16.9486 24.0354 16.823C24.1193 16.6974 24.164 16.5497 24.1639 16.3986C24.1637 16.1962 24.0831 16.0021 23.9399 15.859C23.7968 15.7159 23.6027 15.6354 23.4002 15.6353ZM23.4002 16.8254C23.3158 16.8254 23.2333 16.8004 23.1631 16.7535C23.0929 16.7066 23.0382 16.6399 23.0059 16.5619C22.9736 16.484 22.9651 16.3981 22.9816 16.3153C22.9981 16.2325 23.0387 16.1565 23.0984 16.0968C23.1581 16.0371 23.2342 15.9965 23.317 15.98C23.3998 15.9635 23.4856 15.972 23.5636 16.0043C23.6416 16.0366 23.7082 16.0913 23.7551 16.1615C23.802 16.2317 23.8271 16.3142 23.8271 16.3986C23.8269 16.5118 23.7819 16.6202 23.7018 16.7002C23.6218 16.7802 23.5134 16.8252 23.4002 16.8254ZM28.0002 22.0497C28.134 22.0497 28.2648 22.01 28.3761 21.9357C28.4873 21.8613 28.574 21.7557 28.6252 21.6321C28.6764 21.5085 28.6898 21.3725 28.6637 21.2413C28.6376 21.11 28.5732 20.9895 28.4786 20.8949C28.384 20.8003 28.2634 20.7359 28.1322 20.7098C28.001 20.6837 27.865 20.6971 27.7414 20.7483C27.6178 20.7995 27.5121 20.8862 27.4378 20.9974C27.3635 21.1086 27.3238 21.2394 27.3238 21.3732C27.3241 21.5525 27.3954 21.7244 27.5222 21.8512C27.649 21.978 27.8209 22.0494 28.0002 22.0497ZM28.0002 21.0337C28.0674 21.0337 28.1331 21.0536 28.1889 21.0909C28.2447 21.1282 28.2883 21.1812 28.314 21.2433C28.3397 21.3053 28.3464 21.3736 28.3333 21.4395C28.3202 21.5053 28.2878 21.5658 28.2404 21.6133C28.1929 21.6608 28.1324 21.6932 28.0665 21.7063C28.0006 21.7194 27.9323 21.7126 27.8703 21.6869C27.8082 21.6612 27.7552 21.6177 27.7179 21.5619C27.6806 21.506 27.6607 21.4404 27.6607 21.3732C27.6608 21.2832 27.6966 21.1969 27.7602 21.1332C27.8239 21.0695 27.9102 21.0337 28.0002 21.0337Z" fill="white"/>
+<path d="M40.4366 19.9216C40.1334 18.816 38.6579 18.278 35.9295 18.278H35.8389C35.6602 18.2784 35.489 18.3497 35.3629 18.4763C35.2368 18.6029 35.1661 18.7744 35.1665 18.9531C35.1669 19.1318 35.2382 19.303 35.3648 19.4291C35.4914 19.5552 35.6629 19.6259 35.8416 19.6255H35.9275C38.3978 19.6255 39.0901 20.1079 39.1372 20.2791C39.1588 20.3579 39.0783 20.686 38.454 21.2499C37.9026 21.7482 37.0587 22.3107 35.9949 22.8908C35.747 20.3347 34.6542 17.934 32.8891 16.0685C31.1241 14.203 28.7875 12.9791 26.249 12.5903C23.7104 12.2015 21.1147 12.6701 18.8722 13.9218C16.6297 15.1735 14.8685 17.137 13.867 19.5019C13.268 20.9244 12.9595 22.4523 12.9595 23.9958C12.9595 25.5393 13.268 27.0672 13.867 28.4897C13.9642 28.7201 14.0689 28.9464 14.181 29.1685C13.9303 29.1894 13.6848 29.2069 13.4442 29.221C11.9872 29.3069 10.7748 29.2635 9.93771 29.096C9.11136 28.9306 8.87454 28.6884 8.85298 28.611C8.83142 28.5335 8.91496 28.1969 9.55502 27.6232C10.2028 27.0431 11.2434 26.3768 12.5643 25.6977C12.7232 25.6158 12.8431 25.4741 12.8975 25.3039C12.952 25.1336 12.9366 24.9487 12.8547 24.7898C12.7728 24.6309 12.6312 24.511 12.4609 24.4566C12.2906 24.4021 12.1057 24.4175 11.9468 24.4994C8.63266 26.2047 7.19691 27.6664 7.55365 28.9684C7.85684 30.0713 9.32662 30.6133 12.0321 30.6133C12.4924 30.6133 12.9891 30.5976 13.522 30.5662C13.9738 30.5396 14.4444 30.5015 14.9305 30.453C16.2932 32.4766 18.2621 34.0164 20.5545 34.8512C22.8469 35.6861 25.3449 35.7731 27.6898 35.0997C30.0347 34.4263 32.1059 33.0273 33.6061 31.1033C35.1063 29.1794 35.9583 26.8296 36.0397 24.3913C36.068 24.3768 36.0973 24.3623 36.1252 24.3475C39.3815 22.6601 40.7916 21.2122 40.4366 19.9216ZM14.3049 23.9958C14.3049 18.373 18.88 13.7986 24.5024 13.7986C29.979 13.7986 34.4601 18.1382 34.6898 23.5589C32.0093 24.8531 28.519 26.1167 24.7409 27.1563C21.4901 28.0507 18.3376 28.6931 15.6322 29.0203C14.7606 27.4893 14.3031 25.7575 14.3049 23.9958ZM24.5024 34.1926C21.2445 34.1926 18.3376 32.6565 16.4704 30.2707C19.0852 29.915 22.053 29.2948 25.0984 28.4557C28.6628 27.4757 31.9847 26.2939 34.643 25.0701C34.1047 30.1895 29.7624 34.1926 24.5024 34.1926Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_466_386" x="-3.25" y="0.75" width="54.7041" height="54.704" 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 dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.490196 0 0 0 0 0.784314 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_466_386"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_466_386" result="shape"/>
+</filter>
+<clipPath id="clip0_466_386">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_466_386">
+<rect width="33" height="23.0977" fill="white" transform="translate(7.5 12.4511)"/>
+</clipPath>
+</defs>
+</svg>

scratch-gui/static/images/hero-pacman-1.svg

@@ -0,0 +1,25 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_648_694)">
+<g filter="url(#filter0_d_648_694)">
+<path d="M0.75 24.102C0.75 30.2953 3.21029 36.235 7.58964 40.6144C11.969 44.9937 17.9087 47.454 24.102 47.454C30.2953 47.454 36.235 44.9937 40.6144 40.6144C44.9937 36.235 47.454 30.2953 47.454 24.102C47.454 17.9087 44.9937 11.969 40.6144 7.58964C36.235 3.21029 30.2953 0.75 24.102 0.75C17.9087 0.75 11.969 3.21029 7.58964 7.58964C3.21029 11.969 0.75 17.9087 0.75 24.102Z" fill="#F3C83C"/>
+</g>
+<path d="M23.8844 25.4355C23.3234 25.4355 22.7459 25.3365 22.2179 25.122L8.72085 19.842C8.35785 19.6935 8.11035 19.347 8.11035 18.9675C8.11035 18.5715 8.34135 18.225 8.70435 18.0765L21.8054 12.813C22.8944 12.3675 24.0989 12.3675 25.2044 12.7965L38.6849 18.06C39.0478 18.2085 39.2954 18.555 39.2954 18.9345C39.2954 19.314 39.0644 19.677 38.7014 19.8255L25.6004 25.089C25.0559 25.32 24.4619 25.4355 23.8844 25.4355ZM11.6414 18.951L22.9109 23.34C23.5544 23.5875 24.2638 23.5875 24.9074 23.3235L35.7809 18.951L24.5279 14.5455C23.8844 14.298 23.1749 14.298 22.5314 14.5455L11.6414 18.951Z" fill="white"/>
+<path d="M23.6039 35.3685C22.3004 35.3685 21.1289 35.154 20.1389 34.857C17.0864 33.933 15.1559 32.118 15.0734 32.0355L14.7764 31.755V25.584C14.7764 25.056 15.2054 24.627 15.7334 24.627C16.2614 24.627 16.6904 25.056 16.6904 25.584V30.9135C18.0434 32.0355 23.7689 36.078 30.5339 30.8805V25.584C30.5339 25.056 30.9629 24.627 31.4909 24.627C32.0189 24.627 32.4479 25.056 32.4479 25.584V31.8045L32.0849 32.085C28.9994 34.593 26.0624 35.3685 23.6039 35.3685ZM34.5132 26.1163L36.7649 23.8645L39.0167 26.1163L36.7649 28.368L34.5132 26.1163Z" fill="white"/>
+<path d="M36.0449 19.0005H37.8434V25.4025H36.0449V19.0005Z" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_d_648_694" x="-3.25" y="0.75" width="54.7041" height="54.704" 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 dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.156863 0 0 0 0 0.552941 0 0 0 0 0.823529 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_648_694"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_648_694" result="shape"/>
+</filter>
+<clipPath id="clip0_648_694">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

scratch-gui/static/images/hero-pacman-2.svg

@@ -0,0 +1,29 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_648_686)">
+<g filter="url(#filter0_d_648_686)">
+<path d="M0.75 24.102C0.75 30.2953 3.21029 36.235 7.58964 40.6144C11.969 44.9937 17.9087 47.454 24.102 47.454C30.2953 47.454 36.235 44.9937 40.6144 40.6144C44.9937 36.235 47.454 30.2953 47.454 24.102C47.454 17.9087 44.9937 11.969 40.6144 7.58964C36.235 3.21029 30.2953 0.75 24.102 0.75C17.9087 0.75 11.969 3.21029 7.58964 7.58964C3.21029 11.969 0.75 17.9087 0.75 24.102Z" fill="#16D6A9"/>
+</g>
+<g clip-path="url(#clip1_648_686)">
+<path d="M17.3702 19.9553C17.107 19.9553 16.8498 20.0334 16.6309 20.1796C16.4121 20.3258 16.2416 20.5336 16.1408 20.7768C16.0401 21.0199 16.0138 21.2874 16.0651 21.5456C16.1165 21.8037 16.2432 22.0408 16.4293 22.2269C16.6154 22.413 16.8525 22.5397 17.1106 22.5911C17.3687 22.6424 17.6363 22.616 17.8794 22.5153C18.1226 22.4146 18.3304 22.2441 18.4766 22.0252C18.6228 21.8064 18.7009 21.5491 18.7009 21.286C18.7004 20.9332 18.5601 20.595 18.3106 20.3455C18.0612 20.0961 17.723 19.9558 17.3702 19.9553ZM17.3702 21.9429C17.2403 21.9429 17.1133 21.9043 17.0052 21.8322C16.8972 21.76 16.813 21.6574 16.7633 21.5374C16.7136 21.4173 16.7006 21.2852 16.7259 21.1578C16.7513 21.0304 16.8138 20.9133 16.9057 20.8215C16.9976 20.7296 17.1146 20.667 17.242 20.6417C17.3695 20.6163 17.5016 20.6294 17.6216 20.6791C17.7416 20.7288 17.8442 20.813 17.9164 20.921C17.9886 21.029 18.0271 21.156 18.0271 21.286C18.0269 21.4601 17.9577 21.6271 17.8345 21.7503C17.7114 21.8734 17.5444 21.9427 17.3702 21.9429ZM23.4002 15.6353C23.2492 15.6353 23.1015 15.6801 22.9759 15.764C22.8503 15.8479 22.7524 15.9672 22.6946 16.1068C22.6369 16.2463 22.6217 16.3999 22.6512 16.5481C22.6807 16.6962 22.7535 16.8323 22.8603 16.9391C22.9672 17.0459 23.1033 17.1186 23.2515 17.148C23.3996 17.1774 23.5532 17.1623 23.6927 17.1044C23.8323 17.0466 23.9515 16.9486 24.0354 16.823C24.1193 16.6974 24.164 16.5497 24.1639 16.3986C24.1637 16.1962 24.0831 16.0021 23.9399 15.859C23.7968 15.7159 23.6027 15.6354 23.4002 15.6353ZM23.4002 16.8254C23.3158 16.8254 23.2333 16.8004 23.1631 16.7535C23.0929 16.7066 23.0382 16.6399 23.0059 16.5619C22.9736 16.484 22.9651 16.3981 22.9816 16.3153C22.9981 16.2325 23.0387 16.1565 23.0984 16.0968C23.1581 16.0371 23.2342 15.9965 23.317 15.98C23.3998 15.9635 23.4856 15.972 23.5636 16.0043C23.6416 16.0366 23.7082 16.0913 23.7551 16.1615C23.802 16.2317 23.8271 16.3142 23.8271 16.3986C23.8269 16.5118 23.7819 16.6202 23.7018 16.7002C23.6218 16.7802 23.5134 16.8252 23.4002 16.8254ZM28.0002 22.0497C28.134 22.0497 28.2648 22.01 28.3761 21.9357C28.4873 21.8613 28.574 21.7557 28.6252 21.6321C28.6764 21.5085 28.6898 21.3725 28.6637 21.2413C28.6376 21.11 28.5732 20.9895 28.4786 20.8949C28.384 20.8003 28.2634 20.7359 28.1322 20.7098C28.001 20.6837 27.865 20.6971 27.7414 20.7483C27.6178 20.7995 27.5121 20.8862 27.4378 20.9974C27.3635 21.1086 27.3238 21.2394 27.3238 21.3732C27.3241 21.5525 27.3954 21.7244 27.5222 21.8512C27.649 21.978 27.8209 22.0494 28.0002 22.0497ZM28.0002 21.0337C28.0674 21.0337 28.1331 21.0536 28.1889 21.0909C28.2447 21.1282 28.2883 21.1812 28.314 21.2433C28.3397 21.3053 28.3464 21.3736 28.3333 21.4395C28.3202 21.5053 28.2878 21.5658 28.2404 21.6133C28.1929 21.6608 28.1324 21.6932 28.0665 21.7063C28.0006 21.7194 27.9323 21.7126 27.8703 21.6869C27.8082 21.6612 27.7552 21.6177 27.7179 21.5619C27.6806 21.506 27.6607 21.4404 27.6607 21.3732C27.6608 21.2832 27.6966 21.1969 27.7602 21.1332C27.8239 21.0695 27.9102 21.0337 28.0002 21.0337Z" fill="white"/>
+<path d="M40.4366 19.9216C40.1334 18.816 38.6579 18.278 35.9295 18.278H35.8389C35.6602 18.2784 35.489 18.3497 35.3629 18.4763C35.2368 18.6029 35.1661 18.7744 35.1665 18.9531C35.1669 19.1318 35.2382 19.303 35.3648 19.4291C35.4914 19.5552 35.6629 19.6259 35.8416 19.6255H35.9275C38.3978 19.6255 39.0901 20.1079 39.1372 20.2791C39.1588 20.3579 39.0783 20.686 38.454 21.2499C37.9026 21.7482 37.0587 22.3107 35.9949 22.8908C35.747 20.3347 34.6542 17.934 32.8891 16.0685C31.1241 14.203 28.7875 12.9791 26.249 12.5903C23.7104 12.2015 21.1147 12.6701 18.8722 13.9218C16.6297 15.1735 14.8685 17.137 13.867 19.5019C13.268 20.9244 12.9595 22.4523 12.9595 23.9958C12.9595 25.5393 13.268 27.0672 13.867 28.4897C13.9642 28.7201 14.0689 28.9464 14.181 29.1685C13.9303 29.1894 13.6848 29.2069 13.4442 29.221C11.9872 29.3069 10.7748 29.2635 9.93771 29.096C9.11136 28.9306 8.87454 28.6884 8.85298 28.611C8.83142 28.5335 8.91496 28.1969 9.55502 27.6232C10.2028 27.0431 11.2434 26.3768 12.5643 25.6977C12.7232 25.6158 12.8431 25.4741 12.8975 25.3039C12.952 25.1336 12.9366 24.9487 12.8547 24.7898C12.7728 24.6309 12.6312 24.511 12.4609 24.4566C12.2906 24.4021 12.1057 24.4175 11.9468 24.4994C8.63266 26.2047 7.19691 27.6664 7.55365 28.9684C7.85684 30.0713 9.32662 30.6133 12.0321 30.6133C12.4924 30.6133 12.9891 30.5976 13.522 30.5662C13.9738 30.5396 14.4444 30.5015 14.9305 30.453C16.2932 32.4766 18.2621 34.0164 20.5545 34.8512C22.8469 35.6861 25.3449 35.7731 27.6898 35.0997C30.0347 34.4263 32.1059 33.0273 33.6061 31.1033C35.1063 29.1794 35.9583 26.8296 36.0397 24.3913C36.068 24.3768 36.0973 24.3623 36.1252 24.3475C39.3815 22.6601 40.7916 21.2122 40.4366 19.9216ZM14.3049 23.9958C14.3049 18.373 18.88 13.7986 24.5024 13.7986C29.979 13.7986 34.4601 18.1382 34.6898 23.5589C32.0093 24.8531 28.519 26.1167 24.7409 27.1563C21.4901 28.0507 18.3376 28.6931 15.6322 29.0203C14.7606 27.4893 14.3031 25.7575 14.3049 23.9958ZM24.5024 34.1926C21.2445 34.1926 18.3376 32.6565 16.4704 30.2707C19.0852 29.915 22.053 29.2948 25.0984 28.4557C28.6628 27.4757 31.9847 26.2939 34.643 25.0701C34.1047 30.1895 29.7624 34.1926 24.5024 34.1926Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_648_686" x="-3.25" y="0.75" width="54.7041" height="54.704" 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 dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.490196 0 0 0 0 0.784314 0 0 0 1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_648_686"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_648_686" result="shape"/>
+</filter>
+<clipPath id="clip0_648_686">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_648_686">
+<rect width="33" height="23.0977" fill="white" transform="translate(7.5 12.4511)"/>
+</clipPath>
+</defs>
+</svg>

scratch-gui/static/images/hero-underline.svg

@@ -0,0 +1,3 @@
+<svg width="125" height="13" viewBox="0 0 125 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.01457 8.64779C25.9066 5.75867 79.9496 1.24181 120.986 6.28742" stroke="#5380EA" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

scratch-gui/static/images/hero-vector-1.svg

@@ -0,0 +1,16 @@
+<svg width="892" height="921" viewBox="0 0 892 921" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.6" filter="url(#filter0_f_493_3186)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M461.442 300C539.347 300 592 373.983 592 453.016C592 536.557 543.789 621 461.442 621C371.129 621 300 544.638 300 453.016C300 365.484 375.161 300 461.442 300Z" fill="url(#paint0_linear_493_3186)" fill-opacity="0.6"/>
+</g>
+<defs>
+<filter id="filter0_f_493_3186" x="0" y="0" width="892" height="921" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_493_3186"/>
+</filter>
+<linearGradient id="paint0_linear_493_3186" x1="446" y1="300" x2="446" y2="621" gradientUnits="userSpaceOnUse">
+<stop stop-color="#156B13"/>
+<stop offset="1" stop-color="#00D9CB"/>
+</linearGradient>
+</defs>
+</svg>

scratch-gui/static/images/hero-vector-2.svg

@@ -0,0 +1,16 @@
+<svg width="1574" height="1656" viewBox="0 0 1574 1656" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.3" filter="url(#filter0_f_493_3187)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M701.56 313.487C950.323 246.831 1181.71 437.833 1249.27 690.003C1320.7 956.553 1238.94 1267.23 975.994 1337.69C687.608 1414.96 395.195 1232.18 316.864 939.841C242.03 660.557 426.047 387.31 701.56 313.487Z" fill="url(#paint0_linear_493_3187)" fill-opacity="0.4"/>
+</g>
+<defs>
+<filter id="filter0_f_493_3187" x="0" y="-0.000122108" width="1574" height="1655.53" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_493_3187"/>
+</filter>
+<linearGradient id="paint0_linear_493_3187" x1="652.25" y1="326.699" x2="926.684" y2="1350.9" gradientUnits="userSpaceOnUse">
+<stop stop-color="#EFFFEF"/>
+<stop offset="1" stop-color="#156B13"/>
+</linearGradient>
+</defs>
+</svg>

scratch-gui/static/images/home-hero-bg.svg

@@ -0,0 +1,51 @@
+<svg width="1440" height="791" viewBox="0 0 1440 791" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_165_5696)">
+<rect x="936" y="52" width="646.939" height="634" fill="url(#paint0_radial_165_5696)"/>
+<rect x="219" y="-99" width="646.939" height="634" fill="url(#paint1_radial_165_5696)"/>
+<rect opacity="0.7" x="448.653" y="-66" width="646.939" height="634" fill="url(#paint2_radial_165_5696)"/>
+<circle cx="1110" cy="631" r="9" fill="url(#paint3_linear_165_5696)"/>
+<g filter="url(#filter0_f_165_5696)">
+<ellipse cx="199.987" cy="632.628" rx="160" ry="157.402" transform="rotate(-71.528 199.987 632.628)" fill="url(#paint5_radial_165_5696)"/>
+</g>
+<circle cx="234.5" cy="446.5" r="12.5" stroke="url(#paint6_linear_165_5696)" stroke-width="6"/>
+</g>
+<defs>
+<filter id="filter0_f_165_5696" x="-57.7207" y="372.844" width="515.416" height="519.568" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_165_5696"/>
+</filter>
+<radialGradient id="paint0_radial_165_5696" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1259.47 369) rotate(90) scale(317 323.469)">
+<stop stop-color="#A2E2FF"/>
+<stop offset="1" stop-color="#F6FBF8" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint1_radial_165_5696" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(542.469 218) rotate(90) scale(317 323.469)">
+<stop stop-color="#B1EEF5" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#F6FBF8" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_165_5696" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(772.122 251) rotate(90) scale(317 323.469)">
+<stop stop-color="#B9CEEA"/>
+<stop offset="1" stop-color="#F6FBF8" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_linear_165_5696" x1="1126.11" y1="618.211" x2="1103.84" y2="637.158" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD328"/>
+<stop offset="1" stop-color="#FFA700"/>
+</linearGradient>
+<linearGradient id="paint4_linear_165_5696" x1="192.105" y1="66.2105" x2="169.842" y2="85.1579" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD328"/>
+<stop offset="1" stop-color="#FFA700"/>
+</linearGradient>
+<radialGradient id="paint5_radial_165_5696" cx="0" cy="0" r="1" gradientTransform="matrix(-76.1633 236.051 -474.729 -195.742 195.25 578.907)" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CFEDFF"/>
+<stop offset="0.5" stop-color="#A6C8FF"/>
+<stop offset="1" stop-color="#6F4FFF"/>
+</radialGradient>
+<linearGradient id="paint6_linear_165_5696" x1="250" y1="431" x2="224.446" y2="462" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0F172A"/>
+<stop offset="1" stop-color="#A592C2"/>
+</linearGradient>
+<clipPath id="clip0_165_5696">
+<rect width="1440" height="791" fill="white"/>
+</clipPath>
+</defs>
+</svg>