From 74a618d4a58311aa29b5b21efc73476ebbe9f42f Mon Sep 17 00:00:00 2001 From: Bradley Shellnut Date: Thu, 5 May 2022 16:51:30 -0700 Subject: [PATCH] Updating to have a header and fixing controls. --- src/app.css | 22 +++++ src/app.html | 2 +- src/routes/__layout.svelte | 84 +++++++++++++++++++ src/routes/contributions.svelte | 12 ++- src/routes/cubes.svelte | 31 +++++++ src/routes/playcube.svelte | 22 +++-- ...{star_canvas.svelte => star-canvas.svelte} | 0 src/routes/star.svelte | 31 ++++--- src/routes/svg3D.svelte | 9 +- src/routes/text3D.svelte | 15 ++-- 10 files changed, 199 insertions(+), 29 deletions(-) create mode 100644 src/app.css create mode 100644 src/routes/__layout.svelte create mode 100644 src/routes/cubes.svelte rename src/routes/{star_canvas.svelte => star-canvas.svelte} (100%) diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..a7be4d0 --- /dev/null +++ b/src/app.css @@ -0,0 +1,22 @@ +:root { + --dark: #000000; + + --headingFont: Arial, Helvetica, sans-serif; + --bodyFont: Arial, Helvetica, sans-serif; + --baseFontSize: 100%; + --h1: 3.052rem; + --h2: 2.441rem; + --h3: 1.953rem; + --h4: 1.563rem; + --h5: 1.25rem; + --h6: 1.8rem; + --bodyTextSize: 1.8rem; + --smallText: 1.44rem; + --lineHeight: 1.75; +} + +#svelte { + min-height: 100vh; + display: flex; + flex-direction: column; +} diff --git a/src/app.html b/src/app.html index 84d71b4..f479f6a 100644 --- a/src/app.html +++ b/src/app.html @@ -7,6 +7,6 @@ %svelte.head% -
%svelte.body%
+
%svelte.body%
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte new file mode 100644 index 0000000..7c77763 --- /dev/null +++ b/src/routes/__layout.svelte @@ -0,0 +1,84 @@ + + +
+

Svelte 3D

+ +
+ +
+ +
+ + \ No newline at end of file diff --git a/src/routes/contributions.svelte b/src/routes/contributions.svelte index 225625f..efb2f71 100644 --- a/src/routes/contributions.svelte +++ b/src/routes/contributions.svelte @@ -36,7 +36,7 @@ position={[Math.floor(index / rows), contribution / 2, index % rows]} /> {/each} - + @@ -45,6 +45,16 @@ diff --git a/src/routes/cubes.svelte b/src/routes/cubes.svelte new file mode 100644 index 0000000..08e59bb --- /dev/null +++ b/src/routes/cubes.svelte @@ -0,0 +1,31 @@ + + + count += 1} /> + + + + + + + + {#each {length: count } as _} + + {/each} + + + + + + \ No newline at end of file diff --git a/src/routes/playcube.svelte b/src/routes/playcube.svelte index 9c329b1..456c24e 100644 --- a/src/routes/playcube.svelte +++ b/src/routes/playcube.svelte @@ -17,14 +17,15 @@ { isActive = !isActive }} />
-
@@ -44,10 +45,17 @@ \ No newline at end of file diff --git a/src/routes/star_canvas.svelte b/src/routes/star-canvas.svelte similarity index 100% rename from src/routes/star_canvas.svelte rename to src/routes/star-canvas.svelte diff --git a/src/routes/star.svelte b/src/routes/star.svelte index 0001a89..6aab1bf 100644 --- a/src/routes/star.svelte +++ b/src/routes/star.svelte @@ -12,21 +12,30 @@ } -
-

Star World

-
+
+
+

Star World

+
-
- {#if isStar} -
- -
- {/if} - +
+ {#if isStar} +
+ +
+ {/if} + +
\ No newline at end of file diff --git a/src/routes/text3D.svelte b/src/routes/text3D.svelte index 02cdcaf..b52a19f 100644 --- a/src/routes/text3D.svelte +++ b/src/routes/text3D.svelte @@ -6,7 +6,7 @@ import typeface from '@compai/font-mako/data/typefaces/mako-normal-400.json'; let font; - let text = "Level Up"; + let text = "Test me out!!"; let loader = new FontLoader(); onMount(() => { @@ -22,17 +22,20 @@ height: 10 }) } /> - + - + \ No newline at end of file