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. opacity pulsating wider band (10-100%) opacity of used crystal lower gif on the logo, for the first time only 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
👌 This of the Tasks table is by status and displayed as . Try dragging the cards around.
🏷 By Category
👌 This of the Tasks table is by category.
👩🏻💻 By Person
👍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
👌 This of the Tasks table is down to just tasks.
🗺 Roadmap
Desktop appPlan
Code
Do the research
Test, iterate
Mobile appFake plan
Sling code
LaunchMarketing plan
Launch assets
Apr 2025
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 2025
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 2025
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
Jul 2025
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
Aug 2025
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
Sep 2025
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
Oct 2025
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 2025
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 2025
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
↔️ 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 clickto expand to full screen.