Hugging Face's logo

Spaces:
ERROR418
/
api-homepage
Running

App Files Community
ERROR418 commited on
Commit
5b3407e
·
verified ·
1 Parent(s): 54b525e

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -151
index.html DELETED
@@ -1,151 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="zh">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>One API</title>
7
- <link rel="stylesheet" href="style.css"> <!-- 引入样式文件 -->
8
- <style>
9
- body {
10
- margin: 0;
11
- font-family: Arial, sans-serif;
12
- display: flex;
13
- justify-content: flex-start; /* 左对齐 */
14
- align-items: center;
15
- height: 100vh;
16
- background-size: cover;
17
- background-position: center;
18
- transition: background-image 1s ease-in-out;
19
- color: white;
20
- padding: 0 20px; /* 减少左右内边距 */
21
- }
22
- .container {
23
- max-width: 600px;
24
- width: 100%; /* 使容器宽度适应屏幕 */
25
- }
26
- h1 {
27
- font-size: 48px;
28
- margin-bottom: 30px;
29
- text-shadow: 2px 2px 0 black; /* 添加黑色描边 */
30
- }
31
- p {
32
- font-size: 18px;
33
- margin-bottom: 30px;
34
- text-shadow: 1px 1px 0 black; /* 添加黑色描边 */
35
- }
36
- .button-container {
37
- display: flex; /* 使用 flexbox */
38
- flex-wrap: wrap; /* 允许换行 */
39
- justify-content: flex-start; /* 左对齐 */
40
- }
41
- button {
42
- padding: 10px 20px;
43
- background-color: black; /* 设置按钮背景色为黑色 */
44
- border: none;
45
- border-radius: 5px;
46
- color: white;
47
- text-decoration: none;
48
- font-size: 16px;
49
- margin-right: 10px; /* 添加按钮之间的右间隔 */
50
- margin-bottom: 10px; /* 添加按钮底部间隔 */
51
- transition: background-color 0.3s;
52
- }
53
- button:hover {
54
- background-color: rgba(255, 255, 255, 0.5);
55
- }
56
- </style>
57
- </head>
58
- <body>
59
- <div class="container">
60
- <h1>One API</h1>
61
- <p>由不会玩电路的红石使用one-api搭建的API网站，支持OpenAI以及Google Gemini的部分模型，支持的模型列表请查看关于页面。</p>
62
-
63
- <div class="button-container">
64
- <button onclick="window.open('https://home.hongshi.us.kg', '_blank')">
65
- <div class="svg-wrapper-1">
66
- <div class="svg-wrapper">
67
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
68
- <path fill="none" d="M0 0h24v24H0z"></path>
69
- <path fill="currentColor" d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
70
- </svg>
71
- </div>
72
- </div>
73
- <span>我的主页</span>
74
- </button>
75
-
76
- <button onclick="window.open('https://api-proxy.hongshi.us.kg/register', '_blank')">
77
- <div class="svg-wrapper-1">
78
- <div class="svg-wrapper">
79
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
80
- <path fill="none" d="M0 0h24v24H0z"></path>
81
- <path fill="currentColor" d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
82
- </svg>
83
- </div>
84
- </div>
85
- <span>账户注册</span>
86
- </button>
87
-
88
- <button onclick="window.open('https://error418-oneapi.hf.space/login', '_blank')">
89
- <div class="svg-wrapper-1">
90
- <div class="svg-wrapper">
91
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
92
- <path fill="none" d="M0 0h24v24H0z"></path>
93
- <path fill="currentColor" d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
94
- </svg>
95
- </div>
96
- </div>
97
- <span>账户登录</span>
98
- </button>
99
- </div>
100
- </div>
101
-
102
- <script>
103
- // 壁纸链接
104
- const desktopWallpapers = [
105
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background1.jpg',
106
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background2.jpg',
107
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background3.jpg',
108
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background4.jpg',
109
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background5.jpg',
110
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background6.jpg',
111
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background7.jpg',
112
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background8.jpg',
113
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background9.jpg',
114
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/background10.jpg'
115
- ];
116
-
117
- const mobileWallpapers = [
118
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background1.jpg',
119
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background2.jpg',
120
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background3.jpg',
121
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background4.jpg',
122
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background5.jpg',
123
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background6.jpg',
124
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background7.jpg',
125
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background8.jpg',
126
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background9.jpg',
127
- 'https://image-sh.jsdmirror.com/gh/HongShi2333/HongShi2333.github.io@main/images/weather/m/background10.jpg'
128
- ];
129
-
130
- // 根据设备类型选择壁纸
131
- const isMobile = window.innerWidth <= 768; // 768px 以下为移动端
132
- const wallpapers = isMobile ? mobileWallpapers : desktopWallpapers;
133
-
134
- let currentIndex = 0;
135
-
136
- // 随机选择一张壁纸作为初始背景
137
- function getRandomIndex() {
138
- return Math.floor(Math.random() * wallpapers.length);
139
- }
140
-
141
- currentIndex = getRandomIndex();
142
- document.body.style.backgroundImage = `url(${wallpapers[currentIndex]})`;
143
-
144
- // 调整样式
145
- if (isMobile) {
146
- document.body.style.padding = "0 20px"; /* 修改整体内边距 */
147
- document.querySelector(".container").style.maxWidth = "100%"; /* 移除最大宽度限制 */
148
- }
149
- </script>
150
- </body>
151
- </html>