-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (98 loc) · 5.29 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./scripts/react.production.min.js"></script>
<script src="./scripts//react-dom.production.min.js"></script>
<script src="./scripts/babel.min.js"></script>
<script src="./scripts/antd.min.js"></script>
<link rel="icon" type="image/png" sizes="47*42" href="./assets/favicon.ico" />
<link rel="stylesheet" type="text/css" href="./scripts/antd.min.css">
<link rel="stylesheet" type="text/css" href="./index.css">
<link rel="stylesheet" type="text/css" href="./assets/reset.css">
<title>Road Map</title>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class RoadMap extends React.Component {
constructor(props) {
super(props);
let screenWidth = document.body.offsetWidth
if (screenWidth < 600) {
this.state = { mode: 'left' };
} else {
this.state = { mode: 'alternate' };
}
}
// 监听浏览器窗口变化
componentDidMount() {
// 在window对象中添加监听事件
window.addEventListener('resize', this.resizeWindow)
}
// 移除监听窗口变化的事件
componentWillUnmount() {
window.removeEventListener('resize', this.resizeWindow)
}
// 窗口变化执行的方法
resizeWindow = () => {
let screenWidth = document.body.offsetWidth
if (screenWidth < 600) {
this.setState({ mode: 'left' })
} else {
this.setState({ mode: 'alternate' })
}
}
render() {
return (
<div className='container'>
<div class="header">
<a href='https://www.linkkey.io/' target='blank'></a>
</div>
<div className='home'>
<antd.Timeline mode={this.state.mode} className='timelineWrapper' pending='Please look forward to it!' pendingDot={<div className="spinIcon"></div>}>
<antd.Timeline.Item color='green'>
2021.09 Establishment of the founding team of Linkkey.
</antd.Timeline.Item>
<antd.Timeline.Item color="green">
2021.11 《Linkkey white paper》 release, fundraising INO shelves Opensea, SNS personal domain name service enters R&D phase.
</antd.Timeline.Item>
<antd.Timeline.Item color='green'>
2021.12 SNS personal domain name service online, release version 1.0.
</antd.Timeline.Item>
<antd.Timeline.Item color="green">
2022.01 SNS version updated to v1.2.x, SNS contract upgraded to 2.0, bug fixes and security upgrades.
</antd.Timeline.Item>
<antd.Timeline.Item color='green'>
2022.03 SNS releases v1.3.x, opens KEY token airdrop, opens multi-currency payment for personal domain registration.
</antd.Timeline.Item>
<antd.Timeline.Item color='#ea6060'>
2022.04 Complete prototyping and technical selection of social chat service (Linkkey IM), SNS access to KAVA (Cosmos ecology).
</antd.Timeline.Item>
<antd.Timeline.Item color='#ea6060'>
2022.05&06 Linkkey IM for R&D phase, build on-chain services based on Polygon, SNS access to Metis (ETH Layer2 zkRollup), DEX build LP pool of KEY, open DAO community governance.
</antd.Timeline.Item>
<antd.Timeline.Item color='#ea6060'>
2022Q3 Linkkey IM (alpha version) released to open the internal test & public test of a high-value social chat service for a small circle of consensus.
</antd.Timeline.Item>
<antd.Timeline.Item color='#ea6060'>
2022Q4 Linkkey IM (stable version) released, fully open service to the public, continuous iterative optimization.
</antd.Timeline.Item>
<antd.Timeline.Item color='#ea6060'>
2023Q1 Provide common API for social services and access to third-party chat applications.
</antd.Timeline.Item>
</antd.Timeline>
</div>
</div>
)
}
}
ReactDOM.render(
<RoadMap />,
document.getElementById('root')
);
</script>
</body>
</html>