Last active
July 5, 2022 07:17
-
-
Save raphaelsaunier/068288c8a2e73c95a0e62eeb8ecd6241 to your computer and use it in GitHub Desktop.
iOS 16 Lock Screen
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| iOS 16 Lock Screen | |
| incoming phone call -> Phone Call | |
| Sleeping | |
| tap on screen -> Awake | |
| Awake | |
| press on side button -> Sleeping | |
| swipe down from top right corner -> Control Centre | |
| Lock Screen | |
| swipe left -> Camera | |
| Unauthenticated Lock Screen | |
| swipe up from bottom -> Face ID | |
| auto Face ID succesful? -> Authenticated Lock Screen | |
| Authenticated Lock Screen | |
| swipe right -> Widgets | |
| swipe down -> Search | |
| swipe up -> Notification Centre | |
| long press -> Customise | |
| Face ID | |
| successful? -> Unlocked | |
| unsuccessful? -> Passcode | |
| Passcode | |
| tap on Emergency call -> Emergency Call | |
| entered valid PIN -> Unlocked | |
| entered invalid PIN -> Passcode | |
| cancel -> Lock Screen | |
| Emergency Call | |
| tap on Medical ID -> Medical ID | |
| tap on Cancel -> Passcode | |
| Medical ID | |
| tap on Done -> Emergency Call | |
| Notification Centre | |
| swipe down -> Authenticated Lock Screen | |
| Control Centre | |
| swipe up -> Lock Screen | |
| Widgets | |
| swipe left -> Authenticated Lock Screen | |
| Wallet | |
| Unauthenticated Wallet | |
| valid PIN or Face ID? -> Authenticated Wallet | |
| Authenticated Wallet | |
| Search | |
| Camera | |
| Customise | |
| swipe up from bottom -> Lock Screen | |
| Unlocked | |
| Phone Call | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function render (model) { | |
| if (model.active_states[0].image_url) { | |
| return $('img', { | |
| src: model.active_states[0].image_url, | |
| style: { height: '480px' } | |
| }); | |
| } else { | |
| return $('h1', | |
| { style: { color: 'darkBlue', padding: '10px' } }, | |
| `State: ${model.active_states[0].name} (no image)`); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment