ryanlintott / molt Goto Github PK

Stack of sticky notes that can be used vertically in the Calm Time slider and horizontally on the session summary.
Examples below:

Start Page/Session Parameters

• Stress level sticky stack view (placeholder if one isn't ready made)
• Calm duration (time spent in calm mode) / goal (if less than goal)
• % completion circle
• Date and time of session
• Text editable on long press
• Text scrollable if long enough
• Can be scaled to small list view (text not editable in this view)

Start page "Sessions" bottom sliding sheet

A view that represents a single sticky note

• Journal title
• Session Summary View (placeholder)
• Color picker for sticky
• Confirm button
• Space for keyboard (make sure view fits well with keyboard below

Example below (still missing a confirm button so try to fit that in somewhere)

A view that displays an array of stickies (placeholder rectangles are fine for now).

• Stickies above other stickies will be on top of the ones below
• anchor point should be at the top middle of each sticky
• Stickies should be rotated random amounts but no more than 20 degrees in each direction (maybe even less)
• Taping on a sticky should make it disappear (we can add a more complex animation after

List of all the sessions which a user has taken

View that shows an image fullscreen background with parallax motion linked to device orientation. Motion should be subtle and similar to how iOS Home Screen backgrounds look.
This image will go behind the frosted glass surface supporting the stickies.
View should accommodate any image aspect ratio and should always fill the screen with enough overscan that the edges are not visible with any device orientation.

• countdown timer
• end session button
• frosted glass background with text in clear area

Molt logo with heavy rounded SF font. M is on a special sticky with a curl at the bottom that overlaps the corner of the M (custom shape)

Style that can be used throughout the app.