-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (60 loc) · 4.14 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<base href=".">
<title>MockUp-Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="./css/normalize.css" rel="stylesheet">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/main.css">
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/reflect-metadata/Reflect.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<!-- 2. Configure SystemJS -->
<script src="systemjs.config.js"></script>
<script>
setTimeout(function() {System.import('app').catch(function(err){ console.error(err); })}, 300);
//System.import('app').catch(function(err){ console.error(err); })
</script>
</head>
<body>
<mymicds-app>
<div class="startup house">
<!-- This is the Logo of MyMICDS.net -->
<svg id="startup-animation" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1008 1008" style="enable-background:new 0 0 1008 1008;" xml:space="preserve" class="toggled">
<path class="house-shadow" d="M843.7,336.4l-89.6-44.3c-2.1-1.1-3.5-3.2-3.4-5.6l1.5-104.5c0-3.4-2.7-6-6.2-6H643.2
c-3.4,0-5.2,2.2-5.2,5.6v42.4c0,4.6-5.3,7.6-9.5,5.5l-104.6-52c-1.7-0.9-3.9-0.9-5.6,0L199.7,336.4c-5.8,2.9-3.8,11.6,2.7,11.6h82.4
c3.4,0,7.2,3,7.2,6.4v506c0,3.4,1.7,6.5,5.2,6.5H400c3.4,0,7-3.1,7-6.5V700c0-3.4,1.9-6,5.4-6h102.8c3.4,0,6.8,2.6,6.8,6v160.4
c0,3.4,2.1,6.5,5.6,6.5h218c3.4,0,7.4-3.1,7.4-6.5v-506c0-3.4,1.5-6.4,5-6.4h83C847.5,348,849.5,339.3,843.7,336.4z M637,515.8
c0,3.4-2.8,6.2-6.2,6.2H528.2c-3.4,0-6.2-2.8-6.2-6.2V413.2c0-3.4,2.8-6.2,6.2-6.2h102.6c3.4,0,6.2,2.8,6.2,6.2V515.8z"/>
<path class="house" d="M826,319.5l-89.6-44.2c-2.1-1.1-3.5-3.2-3.4-5.6l1.5-105.1c0-3.4-2.7-6.6-6.2-6.6H625.5
c-3.4,0-6.5,3.4-6.5,6.8v42.4c1,4.6-4.7,7.6-8.8,5.5l-104.2-52c-1.7-0.9-3.7-0.9-5.5,0L182,319.5c-5.8,2.9-3.7,11.5,2.8,11.5h82.4
c3.4,0,6.9,3.2,6.9,6.6v506c0,3.4,2.1,5.3,5.5,5.3h102.8c3.4,0,6.7-1.9,6.7-5.3V683.2c0-3.4,2.3-6.2,5.7-6.2h102.8
c3.4,0,6.5,2.8,6.5,6.2v160.4c0,3.4,2.5,5.3,5.9,5.3h218c3.4,0,6.1-1.9,6.1-5.3v-506c0-3.4,2.9-6.6,6.3-6.6h83
C829.8,331,831.9,322.4,826,319.5z M618,497.8c0,3.4-2.8,6.2-6.2,6.2H509.2c-3.4,0-6.2-2.8-6.2-6.2V395.2c0-3.4,2.8-6.2,6.2-6.2
h102.6c3.4,0,6.2,2.8,6.2,6.2V497.8z"/>
</svg>
</div>
<div class="startup loading">
<h1>Loading</h1>
<div class="loader loader--style1" title="0">
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"></path>
<path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
C22.32,8.481,24.301,9.057,26.013,10.047z" transform="rotate(215.98 20 20)">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="0.5s" repeatCount="indefinite"></animateTransform>
</path>
</svg>
</div>
</mymicds-app>
</body>
</html>