-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (36 loc) · 1.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
<title>Väntar.se</title>
<style>
html,
body {
margin: 0;
padding: 0;
}
#spinner {
margin-right: auto;
margin-left: auto;
width: 800px;
}
</style>
</head>
<body>
<div id="spinner" name="spinner">
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-dual-ring">
<circle cx="50" cy="50" ng-attr-r="{{config.radius}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.c1}}"
ng-attr-stroke-dasharray="{{config.dasharray}}" fill="none" stroke-linecap="round" r="40" stroke-width="4" stroke="#1d3f72"
stroke-dasharray="62.83185307179586 62.83185307179586" transform="rotate(348 50.0001 50.0001)">
<animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s"
begin="0s" repeatCount="indefinite"></animateTransform>
</circle>
<circle cx="50" cy="50" ng-attr-r="{{config.radius2}}" ng-attr-stroke-width="{{config.width}}" ng-attr-stroke="{{config.c2}}"
ng-attr-stroke-dasharray="{{config.dasharray2}}" ng-attr-stroke-dashoffset="{{config.dashoffset2}}" fill="none" stroke-linecap="round"
r="35" stroke-width="4" stroke="#5699d2" stroke-dasharray="54.97787143782138 54.97787143782138" stroke-dashoffset="54.97787143782138"
transform="rotate(-348 50.0001 50.0001)">
<animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;-360 50 50" keyTimes="0;1" dur="1s"
begin="0s" repeatCount="indefinite"></animateTransform>
</circle>
</svg>
</div>
</body>
<html>