Skip to content
Salt Website Project
Share
Explore

icon picker
Tasks

Organize your tasks
Add Task
Tasks
5

v1

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

v2

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

v3

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.

v4

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.

v5

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
5
Test, iterate
Desktop app
JB
James Booth
365442379a6c4a4d3c6f077ff81fbd31.png
Fake plan
Mobile app
JB
James Booth
Sling code
Mobile app
PR
Polly Rose
Marketing plan
Launch
JD
Joel Davis
Frame 3.png
Launch assets
Launch
JB
James Booth
In Progress
2
c713cb48e6e9af16b515fe6b58adc837.png
Plan
Desktop app
JD
Joel Davis
Code
Desktop app
PR
Polly Rose
Complete
1
Do the research
Desktop app
JD
Joel Davis

👌 This
of the Tasks table is by status and displayed as . Try dragging the cards around.

🏷 By Category

Category
Task
Person
Status
Image
Desktop app
4
Plan
JD
Joel Davis
In Progress
c713cb48e6e9af16b515fe6b58adc837.png
Code
PR
Polly Rose
In Progress
Do the research
JD
Joel Davis
Complete
Test, iterate
JB
James Booth
Not Started
Mobile app
2
Fake plan
JB
James Booth
Not Started
365442379a6c4a4d3c6f077ff81fbd31.png
Sling code
PR
Polly Rose
Not Started
Launch
2
Marketing plan
JD
Joel Davis
Not Started
Launch assets
JB
James Booth
Not Started
Frame 3.png
👌 This
of the Tasks table is by category.

👩🏻‍💻 By Person

Person
Status
Not Started
5
In Progress
2
Complete
1
Task
Task
Task
JD
Joel Davis
3
Marketing plan
Plan
Do the research
PR
Polly Rose
2
Sling code
Code
JB
James Booth
3
Test, iterate
Fake plan
Launch assets
👍This
of the Tasks table is by the Status on the top and Person on the left. Grab a task's handle to drag the task from one group to another.

✅ My Tasks

Done
Task
Category
Start
Estimate
Person
Status
Image
No results from filter
👌 This
of the Tasks table is down to just
tasks.

🗺 Roadmap

Desktop app
Plan
Code
Do the research
Test, iterate
Mobile app
Fake plan
Sling code
Launch
Marketing plan
Launch assets
Oct 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Nov 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Dec 2023
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jan 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Feb 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
Mar 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Apr 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
May 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jun 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Month
TodayFit

↔️ Try dragging the edges of one of the tasks below. Note how it changes the date both in the timeline and in the table views above. It is the same data, just represented in a different . Hover over the chart and click
Image 2020-04-17 at 7.00.44 AM.png
to expand to full screen.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.