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