trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 06:34:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: convert screenshots/images to webp

Browse source
This commit is contained in:
trafficlunar 2024-12-31 22:03:39 +00:00
parent 2f7e268062
commit 1fafe67d1a
6 changed files with 285 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
src/assets/screenshot1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 MiB

BIN
src/assets/screenshot2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 874 KiB

9
src/pages/IndexPage.tsx
View file

@ -6,6 +6,11 @@ import { Button } from "@/components/ui/button";
import BlockmaticLogo from "@/assets/blockmatic.svg?react";
import GithubIcon from "@/assets/github.svg?react";
// @ts-expect-error - vite-imagetools plugin
import Screenshot1 from "@/assets/screenshot1.png?format=webp";
// @ts-expect-error - vite-imagetools plugin
import Screenshot2 from "@/assets/screenshot2.png?format=webp";
function IndexPage() {
return (
<main className="flex flex-col items-center">
@ -24,12 +29,12 @@ function IndexPage() {
<div className="absolute w-full h-full -z-20">
<div className="absolute inset-0 bg-gradient-to-t from-black/100 to-black/0 z-10"></div>
<img src="/screenshot1.png" alt="screenshot" className="w-full h-full object-cover" />
<img src={Screenshot1} alt="screenshot" className="w-full h-full object-cover" />
</div>
<h1 className="text-5xl font-[Inter] font-bold mt-32">Convert your images to schematics</h1>
<img src="/screenshot2.png" alt="bliss" className="w-[90%] rounded-xl mt-32 border border-zinc-700 glow" />
<img src={Screenshot2} alt="bliss" className="w-[90%] rounded-xl mt-32 border border-zinc-700 glow" />
</main>
);
}