-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (95 loc) · 3.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ｖｉｎｔａｇｅ ｖｉｓｉｏｎｓ</title>
<meta property="dingtalk:title" content="ｖｉｎｔａｇｅ ｖｉｓｉｏｎｓ">
<meta property="dingtalk:description"
content="This project is a personal portfolio website that combines vintage and Vaporwave elements to showcase the charm of past eras and the Vaporwave culture. ">
<meta property="dingtalk:image" content="/assets/image/favicon.png">
<link rel="shortcut icon" href="/assets/image/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./assets/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/aesthetic.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/background.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/player.css" />
</head>
<body class="aesthetic-font">
<div class="loading">
<div class="windows-bg">
<!-- <div class="crt"></div>
<div class="aesthetic-windows-95-boot-loader">
<div></div>
</div> -->
</div>
</div>
<div class="bg-ae">
<div class="sun"></div>
<div class="overlay"></div>
<div class="overlay glitch"></div>
</div>
<div class="main-container">
<!-- 桌面图标 -->
<div class="desktop-icon-container">
<div class="desktop-icon-item" tabindex="0" ondblclick="desktopIconClick('my-computer')">
<img class="desktop-icon" src="/assets/image/this_computer.png" alt="">
<span>
My Computer
</span>
</div>
<div class="desktop-icon-item" tabindex="0">
<img class="desktop-icon" src="/assets/image/folder_closed.png" alt="">
<span>
My Documents
</span>
</div>
<div class="desktop-icon-item" tabindex="0">
<img class="desktop-icon" src="/assets/image/IE.png" style="filter: hue-rotate(32deg)" alt="">
<span>
Internet Explorer
</span>
</div>
<div class="desktop-icon-item" tabindex="0" ondblclick="desktopIconClick('audio-player')">
<img class="desktop-icon" src="/assets/image/music.png" alt="">
<span>
Audio Player
</span>
</div>
<div class="desktop-icon-item" tabindex="0">
<img class="desktop-icon" src="/assets/image/recycle_bin_full.png" alt="">
<span>
Recycle Bin
</span>
</div>
</div>
<!-- 桌面图标 end-->
</div>
<footer>
<div class="aesthetic-windows-95-taskbar">
<div class="aesthetic-windows-95-taskbar-start">
<button>
<img class="start-icon" src="/assets/image/start.png" alt="">
</button>
</div>
<div class="task-line"></div>
<div class="task-icon-container">
<img class="task-icon" src="/assets/image/computer.webp" alt="">
<img class="task-icon" src="/assets/image/ie-icon.png" alt="">
<img class="task-icon" src="/assets/image/CD-ROM.png" alt="">
<img class="task-icon" src="/assets/image/registry.png" alt="">
<img class="task-icon" src="/assets/image/folder.png" alt="">
</div>
<div class="task-line"></div>
<div class="aesthetic-windows-95-taskbar-services">
<img class="task-icon sound" src="/assets/image/sounds.png" alt="">
<span class="taskbar-time" title="1995-08-24">9:53 PM</span>
</div>
</div>
</footer>
<audio id="audio-stream-handler" style="display:none" ontimeupdate="updatePlayerUI()" controls></audio>
<script src="/assets/js/drag.js"></script>
<script src="/assets/js/index.js"></script>
<script src="/assets/js/player.js"></script>
</body>
</html>