-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (143 loc) · 6.94 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EIMSound | 中国同人音乐社团</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="index.scss" />
<link rel="stylesheet" href="assets/iconfont.css">
</head>
<body>
<section class="first">
<div class="background"></div>
<div id="eim-chan">
<div id="eim-chan-cover"><div class="eim">ECHO IN<br>MIRROR</div><img class="eim-chan" src="images/eim-chan.png" alt=""></img></div>
<div id="glass-cover"><div class="glass"></div></div>
<div id="glass-far-cover"><img class="glass-far" src="images/glass.png" alt=""></img></div>
</div>
<div class="tr">
<div class="logo">
<span>EIMSOUND</span>
<img src="assets/logo.png">
</div>
<div class="slogan"> In the Mirror, we discover another self from the echos of reality.</div>
</div>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
<a href="https://twitter.com/EimSound" target="_blank"><span class="iconfont icon-tuite"></span></a>
<a href="https://open.spotify.com/artist/22XMfTVTmDmzd3m6DPIi71" target="_blank"><span class="iconfont icon-spotify"></span></a>
<a href="https://eimsound.bandcamp.com" target="_blank"><span class="iconfont icon-bandcamp"></span></a>
</div>
</section>
<main>
<section class="second">
<img src="covers/eim5.jpg" style="width: 360px;" class="cover">
<div class="info">
<h1>ECHO IN MIRROR</h1>
<p class="sub">EIMSound 五周年特别专辑</p>
<p class="details">2 CD / 30 TRACKS / 15 ARTISTS</p>
<p class="genre">TRANCE / HOUSE / NEURO BASS / HARDCORE</p>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
</div>
</div>
<iframe width="100%" height="170" scrolling="no" frameborder="no" allow="autoplay" class="shadow" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1496159032&color=%23ff5500&auto_play=false&hide_related=true&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=false"></iframe>
</section>
<section class="third">
<div>
<img src="covers/phantoscope.jpg" class="cover">
<div class="details">
<h3>Phantoscope Vol.1: Vignetic Pulse</h3>
<ul>
<li>风格: Trance / House</li>
<li>内容: 9 Tracks / 6 Artists</li>
<li>日期: 2019.08.07</li>
</ul>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
</div>
</div>
</div>
<div>
<img src="covers/vol9.jpg" class="cover">
<div class="details">
<h3>Phantoscope Vol.1: Vignetic Pulse</h3>
<ul>
<li>风格: Trance / House</li>
<li>内容: 9 Tracks / 6 Artists</li>
<li>日期: 2019.08.07</li>
</ul>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
</div>
</div>
</div>
<div>
<img src="covers/vol7.jpg" class="cover">
<div class="details">
<h3>Phantoscope Vol.1: Vignetic Pulse</h3>
<ul>
<li>风格: Trance / House</li>
<li>内容: 9 Tracks / 6 Artists</li>
<li>日期: 2019.08.07</li>
</ul>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
</div>
</div>
</div>
<div>
<img src="covers/vol5.jpg" class="cover">
<div class="details">
<h3>Phantoscope Vol.1: Vignetic Pulse</h3>
<ul>
<li>风格: Trance / House</li>
<li>内容: 9 Tracks / 6 Artists</li>
<li>日期: 2019.08.07</li>
</ul>
<div class="icons">
<a href="https://space.bilibili.com/15155917" target="_blank"><span class="iconfont icon-bilibili-fill"></span></a>
<a href="http://music.163.com/artist?id=35417127" target="_blank"><span class="iconfont icon-netease"></span></a>
<a href="https://www.dizzylab.net/l/EIMSOUND" target="_blank"><img class="dizzylab" src="assets/dizzylab.png"></span></a>
</div>
</div>
</div>
</section>
<section class="end">
<div>
<div class="title">关于我们</div>
<div class="content">EIMSound 是一个成立于 2017 年的同人音乐社团，我们的目标是为同人音乐圈带来高质量的音乐。<br>
我们的音乐作品备受认可，甚至引起了 Diverse Direct 工作人员的关注，五周年专辑被邀请上架 Diverse Direct。<br>
同人音乐圈已然有 EIMSound 一席之地，我们会继续坚持创作高质量的音乐作品，为这美丽的世界带来更多的惊喜和感动。
</div>
</div>
<div>
<div class="title">主催</div>
<div class="content">
<ul>
<li>ClanEver</li>
<li>Laxeno57</li>
<li>硝酸生菜</li>
</ul>
</div>
</div>
</section>
<footer>
Copyright© 2023 EIMSound<br>
<a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备XXXXX号-X</a>
</footer>
</main>
</body>
<script src="index.js"></script>
</html>