Permalink
Browse files

Bug 806989 - Implemented new lockscreen design with SVG

  • Loading branch information...
yurenju committed Nov 15, 2012
1 parent 08e0f73 commit ec82ff70d9bbd3dc50424422e8be07d393e13415
View
@@ -698,18 +698,39 @@ <h1 data-l10n-id="cancel-install">Cancel Install</h1>
</div>
<div id="notifications-lockscreen-container">
</div>
<svg id="lockscreen-curve" xmlns="http://www.w3.org/2000/svg" version="1.1">
<image id="lockscreen-area-handle" x="150" y="100" width="20" height="9"
xlink:href="style/lockscreen/images/handle.png">
<animate class="lockscreen-start-animation" attributeType="XML" attributeName="y" begin="indefinite" dur="0.2s" to="100" />
<animate class="lockscreen-start-animation" attributeType="XML" attributeName="opacity" begin="indefinite" dur="0.5s" to="1" />
<animate class="lockscreen-end-animation" attributeType="XML" attributeName="y" begin="indefinite" dur="0.2s" to="0" />
<animate class="lockscreen-end-animation" attributeType="XML" attributeName="opacity" begin="indefinite" dur="0.5s" to="0" />
<animate class="lockscreen-prompt-animation" attributeType="XML" attributeName="y" dur="2s" calcMode="spline"
begin="indefinite" keySplines="0 .50 .50 1; .50 0 1 .50; 0 .50 .50 1; .50 0 1 .50"
values="100; 0; 120; 80; 100" />
</image>
<path fill="none" id="lockscreen-curvepath" stroke-width="1" stroke="white"
d="M0,80 C100,150 220,150 320,80">
<animate class="lockscreen-start-animation" attributeType="XML" attributeName="d" begin="indefinite" dur="0.2s" to="M0,80 C100,150 220,150 320,80" />
<animate class="lockscreen-start-animation" attributeType="XML" attributeName="stroke-opacity" begin="indefinite" dur="0.2s" to="1.0" />
<animate class="lockscreen-end-animation" attributeType="XML" attributeName="d" begin="indefinite" dur="0.5s" to="M0,80 C100,-20 220,-20 320,80" />
<animate class="lockscreen-end-animation" attributeType="XML" attributeName="stroke-opacity" begin="indefinite" dur="0.5s" to="0" />
<animate class="lockscreen-prompt-animation" attributeType="XML" attributeName="d" dur="2s" calcMode="spline"
begin="indefinite" keySplines="0 .50 .50 1; .50 0 1 .50;0 .50 .50 1; .50 0 1 .50;"
values="M0,80 C100,150 220,150 320,80;
M0,80 C100,40 220,40 320,80; M0,80 C100,150 220,150 320,80;
M0,80 C100,100 220,100 320,80; M0,80 C100,150 220,150 320,80" />
</path>
</svg>
<div id="lockscreen-area"></div>
<div id="lockscreen-area-camera" class="lockscreen-icon lockscreen-icon-left">
<div id="lockscreen-left-arrow" class="lockscreen-arrow"></div>
<div id="lockscreen-accessibility-camera" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="camera-a11y-button" aria-label="Camera"></div>
</div>
<div id="lockscreen-area-unlock" class="lockscreen-icon lockscreen-icon-right">
<div id="lockscreen-right-arrow" class="lockscreen-arrow"></div>
<div id="lockscreen-accessibility-unlock" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="unlock-a11y-button" aria-label="Unlock"></div>
<div id="lockscreen-icon-container">
<button id="lockscreen-area-camera" class="lockscreen-icon lockscreen-icon-left">
<div id="lockscreen-accessibility-camera" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="camera-a11y-button" aria-label="Camera"></div>
</button>
<button id="lockscreen-area-unlock" class="lockscreen-icon lockscreen-icon-right">
<div id="lockscreen-accessibility-unlock" role="button" class="lockscreen-icon-a11y-button" data-l10n-id="unlock-a11y-button" aria-label="Unlock"></div>
</button>
</div>
<div id="lockscreen-rail-left" class="lockscreen-rail"></div>
<div id="lockscreen-rail-right" class="lockscreen-rail"></div>
<div id="lockscreen-area-handle"><span></span><span></span></div>
</div>
<div id="lockscreen-panel-passcode" class="lockscreen-panel">
Oops, something went wrong.

0 comments on commit ec82ff7

Please sign in to comment.