1 <div class=
"step right hidden loading" id=
"user-image">
2 <div class=
"step-contents">
3 <div id=
"user-image-screen-curtain">
4 <p id=
"user-image-screen-description"
5 i18n-content=
"userImageScreenDescription"></p>
7 <div id=
"user-image-screen-main">
8 <grid id=
"user-image-grid"
9 aria-labelledby=
"user-image-screen-description">
11 <div id=
"user-image-preview">
12 <img id=
"user-image-preview-img" class=
"animated-transform" alt=
"">
13 <div class=
"user-image-stream-area">
14 <div class=
"perspective-box">
15 <div id=
"user-image-stream-crop">
16 <video class=
"user-image-stream" autoplay
></video>
19 <div class=
"spinner"></div>
21 <p id=
"user-image-preview-caption"></p>
22 <button id=
"discard-photo" i18n-values=
"title:discardPhoto"></button>
23 <button id=
"take-photo" i18n-values=
"title:takePhoto"></button>
24 <button id=
"flip-photo" class=
"custom-appearance"
25 i18n-values=
"title:flipPhoto"></button>
27 <div id=
"user-image-attribution">
28 <span i18n-content=
"authorCredit"></span>
29 <strong id=
"user-image-author-name"></strong>
30 <a id=
"user-image-author-website" target=
"_blank"></a>
34 <div id=
"user-image-controls" class=
"step-controls"></div>
35 <div id=
"user-images-loading" class=
"step-loading">
36 <div class=
"throbber"></div>
37 <div i18n-content=
"syncingPreferences"></div>