OLD | NEW |
1 <div class="step right hidden loading no-logo" id="user-image" hidden> | 1 <div class="step right hidden loading no-logo" id="user-image" hidden> |
2 <div class="step-contents"> | 2 <div class="step-contents"> |
3 <div id="user-image-screen-curtain"> | 3 <div id="user-image-screen-curtain"> |
4 <p id="user-image-screen-description" | 4 <p id="user-image-screen-description"> |
5 i18n-content="userImageScreenDescription"></p> | 5 $i18n{userImageScreenDescription} |
| 6 </p> |
6 </div> | 7 </div> |
7 <div id="user-image-screen-main"> | 8 <div id="user-image-screen-main"> |
8 <grid id="user-image-grid" tabindex="1" | 9 <grid id="user-image-grid" tabindex="1" |
9 aria-labelledby="user-image-screen-description"> | 10 aria-labelledby="user-image-screen-description"> |
10 </grid> | 11 </grid> |
11 <div id="user-image-preview"> | 12 <div id="user-image-preview"> |
12 <img id="user-image-preview-img" class="animated-transform" alt=""> | 13 <img id="user-image-preview-img" class="animated-transform" alt=""> |
13 <div class="user-image-stream-area"> | 14 <div class="user-image-stream-area"> |
14 <div class="perspective-box"> | 15 <div class="perspective-box"> |
15 <div id="user-image-stream-crop"> | 16 <div id="user-image-stream-crop"> |
16 <video class="user-image-stream" autoplay></video> | 17 <video class="user-image-stream" autoplay></video> |
17 </div> | 18 </div> |
18 </div> | 19 </div> |
19 <div class="spinner"></div> | 20 <div class="spinner"></div> |
20 </div> | 21 </div> |
21 <p id="user-image-preview-caption"></p> | 22 <p id="user-image-preview-caption"></p> |
22 <button id="discard-photo" i18n-values="title:discardPhoto" | 23 <button id="discard-photo" i18n-values="title:discardPhoto" |
23 tabindex="2"></button> | 24 tabindex="2"></button> |
24 <button id="take-photo" i18n-values="title:takePhoto" tabindex="2"> | 25 <button id="take-photo" i18n-values="title:takePhoto" tabindex="2"> |
25 </button> | 26 </button> |
26 <button id="flip-photo" class="custom-appearance" | 27 <button id="flip-photo" class="custom-appearance" |
27 i18n-values="title:flipPhoto" tabindex="1"></button> | 28 i18n-values="title:flipPhoto" tabindex="1"></button> |
28 </div> | 29 </div> |
29 <div id="user-image-attribution"> | 30 <div id="user-image-attribution"> |
30 <span i18n-content="authorCredit"></span> | 31 <span>$i18n{authorCredit}</span> |
31 <strong id="user-image-author-name"></strong> | 32 <strong id="user-image-author-name"></strong> |
32 <a id="user-image-author-website" target="_blank"></a> | 33 <a id="user-image-author-website" target="_blank"></a> |
33 </div> | 34 </div> |
34 </div> | 35 </div> |
35 </div> | 36 </div> |
36 <div id="user-image-controls" class="step-controls"></div> | 37 <div id="user-image-controls" class="step-controls"></div> |
37 <div id="user-images-loading" class="step-loading"> | 38 <div id="user-images-loading" class="step-loading"> |
38 <throbber-notice i18n-values="text:syncingPreferences" class="fit"> | 39 <throbber-notice i18n-values="text:syncingPreferences" class="fit"> |
39 </throbber-notice> | 40 </throbber-notice> |
40 </div> | 41 </div> |
41 </div> | 42 </div> |
OLD | NEW |