webfront/index.html at master · usechain/webfront · GitHub

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html class="no-js">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>Usechain.net | The First Mirror Identity Blockchain | 全球首个身份镜像区块链</title>
  <meta name="keywords" content="Usechain,Mirror,Identity,Blockchain,Huining  Cao,区块链,身份,镜像,曹辉宁,长江商学院,金融,教授" />
  <meta name="description" content="Usechain  is the first Mirror Identity Blockchain. With  the same security level for privacy between Usechain and anonymous public blockchain，Usechain can  support for Dapps applied in various industries based on zero-knowledge proof. Usechain是全球首个隐身镜像区块链生态，基于零知识证明实现身份和认证分离，多项技术创新，打造安全实用高性能区块链，兼具匿名公链同样的隐私保护能力。" >

  <link rel="icon" href="./static/favicon.ico" />
  <style>
    #loading {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 1;
      margin-top: 0px;
      top: 0px;
    }
    #loading-center {
      width: 100%;
      height: 100%;
      position: relative;
    }
    #loading-center-absolute {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 140px;
      width: 140px;
      margin-top: -70px;
      margin-left: -70px;
      -ms-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }
    .object {
      -moz-border-radius: 50% 50% 50% 50%;
      -webkit-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      position: absolute;
      border-top: 3px solid #6D9BE8;
      border-bottom: 3px solid transparent;
      border-left: 3px solid #318CE9;
      border-right: 3px solid transparent;
      -webkit-animation: animate 2s infinite;
      animation: animate 2s infinite;
    }
    #object_one {
      left: 55px;
      top: 55px;
      width: 30px;
      height: 30px;
    }
    #object_two {
      left: 50px;
      top: 50px;
      width: 40px;
      height: 40px;
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s;
    }
    #object_three {
      left: 39px;
      top: 39px;
      width: 62px;
      height: 62px;
      -webkit-animation-delay: 0.4s;
      animation-delay: 0.4s;
    }
    #object_four {
      left: 35px;
      top: 35px;
      width: 70px;
      height: 70px;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
    }
    @keyframes animate {
      50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
      }
    }
  </style>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119602720-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-119602720-1');

    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?12e08115ab500e6d454dfec5acb4b564";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</head>
<body>

  <div id="app">
    <div id="loading">
      <div id="loading-center">
        <div id="loading-center-absolute">
          <div class="object" id="object_four"></div>
          <div class="object" id="object_three"></div>
          <div class="object" id="object_two"></div>
          <div class="object" id="object_one"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- built files will be auto injected -->
</body>
</html>