From c5758ee813eba09384d1a619c2d7eea6e183f287 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Mon, 9 Sep 2024 16:33:46 -0400 Subject: [PATCH 1/7] fix cloudflare issue --- ...trasonic_distance_sensor_-_hc-sr04-01a.png | Bin .../assets}/0470_ohm_resistor_processed.png | Bin .../lib/assets}/074hc595.png | Bin .../0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png | Bin .../lib/assets}/0acceler.png | Bin .../lib/assets}/0buzzer.png | Bin ...lay-lcd-16x2-backlight-amarelo-verde-2.png | Bin ...-module-i2c-interface-for-arduino_copy.png | Bin .../electronics => src/lib/assets}/0file.png | Bin .../lib/assets}/0file_1.png | Bin .../lib/assets}/0file__2_.png | Bin .../electronics => src/lib/assets}/0image.png | Bin .../lib/assets}/0matriz-1.png | Bin .../assets}/0modulo-joystick-analogico-1.png | Bin ...o-sensor-presenca-movimento-hc-sr501-3.png | Bin ...527-max7219-dot-matrix-module-single-3.png | Bin .../electronics => src/lib/assets}/0oled.png | Bin .../electronics => src/lib/assets}/0relay.png | Bin .../lib/assets}/0s-l1200_copy.png | Bin .../0screenshot_2024-05-07_at_19.22.16.png | Bin .../lib/assets}/0sensor-de-encoder-ky040.png | Bin .../electronics => src/lib/assets}/0servo.png | Bin ...ino---red-1571993143434._w500_p1__copy.png | Bin ...lado-matricial-membrana-3x4-numerico-1.png | Bin .../lib/assets}/1humidity.png | Bin .../lib/assets}/1modulo-led-rgb-smd-1.png | Bin .../electronics => src/lib/assets}/2ir.png | Bin showcase/src/routes/+page.svelte | 426 +++++++++--------- showcase/vite.config.ts | 9 +- 29 files changed, 214 insertions(+), 221 deletions(-) rename showcase/{static/electronics => src/lib/assets}/015569-ultrasonic_distance_sensor_-_hc-sr04-01a.png (100%) rename showcase/{static/electronics => src/lib/assets}/0470_ohm_resistor_processed.png (100%) rename showcase/{static/electronics => src/lib/assets}/074hc595.png (100%) rename showcase/{static/electronics => src/lib/assets}/0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png (100%) rename showcase/{static/electronics => src/lib/assets}/0acceler.png (100%) rename showcase/{static/electronics => src/lib/assets}/0buzzer.png (100%) rename showcase/{static/electronics => src/lib/assets}/0display-lcd-16x2-backlight-amarelo-verde-2.png (100%) rename showcase/{static/electronics => src/lib/assets}/0ds1307-rtc-module-real-time-clock-module-i2c-interface-for-arduino_copy.png (100%) rename showcase/{static/electronics => src/lib/assets}/0file.png (100%) rename showcase/{static/electronics => src/lib/assets}/0file_1.png (100%) rename showcase/{static/electronics => src/lib/assets}/0file__2_.png (100%) rename showcase/{static/electronics => src/lib/assets}/0image.png (100%) rename showcase/{static/electronics => src/lib/assets}/0matriz-1.png (100%) rename showcase/{static/electronics => src/lib/assets}/0modulo-joystick-analogico-1.png (100%) rename showcase/{static/electronics => src/lib/assets}/0modulo-sensor-presenca-movimento-hc-sr501-3.png (100%) rename showcase/{static/electronics => src/lib/assets}/0oky3527-max7219-dot-matrix-module-single-3.png (100%) rename showcase/{static/electronics => src/lib/assets}/0oled.png (100%) rename showcase/{static/electronics => src/lib/assets}/0relay.png (100%) rename showcase/{static/electronics => src/lib/assets}/0s-l1200_copy.png (100%) rename showcase/{static/electronics => src/lib/assets}/0screenshot_2024-05-07_at_19.22.16.png (100%) rename showcase/{static/electronics => src/lib/assets}/0sensor-de-encoder-ky040.png (100%) rename showcase/{static/electronics => src/lib/assets}/0servo.png (100%) rename showcase/{static/electronics => src/lib/assets}/0slide-potentiometer-sensor-module-with-volume-control-for-arduino---red-1571993143434._w500_p1__copy.png (100%) rename showcase/{static/electronics => src/lib/assets}/0teclado-matricial-membrana-3x4-numerico-1.png (100%) rename showcase/{static/electronics => src/lib/assets}/1humidity.png (100%) rename showcase/{static/electronics => src/lib/assets}/1modulo-led-rgb-smd-1.png (100%) rename showcase/{static/electronics => src/lib/assets}/2ir.png (100%) diff --git a/showcase/static/electronics/015569-ultrasonic_distance_sensor_-_hc-sr04-01a.png b/showcase/src/lib/assets/015569-ultrasonic_distance_sensor_-_hc-sr04-01a.png similarity index 100% rename from showcase/static/electronics/015569-ultrasonic_distance_sensor_-_hc-sr04-01a.png rename to showcase/src/lib/assets/015569-ultrasonic_distance_sensor_-_hc-sr04-01a.png diff --git a/showcase/static/electronics/0470_ohm_resistor_processed.png b/showcase/src/lib/assets/0470_ohm_resistor_processed.png similarity index 100% rename from showcase/static/electronics/0470_ohm_resistor_processed.png rename to showcase/src/lib/assets/0470_ohm_resistor_processed.png diff --git a/showcase/static/electronics/074hc595.png b/showcase/src/lib/assets/074hc595.png similarity index 100% rename from showcase/static/electronics/074hc595.png rename to showcase/src/lib/assets/074hc595.png diff --git a/showcase/static/electronics/0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png b/showcase/src/lib/assets/0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png similarity index 100% rename from showcase/static/electronics/0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png rename to showcase/src/lib/assets/0a934be7c-0c10-4b05-ada5-d09c00b2bf1e.png diff --git a/showcase/static/electronics/0acceler.png b/showcase/src/lib/assets/0acceler.png similarity index 100% rename from showcase/static/electronics/0acceler.png rename to showcase/src/lib/assets/0acceler.png diff --git a/showcase/static/electronics/0buzzer.png b/showcase/src/lib/assets/0buzzer.png similarity index 100% rename from showcase/static/electronics/0buzzer.png rename to showcase/src/lib/assets/0buzzer.png diff --git a/showcase/static/electronics/0display-lcd-16x2-backlight-amarelo-verde-2.png b/showcase/src/lib/assets/0display-lcd-16x2-backlight-amarelo-verde-2.png similarity index 100% rename from showcase/static/electronics/0display-lcd-16x2-backlight-amarelo-verde-2.png rename to showcase/src/lib/assets/0display-lcd-16x2-backlight-amarelo-verde-2.png diff --git a/showcase/static/electronics/0ds1307-rtc-module-real-time-clock-module-i2c-interface-for-arduino_copy.png b/showcase/src/lib/assets/0ds1307-rtc-module-real-time-clock-module-i2c-interface-for-arduino_copy.png similarity index 100% rename from showcase/static/electronics/0ds1307-rtc-module-real-time-clock-module-i2c-interface-for-arduino_copy.png rename to showcase/src/lib/assets/0ds1307-rtc-module-real-time-clock-module-i2c-interface-for-arduino_copy.png diff --git a/showcase/static/electronics/0file.png b/showcase/src/lib/assets/0file.png similarity index 100% rename from showcase/static/electronics/0file.png rename to showcase/src/lib/assets/0file.png diff --git a/showcase/static/electronics/0file_1.png b/showcase/src/lib/assets/0file_1.png similarity index 100% rename from showcase/static/electronics/0file_1.png rename to showcase/src/lib/assets/0file_1.png diff --git a/showcase/static/electronics/0file__2_.png b/showcase/src/lib/assets/0file__2_.png similarity index 100% rename from showcase/static/electronics/0file__2_.png rename to showcase/src/lib/assets/0file__2_.png diff --git a/showcase/static/electronics/0image.png b/showcase/src/lib/assets/0image.png similarity index 100% rename from showcase/static/electronics/0image.png rename to showcase/src/lib/assets/0image.png diff --git a/showcase/static/electronics/0matriz-1.png b/showcase/src/lib/assets/0matriz-1.png similarity index 100% rename from showcase/static/electronics/0matriz-1.png rename to showcase/src/lib/assets/0matriz-1.png diff --git a/showcase/static/electronics/0modulo-joystick-analogico-1.png b/showcase/src/lib/assets/0modulo-joystick-analogico-1.png similarity index 100% rename from showcase/static/electronics/0modulo-joystick-analogico-1.png rename to showcase/src/lib/assets/0modulo-joystick-analogico-1.png diff --git a/showcase/static/electronics/0modulo-sensor-presenca-movimento-hc-sr501-3.png b/showcase/src/lib/assets/0modulo-sensor-presenca-movimento-hc-sr501-3.png similarity index 100% rename from showcase/static/electronics/0modulo-sensor-presenca-movimento-hc-sr501-3.png rename to showcase/src/lib/assets/0modulo-sensor-presenca-movimento-hc-sr501-3.png diff --git a/showcase/static/electronics/0oky3527-max7219-dot-matrix-module-single-3.png b/showcase/src/lib/assets/0oky3527-max7219-dot-matrix-module-single-3.png similarity index 100% rename from showcase/static/electronics/0oky3527-max7219-dot-matrix-module-single-3.png rename to showcase/src/lib/assets/0oky3527-max7219-dot-matrix-module-single-3.png diff --git a/showcase/static/electronics/0oled.png b/showcase/src/lib/assets/0oled.png similarity index 100% rename from showcase/static/electronics/0oled.png rename to showcase/src/lib/assets/0oled.png diff --git a/showcase/static/electronics/0relay.png b/showcase/src/lib/assets/0relay.png similarity index 100% rename from showcase/static/electronics/0relay.png rename to showcase/src/lib/assets/0relay.png diff --git a/showcase/static/electronics/0s-l1200_copy.png b/showcase/src/lib/assets/0s-l1200_copy.png similarity index 100% rename from showcase/static/electronics/0s-l1200_copy.png rename to showcase/src/lib/assets/0s-l1200_copy.png diff --git a/showcase/static/electronics/0screenshot_2024-05-07_at_19.22.16.png b/showcase/src/lib/assets/0screenshot_2024-05-07_at_19.22.16.png similarity index 100% rename from showcase/static/electronics/0screenshot_2024-05-07_at_19.22.16.png rename to showcase/src/lib/assets/0screenshot_2024-05-07_at_19.22.16.png diff --git a/showcase/static/electronics/0sensor-de-encoder-ky040.png b/showcase/src/lib/assets/0sensor-de-encoder-ky040.png similarity index 100% rename from showcase/static/electronics/0sensor-de-encoder-ky040.png rename to showcase/src/lib/assets/0sensor-de-encoder-ky040.png diff --git a/showcase/static/electronics/0servo.png b/showcase/src/lib/assets/0servo.png similarity index 100% rename from showcase/static/electronics/0servo.png rename to showcase/src/lib/assets/0servo.png diff --git a/showcase/static/electronics/0slide-potentiometer-sensor-module-with-volume-control-for-arduino---red-1571993143434._w500_p1__copy.png b/showcase/src/lib/assets/0slide-potentiometer-sensor-module-with-volume-control-for-arduino---red-1571993143434._w500_p1__copy.png similarity index 100% rename from showcase/static/electronics/0slide-potentiometer-sensor-module-with-volume-control-for-arduino---red-1571993143434._w500_p1__copy.png rename to showcase/src/lib/assets/0slide-potentiometer-sensor-module-with-volume-control-for-arduino---red-1571993143434._w500_p1__copy.png diff --git a/showcase/static/electronics/0teclado-matricial-membrana-3x4-numerico-1.png b/showcase/src/lib/assets/0teclado-matricial-membrana-3x4-numerico-1.png similarity index 100% rename from showcase/static/electronics/0teclado-matricial-membrana-3x4-numerico-1.png rename to showcase/src/lib/assets/0teclado-matricial-membrana-3x4-numerico-1.png diff --git a/showcase/static/electronics/1humidity.png b/showcase/src/lib/assets/1humidity.png similarity index 100% rename from showcase/static/electronics/1humidity.png rename to showcase/src/lib/assets/1humidity.png diff --git a/showcase/static/electronics/1modulo-led-rgb-smd-1.png b/showcase/src/lib/assets/1modulo-led-rgb-smd-1.png similarity index 100% rename from showcase/static/electronics/1modulo-led-rgb-smd-1.png rename to showcase/src/lib/assets/1modulo-led-rgb-smd-1.png diff --git a/showcase/static/electronics/2ir.png b/showcase/src/lib/assets/2ir.png similarity index 100% rename from showcase/static/electronics/2ir.png rename to showcase/src/lib/assets/2ir.png diff --git a/showcase/src/routes/+page.svelte b/showcase/src/routes/+page.svelte index 2b2f1131b..08a7b4877 100644 --- a/showcase/src/routes/+page.svelte +++ b/showcase/src/routes/+page.svelte @@ -8,12 +8,18 @@ y: number; } - let randomParts: string[] = Object.values(import.meta.glob('@assets/electronics/*.{png,jpg,jpeg,PNG,JPEG}', { eager: true, query: '?url', import: 'default'})); + let randomParts: string[] = Object.values( + import.meta.glob('$lib/assets/*.{png,jpg,jpeg,PNG,JPEG}', { + eager: true, + query: '?url', + import: 'default' + }) + ); let randomItems: RandomItem[] = []; let innerWidth = 0; let innerHeight = 0; - + // Function to generate random positions function getRandomPosition(): { x: number; y: number } { let x = Math.random() * innerWidth; @@ -28,7 +34,7 @@ return { part, x, - y, // Create the CSS translate for position + y // Create the CSS translate for position }; }); } @@ -39,15 +45,13 @@ // Update positions every 5 seconds setInterval(() => { randomItems = createRandomParts(); -}, 5000); // Adjust interval time as needed + }, 9000); // Adjust interval time as needed -
- -
+
@@ -62,13 +66,13 @@ {#each randomItems as item} - Random Electronics - {/each} + Random Electronics + {/each}
@@ -153,206 +157,202 @@ diff --git a/showcase/vite.config.ts b/showcase/vite.config.ts index aa7a3f0ab..6331108bf 100644 --- a/showcase/vite.config.ts +++ b/showcase/vite.config.ts @@ -5,16 +5,9 @@ import * as path from "path"; export default defineConfig({ plugins: [sveltekit()], - server: { - fs: { - // Allow serving files from one level up to the project root - allow: ['./static/electronics/'], - }, - }, - resolve: { alias: { - "@assets": path.resolve(__dirname, "static"), + "@lib": path.resolve(__dirname, "src/lib"), }, }, From 2063de597f5a2d6b3d33a8807714774b7fa452a8 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 09:59:25 -0400 Subject: [PATCH 2/7] disable submit button --- showcase/package.json | 1 + showcase/pnpm-lock.yaml | 94 ++++++++++++++++++++++++++++++++ showcase/src/app.html | 2 + showcase/src/routes/+page.svelte | 72 +++++++++++++++++++++--- 4 files changed, 161 insertions(+), 8 deletions(-) diff --git a/showcase/package.json b/showcase/package.json index 7e48ba9f4..096f54da5 100644 --- a/showcase/package.json +++ b/showcase/package.json @@ -33,6 +33,7 @@ "prepare": "svelte-kit sync", "type": "module", "dependencies": { + "@hackclub/banner": "^1.0.3", "@threlte/core": "^7.3.1", "@threlte/extras": "^8.11.5", "@threlte/flex": "^1.0.3", diff --git a/showcase/pnpm-lock.yaml b/showcase/pnpm-lock.yaml index 36bfdda2e..7cecc3a09 100644 --- a/showcase/pnpm-lock.yaml +++ b/showcase/pnpm-lock.yaml @@ -8,6 +8,9 @@ importers: .: dependencies: + '@hackclub/banner': + specifier: ^1.0.3 + version: 1.0.3(prop-types@15.8.1)(react-dom@16.14.0(react@16.14.0))(react@16.14.0) '@threlte/core': specifier: ^7.3.1 version: 7.3.1(svelte@4.2.19)(three@0.167.1) @@ -82,6 +85,10 @@ packages: resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==} engines: {node: '>=6.0.0'} + '@babel/runtime@7.25.6': + resolution: {integrity: sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==} + engines: {node: '>=6.9.0'} + '@cloudflare/kv-asset-handler@0.3.4': resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==} engines: {node: '>=16.13'} @@ -441,6 +448,13 @@ packages: resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==} engines: {node: '>=14'} + '@hackclub/banner@1.0.3': + resolution: {integrity: sha512-feY7ZcNrLCWrjYMn3G640LuyMlmJP0GXVPQeyOqe7zU1d4/jcxbly+JvAG4DtEab/z2gHxKUM/ZQ3FK0qMI6oA==} + peerDependencies: + prop-types: ^15.5.4 + react: ^16.0.0 + react-dom: ^16.0.0 + '@humanwhocodes/module-importer@1.0.1': resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==} engines: {node: '>=12.22'} @@ -1125,6 +1139,9 @@ packages: isexe@2.0.0: resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + js-tokens@4.0.0: + resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} + js-yaml@4.1.0: resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==} hasBin: true @@ -1166,6 +1183,10 @@ packages: lodash.merge@4.6.2: resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==} + loose-envify@1.4.0: + resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==} + hasBin: true + maath@0.10.8: resolution: {integrity: sha512-tRvbDF0Pgqz+9XUa4jjfgAQ8/aPKmQdWXilFu2tMy4GWj4NOsx99HlULO4IeREfbO3a0sA145DZYyvXPkybm0g==} peerDependencies: @@ -1262,6 +1283,10 @@ packages: resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==} engines: {node: '>=0.10.0'} + object-assign@4.1.1: + resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} + engines: {node: '>=0.10.0'} + ohash@1.1.3: resolution: {integrity: sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==} @@ -1365,6 +1390,9 @@ packages: printable-characters@1.0.42: resolution: {integrity: sha512-dKp+C4iXWK4vVYZmYSd0KBH5F/h1HoZRsbJ82AVKRO3PEo8L4lBS/vLwhVtpwwuYcoIsVY+1JYKR268yn480uQ==} + prop-types@15.8.1: + resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==} + punycode@2.3.1: resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==} engines: {node: '>=6'} @@ -1372,10 +1400,25 @@ packages: queue-microtask@1.2.3: resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} + react-dom@16.14.0: + resolution: {integrity: sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==} + peerDependencies: + react: ^16.14.0 + + react-is@16.13.1: + resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==} + + react@16.14.0: + resolution: {integrity: sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==} + engines: {node: '>=0.10.0'} + readdirp@3.6.0: resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} engines: {node: '>=8.10.0'} + regenerator-runtime@0.14.1: + resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==} + regexparam@3.0.0: resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==} engines: {node: '>=8'} @@ -1430,6 +1473,9 @@ packages: sander@0.5.1: resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==} + scheduler@0.19.1: + resolution: {integrity: sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==} + selfsigned@2.4.1: resolution: {integrity: sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==} engines: {node: '>=10'} @@ -1784,6 +1830,10 @@ snapshots: '@jridgewell/gen-mapping': 0.3.5 '@jridgewell/trace-mapping': 0.3.25 + '@babel/runtime@7.25.6': + dependencies: + regenerator-runtime: 0.14.1 + '@cloudflare/kv-asset-handler@0.3.4': dependencies: mime: 3.0.0 @@ -1995,6 +2045,13 @@ snapshots: '@fastify/busboy@2.1.1': {} + '@hackclub/banner@1.0.3(prop-types@15.8.1)(react-dom@16.14.0(react@16.14.0))(react@16.14.0)': + dependencies: + '@babel/runtime': 7.25.6 + prop-types: 15.8.1 + react: 16.14.0 + react-dom: 16.14.0(react@16.14.0) + '@humanwhocodes/module-importer@1.0.1': {} '@humanwhocodes/retry@0.3.0': {} @@ -2740,6 +2797,8 @@ snapshots: isexe@2.0.0: {} + js-tokens@4.0.0: {} + js-yaml@4.1.0: dependencies: argparse: 2.0.1 @@ -2773,6 +2832,10 @@ snapshots: lodash.merge@4.6.2: {} + loose-envify@1.4.0: + dependencies: + js-tokens: 4.0.0 + maath@0.10.8(@types/three@0.168.0)(three@0.167.1): dependencies: '@types/three': 0.168.0 @@ -2858,6 +2921,8 @@ snapshots: normalize-path@3.0.0: {} + object-assign@4.1.1: {} + ohash@1.1.3: {} once@1.4.0: @@ -2944,14 +3009,38 @@ snapshots: printable-characters@1.0.42: {} + prop-types@15.8.1: + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + react-is: 16.13.1 + punycode@2.3.1: {} queue-microtask@1.2.3: {} + react-dom@16.14.0(react@16.14.0): + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + prop-types: 15.8.1 + react: 16.14.0 + scheduler: 0.19.1 + + react-is@16.13.1: {} + + react@16.14.0: + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + prop-types: 15.8.1 + readdirp@3.6.0: dependencies: picomatch: 2.3.1 + regenerator-runtime@0.14.1: {} + regexparam@3.0.0: {} require-from-string@2.0.2: {} @@ -3023,6 +3112,11 @@ snapshots: mkdirp: 0.5.6 rimraf: 2.7.1 + scheduler@0.19.1: + dependencies: + loose-envify: 1.4.0 + object-assign: 4.1.1 + selfsigned@2.4.1: dependencies: '@types/node-forge': 1.3.11 diff --git a/showcase/src/app.html b/showcase/src/app.html index 77a5ff52c..bccb46026 100644 --- a/showcase/src/app.html +++ b/showcase/src/app.html @@ -3,10 +3,12 @@ + OnBoard Showcase %sveltekit.head%
%sveltekit.body%
+ diff --git a/showcase/src/routes/+page.svelte b/showcase/src/routes/+page.svelte index 08a7b4877..9e8d5c553 100644 --- a/showcase/src/routes/+page.svelte +++ b/showcase/src/routes/+page.svelte @@ -1,6 +1,5 @@ @@ -61,8 +74,17 @@

OnBoard's Month Showcase

Create a PCB, get a second grant
- + e.key === 'Enter' && handleClick()} + style="pointer-events: {isDisabled ? 'none' : 'auto'}" + > Submit your project + Coming Soon {#each randomItems as item} @@ -75,6 +97,7 @@ {/each} +

How to Join the Fun

@@ -162,12 +185,13 @@ font-family: 'Poppins', sans-serif; background: #f1f1f1; font-size: 1.2em; - overflow-y: auto; + z-index: -1; + box-shadow: 0 0 50px rgba(77, 76, 119, 0.9) inset; } header { padding: 2em; - background: linear-gradient(to bottom right, #6a5acd, #483d8b); + background: linear-gradient(to Top, #6a5acd, #3c3569); display: flex; justify-content: center; align-items: center; @@ -191,6 +215,7 @@ color: white; font-size: 1.2em; margin-top: 0.5em; + z-index: 50; } #form-link { @@ -208,6 +233,8 @@ background: #ff8c00; } + + .grid-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); @@ -341,7 +368,7 @@ opacity: 0; transition: transform 1s ease; /* Smooth transition for changing positions */ scale: 0.1; - z-index: 50; /* Behind other elements */ + overflow: hidden; } @keyframes appearDisappear { @@ -355,4 +382,33 @@ transform: scale(1); /* Appear at full size */ } } + #form-link { + margin-top: 2em; + padding: 0.7em 1em; + background: #d3d3d3; + border-radius: 0.5em; + color: #fff; + font-weight: 700; + text-decoration: none; + opacity: 0.7; + display: flex; + flex-direction: column; + align-items: center; + z-index: 5; + } + + #form-link.disabled { + } + + #form-link:hover { + background: #d3d3d3; /* Keep it greyed out */ + } + + #form-link span.coming-soon { + font-size: 0.8em; /* Slightly smaller font */ + color: #6a6a6a; + margin-top: 0.3em; + } + + From c677a66be0e903297b412308c14971696ca36416 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 19:49:56 -0400 Subject: [PATCH 3/7] better compatability for mobile --- showcase/src/routes/+page.svelte | 63 +++++++++++++++++++------------- 1 file changed, 38 insertions(+), 25 deletions(-) diff --git a/showcase/src/routes/+page.svelte b/showcase/src/routes/+page.svelte index 2dd2f36ea..a5e558ec3 100644 --- a/showcase/src/routes/+page.svelte +++ b/showcase/src/routes/+page.svelte @@ -183,6 +183,7 @@ margin: 0; font-family: 'Poppins', sans-serif; background: #f1f1f1; + overflow-x: hidden; font-size: 1.2em; z-index: -1; box-shadow: 0 0 50px rgba(77, 76, 119, 0.9) inset; @@ -200,8 +201,7 @@ } .logo { - max-width: 10%; - height: auto; + width: 20vh; } .container { @@ -212,31 +212,16 @@ #subtitle { color: white; - font-size: 1.2em; + font-size: 1.1em; margin-top: 0.5em; z-index: 50; } - #form-link { - margin-top: 2em; - padding: 0.7em 1em; - background: #ffa500; - border-radius: 0.5em; - color: white; - font-weight: 700; - text-decoration: none; - transition: background-color 0.3s ease; - } - - #form-link:hover { - background: #ff8c00; - } - .grid-steps { display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 1.5em; - padding: 2em; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Adjusted min-width */ + gap: 1em; /* Smaller gap for mobile */ + padding: 1em; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); @@ -273,6 +258,7 @@ position: absolute; top: -15px; left: 50%; + flex-shrink: 1; transform: translateX(-50%); animation: bounce 1s infinite alternate; line-height: 35px; @@ -296,7 +282,7 @@ font-weight: 100; color: #45b8cc; opacity: 0.9; - padding-top: 5%; + padding-top: 1%; } .item-title { @@ -327,6 +313,30 @@ border-radius: 25px; } + img { + max-width: 100%; /* Ensures images fit within their container */ + height: auto; /* Maintain aspect ratio */ + } + + @media (max-width: 600px) { + body { + font-size: 1em; /* Adjust base font size */ + } + + .guidelines-title { + font-size: 1.5em; + } + + .item-title { + font-size: 1.1em; + } + + #subtitle h3, + #subtitle h5 { + font-size: 0.8em; + } + } + footer { padding: 1em; text-align: center; @@ -381,17 +391,20 @@ } #form-link { margin-top: 2em; - padding: 0.7em 1em; + padding: 0.5em 0.8em; /* Reduced padding for smaller devices */ background: #d3d3d3; border-radius: 0.5em; color: #fff; - font-weight: 700; + font-weight: 650; text-decoration: none; opacity: 0.7; display: flex; flex-direction: column; align-items: center; z-index: 5; + max-width: 100%; /* Allow full width on mobile */ + max-height: 8vh; /* Slightly reduced height */ + font-size: 2.5vh; /* Smaller text for mobile */ } #form-link:hover { @@ -403,4 +416,4 @@ color: #6a6a6a; margin-top: 0.3em; } - \ No newline at end of file + From d88716f09eb0443973add0586800f9a06524e3d3 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 19:50:38 -0400 Subject: [PATCH 4/7] Update App.svelte --- showcase/src/lib/components/App.svelte | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/showcase/src/lib/components/App.svelte b/showcase/src/lib/components/App.svelte index f94ec8f80..61b14a857 100644 --- a/showcase/src/lib/components/App.svelte +++ b/showcase/src/lib/components/App.svelte @@ -1,9 +1,7 @@ -
@@ -12,9 +10,8 @@ - From c183d727c8b0cffb4bdb97ab59f51535187b41ba Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 19:50:55 -0400 Subject: [PATCH 5/7] Update App.svelte --- showcase/src/lib/components/App.svelte | 36 +++++++++++++++----------- 1 file changed, 21 insertions(+), 15 deletions(-) diff --git a/showcase/src/lib/components/App.svelte b/showcase/src/lib/components/App.svelte index 61b14a857..dc4649e78 100644 --- a/showcase/src/lib/components/App.svelte +++ b/showcase/src/lib/components/App.svelte @@ -1,17 +1,23 @@ -
- - - -
- - + + + + + + + + + + From fb1f825dc0b2cc55f289278ac5a3253d21312456 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 20:01:01 -0400 Subject: [PATCH 6/7] oops --- showcase/src/lib/components/Scene.svelte | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) diff --git a/showcase/src/lib/components/Scene.svelte b/showcase/src/lib/components/Scene.svelte index 65db764ef..dc4649e78 100644 --- a/showcase/src/lib/components/Scene.svelte +++ b/showcase/src/lib/components/Scene.svelte @@ -2,24 +2,14 @@ import Model from './models/pcb.svelte'; import { T, useFrame} from '@threlte/core'; import { OrbitControls } from '@threlte/extras' - - let rotation = 0; - - useFrame((_, delta) => { - rotation += delta * 0.4 - }) - { - ref.lookAt(0, 1, 0); - }}> --> + position={[0, 0, 100]}> - \ No newline at end of file + From 21d0ba095e5350fba827ac99443a3ffd54c0c7d0 Mon Sep 17 00:00:00 2001 From: LimesKey Date: Tue, 10 Sep 2024 20:02:24 -0400 Subject: [PATCH 7/7] Update App.svelte --- showcase/src/lib/components/App.svelte | 36 +++++++++++--------------- 1 file changed, 15 insertions(+), 21 deletions(-) diff --git a/showcase/src/lib/components/App.svelte b/showcase/src/lib/components/App.svelte index dc4649e78..61b14a857 100644 --- a/showcase/src/lib/components/App.svelte +++ b/showcase/src/lib/components/App.svelte @@ -1,23 +1,17 @@ - - - - - - - - - - +
+ + + +
+ +