Hugging Face's logo

Spaces:
ZSCGR
/
dists
Running

App Files Community
hongshi-files commited on
Commit
eb3fcfa
ยท
verified ยท
1 Parent(s): 3c2ce31

Update gdyg/index.html

Browse files
Files changed (1) hide show
  1. gdyg/index.html +104 -60
gdyg/index.html CHANGED
@@ -2,81 +2,125 @@
2
  <html lang="zh-CN">
3
  <head>
4
  <meta charset="UTF-8">
5
- <title>็ฝ‘็›˜้กต้ข</title>
 
6
  <style>
7
  body {
8
  font-family: Arial, sans-serif;
 
 
 
 
 
9
  margin: 0;
10
- padding: 0;
11
- background-color: #f4f4f4;
12
  }
13
- header {
14
- background-color: #4CAF50;
15
- color: white;
16
- padding: 10px 0;
 
 
 
17
  text-align: center;
18
  }
19
- nav {
20
- width: 200px;
21
- background: #333;
22
- height: 100vh;
23
- position: fixed;
24
- top: 0;
25
- left: 0;
26
- padding-top: 20px;
27
- }
28
- nav a {
29
- color: white;
30
- text-decoration: none;
31
- display: block;
32
- padding: 10px;
33
  text-align: center;
34
  }
35
- nav a:hover {
36
- background: #575757;
 
37
  }
38
- main {
39
- margin-left: 220px;
 
 
40
  padding: 20px;
 
41
  }
42
- table {
43
- width: 100%;
44
- border-collapse: collapse;
45
- }
46
- table, th, td {
47
- border: 1px solid #ddd;
48
- }
49
- th, td {
50
- padding: 8px;
51
- text-align: left;
52
- }
53
- th {
54
- background-color: #4CAF50;
55
- color: white;
56
- }
57
- tr:nth-child(even) {
58
- background-color: #f2f2f2;
59
  }
60
  </style>
61
  </head>
62
  <body>
63
- <header>
64
- <h1>็ฝ‘็›˜</h1>
65
- </header>
66
- <nav>
67
- <a href="#">ไธป้กต</a>
68
- </nav>
69
- <main>
70
- <table>
71
- <tr>
72
- <th>ๅ็งฐ</th>
73
- <th>ไฟฎๆ”นๆ—ถ้—ด</th>
74
- </tr>
75
- <tr>
76
- <td><a href="ep01.html">EP01</a></td>
77
- <td>2024-10-30 22:53:01</td>
78
- </tr>
79
- </table>
80
- </main>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  </body>
82
  </html>
 
2
  <html lang="zh-CN">
3
  <head>
4
  <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>็ฝ‘็›˜</title>
7
  <style>
8
  body {
9
  font-family: Arial, sans-serif;
10
+ background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
11
+ display: flex;
12
+ justify-content: center;
13
+ align-items: center;
14
+ height: 100vh;
15
  margin: 0;
 
 
16
  }
17
+ .container {
18
+ background: white;
19
+ border-radius: 15px;
20
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
21
+ padding: 20px;
22
+ width: 80%;
23
+ max-width: 600px;
24
  text-align: center;
25
  }
26
+ .folder {
27
+ display: inline-block;
28
+ margin: 10px;
 
 
 
 
 
 
 
 
 
 
 
29
  text-align: center;
30
  }
31
+ .folder a {
32
+ text-decoration: none;
33
+ color: #333;
34
  }
35
+ .folder-icon {
36
+ font-size: 50px;
37
+ border-radius: 15px;
38
+ background: linear-gradient(135deg, #ff9a9e, #fad0c4);
39
  padding: 20px;
40
+ display: inline-block;
41
  }
42
+ .folder-name {
43
+ margin-top: 10px;
44
+ font-size: 18px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45
  }
46
  </style>
47
  </head>
48
  <body>
49
+ <div class="container">
50
+ <h1>ๆˆ‘็š„็ฝ‘็›˜</h1>
51
+ <div class="folder">
52
+ <a href="gdyg/EP01.html">
53
+ <div class="folder-icon">๐Ÿ“บ</div>
54
+ <div class="folder-name">EP01</div>
55
+ </a>
56
+ </div>
57
+ <div class="folder">
58
+ <a href="gdyg/EP02.html">
59
+ <div class="folder-icon">๐Ÿ“บ</div>
60
+ <div class="folder-name">EP02</div>
61
+ </a>
62
+ </div>
63
+ <div class="folder">
64
+ <a href="gdyg/EP03.html">
65
+ <div class="folder-icon">๐Ÿ“บ</div>
66
+ <div class="folder-name">EP03</div>
67
+ </a>
68
+ </div>
69
+ <div class="folder">
70
+ <a href="gdyg/iEP04.html">
71
+ <div class="folder-icon">๐Ÿ“บ</div>
72
+ <div class="folder-name">EP04</div>
73
+ </a>
74
+ </div>
75
+ <div class="folder">
76
+ <a href="gdyg/EP05.html">
77
+ <div class="folder-icon">๐Ÿ“บ</div>
78
+ <div class="folder-name">EP05</div>
79
+ </a>
80
+ </div>
81
+ <div class="folder">
82
+ <a href="gdyg/EP06.html">
83
+ <div class="folder-icon">๐Ÿ“บ</div>
84
+ <div class="folder-name">EP06</div>
85
+ </a>
86
+ </div>
87
+ <div class="folder">
88
+ <a href="gdyg/EP07.html">
89
+ <div class="folder-icon">๐Ÿ“บ</div>
90
+ <div class="folder-name">EP07</div>
91
+ </a>
92
+ </div>
93
+ <div class="folder">
94
+ <a href="gdyg/EP08.html">
95
+ <div class="folder-icon">๐Ÿ“บ</div>
96
+ <div class="folder-name">EP08</div>
97
+ </a>
98
+ </div>
99
+ <div class="folder">
100
+ <a href="gdyg/EP09.html">
101
+ <div class="folder-icon">๐Ÿ“บ</div>
102
+ <div class="folder-name">EP09</div>
103
+ </a>
104
+ </div>
105
+ <div class="folder">
106
+ <a href="gdyg/EP10.html">
107
+ <div class="folder-icon">๐Ÿ“บ</div>
108
+ <div class="folder-name">EP10</div>
109
+ </a>
110
+ </div>
111
+ <div class="folder">
112
+ <a href="gdyg/EP11.html">
113
+ <div class="folder-icon">๐Ÿ“บ</div>
114
+ <div class="folder-name">EP11</div>
115
+ </a>
116
+ </div>
117
+ <div class="folder">
118
+ <a href="gdyg/EP12.html">
119
+ <div class="folder-icon">๐Ÿ“บ</div>
120
+ <div class="folder-name">EP12</div>
121
+ </a>
122
+ </div>
123
+
124
+ </div>
125
  </body>
126
  </html>