Salt Website Project

Explore

Tasks

Organize your tasks

⁠

Add Task

⁠

Tasks

Tasks

⁠

0. 1 crystal missing?

4. Bounding box entirety of the logo

5. Defer/Async fetch images -- webp images

2. Crystals reacting to screen swipe

7. Cursor change on hover

3. Mobile version

Rumon -- phone screens, dashed-crystal

1. Collision -- increase bounding rect. Better to repel from far than to overlap

6. Nudges + emptying out the slot

Done:

2. Landing page BG?

3. Down Arrow should also honor DARK_MODE

1. Increase size of logo and crystals on laptop; decrease on Mobile

5. Interaction on tapRelease (mouseUp) instead of mouseDown

8. Animate to place is jittery on phone.

New:

4. Start position of crystals out of bounds? -- mostly to the far right

9, Sometimes hero Crystal disappears on placing (on mobile).

7. Sometimes on phone it just freezes to a black screen -- actually crystals and logos are still black and floating.

6?. Restrict movement to a limited zone. Make the logo/crystals smaller. Make drop zone tighter

Done:

a. Increase crystal size to match logo on desktop

c. Increase speed by a bit

d. In bullet time the other crystals are too faded. Increase opacity a bit.

e. Increase collision radius to avoid contact, even if it means crystals repelling from a bit afar.

Done

> Loading screen gif

> Locking-in on page

> Nudge

- opacity pulsate of a crystal

- dropzone has the gif at low opactity - when first crystal is picked

> Lock-in release after 2 crystal drop or 20s -- show down button

> Selected Crystal opactity reduction -- dim

> random positioning of popped crystal

> Decrease logo size to match crystal on mobile

> Use correct grunge bg to avoid the stretch-in effect

> Team Page svg

- text change on hover

- responsive

- some animation/movement on individual svg components/paths

New

> Crystal animation

- Throwability

- a) Direction

- b) speed (low priority)

- On Collision instead of doing vector math, change vector direction to diametrically opp, with speed.

> Start position of crystals out of bounds? -- mostly to the far right

> Sometimes hero Crystal disappears on placing (on mobile).

> Sometimes on phone it just freezes to a black screen -- actually crystals and logos are still black and floating.

Done

bug: dropped crystal opacity stays 0 if alt not dropped

optimization: don't load pngs and webps all. Do png only if webp is not supported.

Anshul:

opacity changes:

gif nudge lower

opacity pulsating wider band (10-100%)

opacity of used crystal lower

loading crystal 1 sec

gif on the logo, for the first time only

mobile screen stretch

randomize initial person

New

> code clean-up and walkthrough

> when down arrow appears, it shifts a little. custom scroll bar?

> don't spawn crystals from the logo (after replacement)

> landing bg jpg/png support?

> Higher z-index for the crystal? So that pick up can be done even near logo. <-- tried, works.

> if a dummy (invisible) obstacle placed on the logo, that'd cover this too.

> Anshul: Down Arrow push a little up?

> optimization: replace crystals with svgs

6. Font for text

2. Bullet time momentary speed up after drop.

Other Feedback

--- crystal to not move over the logo ----

--- spacing b/w team cari and text

--- snap to fold

--- scrollbar

---- down arrow --> should be pushed a little up ----

--- about text break up in paragraphs --- >> bold some parts in text

--- highlight a face in some time slowly, blurb ---

-- font text thin (look so different)

-- 38% --> 50%

-- mobile screen stretch

-- randomize initial person

-- change ode image to clean up

-- insta/twitter opacity more

-- old safari did not get dandi and main bg (non webp)

-- iphone 11 did not go to phone. Trying to load desktop resources.

-- on phone the pulsating nudge remains if if some crystals have been placed

Same data, many views

This same Tasks table can be viewed and filtered in different ways. We created a few to start out:

🚦By Status

Not Started

Test, iterate

Desktop app

James Booth

Fake plan

Mobile app

James Booth

Sling code

Mobile app

Polly Rose

Marketing plan

Launch

Joel Davis

Launch assets

Launch

James Booth

In Progress

Plan

Desktop app

Joel Davis

Code

Desktop app

Polly Rose

Complete

Do the research

Desktop app

Joel Davis

⁠

👌 This

view⁠

of the Tasks table is

grouped⁠

by status and displayed as

cards⁠

. Try dragging the cards around.

🏷 By Category