Hero doodle v3 (#7)

leaningtech · Aug 25, 2023 · cbd1ecf · cbd1ecf
1 parent ba51da3
commit cbd1ecf
Show file tree

Hide file tree

Showing 12 changed files with 55 additions and 44 deletions.
diff --git a/public/blog/blog-banners/cheerp-lines.png b/public/blog/blog-banners/cheerp-lines.png
diff --git a/public/blog/blog-banners/cheerp-wasi.png b/public/blog/blog-banners/cheerp-wasi.png
diff --git a/public/blog/blog-banners/cheerpj3.png b/public/blog/blog-banners/cheerpj3.png
diff --git a/public/blog/blog-banners/profiling.png b/public/blog/blog-banners/profiling.png
diff --git a/public/blog/blog-banners/webvm-post.png b/public/blog/blog-banners/webvm-post.png
diff --git a/src/components/GlobalNav.astro b/src/components/GlobalNav.astro
@@ -22,8 +22,15 @@ const links = [
 	>
 		<div class="flex gap-4 flex-none lg:basis-64 lg:mr-10">
 			<a href="/" class="flex items-center gap-4">
-				<img src={companyLogo} alt={SITE_TITLE} class="w-8 h-8" />
-				<span class="hidden md:block text-xl">Developer Labs</span>
+				<img
+					src={companyLogo}
+					alt={SITE_TITLE}
+					class="w-8 h-8"
+					title="Leaning Technologies"
+				/>
+				<span class="hidden md:block text-xl" title="Leaning Technologies"
+					>Developer Labs</span
+				>
 			</a>
 		</div>
 

diff --git a/src/components/landing-page/Doodle.svelte b/src/components/landing-page/Doodle.svelte
@@ -9,6 +9,11 @@
 		"/landing/doodle/doodle_horizontal/cheerpj_h.png",
 		"/landing/doodle/doodle_horizontal/cheerpx_h.png",
 	];
+	const hrefs = [
+		"/cheerp",
+		"/cheerpj",
+		"/cheerpx",
+	]
 
 	let index = 0;
 	setInterval(() => {
@@ -17,49 +22,49 @@
 </script>
 
 <div class="doodle relative w-96 hidden md:block  md:w-full max-w-full max-h-[36rem] lg:max-h-[48rem] overflow-hidden">
-	<img
-		src="/landing/doodle/doodle_vertical/all_top.png"
-		alt=""
-		class="absolute top-0 opacity-20"
-	/>
-
-	{#each images as image, i}
+	<a href={hrefs[index]}>
 		<img
-			src={image}
-			alt=""
-			class="absolute top-0 transition-opacity duration-500"
-			class:opacity-0={i !== index}
+      src="/landing/doodle/doodle_vertical/all_top.png"
+      alt=""
+      class="absolute top-0 opacity-20"
 		/>
-	{/each}
-	<img
-	src="/landing/doodle/doodle_vertical/browser.png"
-	alt=""
-	class="absolute top-0"
-	/>
-
+		{#each images as image, i}
+			<img
+				src={image}
+				alt=""
+				class="absolute top-0 transition-opacity duration-500"
+				class:opacity-0={i !== index}
+			/>
+		{/each}
+		<img
+      src="/landing/doodle/doodle_vertical/browser.png"
+      alt=""
+      class="absolute top-0"
+		/>
+	</a>
 </div>
 
 <div class="doodle_h relative w-full md:hidden mt-28">
-	<img
-		src="/landing/doodle/doodle_horizontal/all_top_h.png"
-		alt=""
-		class="absolute top-0 opacity-20"
-	/>
-
-	{#each images_h as image, i}
+	<a href={hrefs[index]}>
 		<img
-			src={image}
-			alt=""
-			class="absolute top-0 transition-opacity duration-500"
-			class:opacity-0={i !== index}
+      src="/landing/doodle/doodle_horizontal/all_top_h.png"
+      alt=""
+      class="absolute top-0 opacity-20"
 		/>
-	{/each}
-	<img
-	src="/landing/doodle/doodle_horizontal/browser_h.png"
-	alt=""
-	class="absolute top-0"
-	/>
-
+		{#each images_h as image, i}
+			<img
+				src={image}
+				alt=""
+				class="absolute top-0 transition-opacity duration-500"
+				class:opacity-0={i !== index}
+			/>
+		{/each}
+		<img
+      src="/landing/doodle/doodle_horizontal/browser_h.png"
+      alt=""
+      class="absolute top-0"
+		/>
+	</a>
 </div>
 
 <!-- TODO: <map> and <area> elements -->
@@ -70,5 +75,4 @@
 	.doodle_h {
 		aspect-ratio: 1874 / 1101;
 	}
-	
 </style>
diff --git a/src/content/blog/a-real-world-use-case-for-wasi.md b/src/content/blog/a-real-world-use-case-for-wasi.md
@@ -6,7 +6,7 @@ authors:
   - yuri
   - alessandro
 pubDate: "April 6 2023"
-heroImage: "https://leaningtech.com/wp-content/uploads/2023/04/WASI-article-main.png.webp"
+heroImage: "/blog/blog-banners/cheerp-wasi.png"
 tags:
   - CheerpJ
 ---

diff --git a/src/content/blog/announcing-cheerpj-3.md b/src/content/blog/announcing-cheerpj-3.md
@@ -5,7 +5,7 @@ description: |
 authors:
   - alessandro
 pubDate: "May 9 2023"
-heroImage: "https://leaningtech.com/wp-content/uploads/2023/05/CheerpJ-Logo-1-1.png.webp"
+heroImage: "/blog/blog-banners/cheerpj3.png"
 featured: true
 tags:
   - CheerpJ

diff --git a/src/content/blog/beyond-devtools-profiling-webapps-at-the-assembly-level.md b/src/content/blog/beyond-devtools-profiling-webapps-at-the-assembly-level.md
@@ -5,7 +5,7 @@ description: |
 authors:
   - elisabeth
 pubDate: "June 28 2023"
-heroImage: "https://leaningtech.com/wp-content/uploads/2023/07/preview.jpg.webp"
+heroImage: "/blog/blog-banners/profiling.png"
 tags:
   - CheerpX
 ---

diff --git a/src/content/blog/cheerp-3-now-permissively-licensed.md b/src/content/blog/cheerp-3-now-permissively-licensed.md
@@ -6,7 +6,7 @@ description: |
 authors:
   - alessandro
 pubDate: "March 14 2023"
-heroImage: "https://leaningtech.com/wp-content/uploads/2023/03/Cheerp-3.0-1.png.webp"
+heroImage: "/blog/blog-banners/cheerp-lines.png"
 tags:
   - Cheerp
 featured: true

diff --git a/src/content/blog/mini-webvm-your-linux-box-from-dockerfile-via-wasm.md b/src/content/blog/mini-webvm-your-linux-box-from-dockerfile-via-wasm.md
@@ -5,7 +5,7 @@ description: |
 authors:
   - alessandro
 pubDate: "May 22 2023"
-heroImage: "https://leaningtech.com/wp-content/uploads/2023/05/social.png.webp"
+heroImage: "/blog/blog-banners/webvm-post.png"
 tags:
   - CheerpX
 featured: true