Matt Barty

Flight delayed 2 ✈️💤
.
.
.
#cinematography #videography #vlog #lumix

Flight delayed 1 ✈️💤
.
.
#cinematography #videography #vlog #lumix

Sun hitting just right during breakfast 🥓☕️
.
.
#cinematography #videography #vlog #lumix

Drawin’ ✍🏽
.
.
#cinematography #videography #vlog #lumix

Trying out shot comps in the park 🌲🐕
.
.
.
#vlog #cinematicvlog #cinematrography #film #filmmaking #panasonic #lumix #lumixs5ii

[2/2] The relative positioning / sizing uses percentages relative to the wall dimensions.

So it:
- Takes absolute positions (portrait.x, portrait.width)
- Converts to percentages relative to wall size
- Uses absolute CSS positioning (with relative percentages)

${(x / wallDimensions.width) * 100}%

GitHub - mattbarty/wallplanner Contribute to mattbarty/wallplanner development by creating an account on GitHub.

[1/2] Here is the repo: github.com/mattbarty/wa...

I wasn't planning on publishing it yet, so please excuse the shoddiness of it! But I'm keen t share.

All the code was generated Cursor with Claude 3.5, and ShadCN components, hence the single commit.

Explanation of relative distancing below ⬇️

Built a tool to help me decorate 🖼️

Spent last night hanging pictures.
Got a little bit repetitive so I built a webapp to handle all the boring bits -
This is my favourite flavour of hacky home projects ✨

::stack::
NextJS15
ShadCN
Tailwindcss
Cursor IDE x Claude

#claude #ai #sideproject #cursor