trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add screenshots to index page

Browse source
This commit is contained in:
trafficlunar 2024-12-31 21:47:07 +00:00
parent 6892f0b9ca
commit 2f7e268062
5 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/screenshot1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 MiB

BIN
public/screenshot2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 874 KiB

6
src/assets/blockmatic.svg
View file

@ -16,16 +16,16 @@
transform="translate(-69.282031,-147.50001)">
<path
id="path22"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
style="fill-opacity:1;stroke-width:0.264583"
d="m 73.612157,152.49999 v 2 l 0.866024,-0.5 v -1 l 0.866026,-0.5 v 2 l 0.866026,-0.5 v -1 l 0.866024,-0.5 v -1 L 77.942283,151 v -1.00001 z m -4.330128,-2.5 v 2 l 0.866026,0.5 v -1 l 0.866026,0.5 v 2 l 0.866024,0.5 v -1 l 0.866026,0.5 v -1 l 0.866026,0.5 v -1 z m 0,0 4.330128,2.5 4.330126,-2.5 -4.330126,-2.5 z" />
<path
id="path27"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
style="fill-opacity:1;stroke-width:0.264583"
d="m 73.438953,154.6 0.173204,0.1 0.173204,-0.1 v 2.59999 L 73.612157,157.3 73.438953,157.19999 Z m 0.34641,0 v 2.6 l 3.983717,-2.3 v -3.6 l -0.519615,0.3 v 1 l -0.866025,0.5 v 1 l -1.212436,0.7 v -2 l -0.519615,0.3 v 1 z m -4.330127,-2.3 v 2.6 l 3.983717,2.3 v -3.6 l -0.519615,-0.3 v 1 l -0.866025,-0.5 v 1 l -1.212436,-0.7 v -2 l -0.519615,-0.3 v 1 z" />
<path
d="m 80.043034,153.88264 h -0.617361 v -1.23472 h 0.617361 z M 78.808311,154.5 h 1.543404 v -0.30868 h 0.30868 v -1.85208 h -0.30868 v -0.30868 h -0.926042 v -0.61737 h -0.617362 z m 2.469446,0 h 0.617361 v -0.61736 h -0.308681 v -2.46945 h -0.617361 v 2.77813 h 0.308681 z m 2.160764,-0.61736 H 82.82116 v -1.23472 h 0.617361 z M 82.512479,154.5 h 1.234722 v -0.30868 h 0.308681 v -1.85208 h -0.308681 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z m 2.160765,0 h 1.234722 v -0.30868 h 0.308681 v -0.61736 h -0.617362 v 0.30868 h -0.617361 v -1.23472 h 0.617361 v 0.30868 h 0.617362 v -0.61736 h -0.308681 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z m 1.852083,0 h 0.617361 v -0.92604 H 87.76005 V 154.5 h 0.617361 v -1.23472 H 88.06873 v -0.30868 h 0.308681 v -0.92604 H 87.76005 v 0.92604 h -0.617362 v -1.54341 h -0.617361 z m 2.160764,0 h 0.617362 v -1.85208 h 0.30868 V 154.5 h 0.617362 v -1.85208 h 0.30868 V 154.5 h 0.617361 v -2.16076 h -0.30868 v -0.30868 h -0.617361 v 0.30868 h -0.308681 v -0.30868 h -1.234723 z m 4.012849,-0.61736 h -0.617362 v -0.30868 H 92.69894 Z M 91.772898,154.5 h 1.543403 v -2.16076 H 93.00762 v -0.30868 h -1.543403 v 0.61736 h 1.234723 v 0.30868 h -0.926042 v 0.30868 h -0.308681 v 0.92604 h 0.308681 z m 2.160765,0 h 0.926041 v -0.61736 h -0.617361 v -1.23472 h 0.617361 v -0.61736 h -0.617361 v -0.61737 h -0.617361 v 2.77813 h 0.308681 z m 1.234722,0 h 0.617361 v -2.16076 h -0.617361 z m 0,-2.46944 h 0.617361 v -0.61737 H 95.168385 Z M 96.403108,154.5 h 1.234722 v -0.30868 h 0.308681 v -0.61736 H 97.32915 v 0.30868 h -0.617362 v -1.23472 h 0.617362 v 0.30868 h 0.617361 v -0.61736 H 97.63783 v -0.30868 h -1.234722 v 0.30868 h -0.308681 v 1.85208 h 0.308681 z"
id="text27"
style="font-size:4.93889px;font-family:'Born2bSporty FS';-inkscape-font-specification:'Born2bSporty FS';fill:#ffffff;stroke-width:0.264583"
style="font-size:4.93889px;font-family:'Born2bSporty FS';-inkscape-font-specification:'Born2bSporty FS';stroke-width:0.264583"
aria-label="blockmatic" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

1
src/index.css
View file

@ -1,4 +1,5 @@
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@tailwind base;
@tailwind components;

11
src/pages/IndexPage.tsx
View file

@ -10,7 +10,7 @@ function IndexPage() {
return (
<main className="flex flex-col items-center">
<header className="w-full flex justify-evenly p-8">
<BlockmaticLogo className="h-16 w-max" />
<BlockmaticLogo className="h-16 w-max" fill={"white"} />
<div className="flex items-center gap-8">
<Button variant="link" asChild>
@ -21,6 +21,15 @@ function IndexPage() {
</a>
</div>
</header>
<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" />
</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" />
</main>
);
}