| <div class="step right hidden loading" id="user-image"> |
| <div class="step-contents"> |
| <div id="user-image-screen-curtain"> |
| <p id="user-image-screen-description" |
| i18n-content="userImageScreenDescription"></p> |
| </div> |
| <div id="user-image-screen-main"> |
| <grid id="user-image-grid" |
| aria-labelledby="user-image-screen-description"> |
| </grid> |
| <div id="user-image-preview"> |
| <img id="user-image-preview-img" alt=""> |
| <div class="user-image-stream-area"> |
| <div class="perspective-box"> |
| <div id="user-image-stream-crop"> |
| <video class="user-image-stream" autoplay></video> |
| </div> |
| </div> |
| <div class="spinner"></div> |
| </div> |
| <p id="user-image-preview-caption"></p> |
| <button id="flip-photo" class="custom-appearance" |
| i18n-values="title:flipPhoto"></button> |
| <button id="discard-photo" i18n-values="title:discardPhoto"></button> |
| <button id="take-photo" i18n-values="title:takePhoto"></button> |
| </div> |
| <div id="user-image-attribution"> |
| <span i18n-content="authorCredit"></span> |
| <strong id="user-image-author-name"></strong> |
| <a id="user-image-author-website" target="_blank"></a> |
| </div> |
| </div> |
| </div> |
| <div id="user-image-controls" class="step-controls"></div> |
| <div id="user-images-loading" class="step-loading"> |
| <div class="throbber"></div> |
| <div i18n-content="syncingPreferences"></div> |
| </div> |
| </div> |