lyh-917 commited on
Commit
31bf5ac
·
verified ·
1 Parent(s): 1c16225

Upload index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +127 -0
templates/index.html ADDED
@@ -0,0 +1,127 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
+ <meta name="theme-color" content="#000000">
7
+ <meta name="apple-mobile-web-app-capable" content="yes">
8
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
9
+ <title>OpenManus - Autonomous AI Agent</title>
10
+ <link rel="stylesheet" href="/static/style.css">
11
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
+ <link rel="preconnect" href="https://fonts.googleapis.com">
13
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
14
+ <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
15
+ </head>
16
+ <body>
17
+ <!-- 加载页面 -->
18
+ <div class="loading-screen">
19
+ <div class="loading-background"></div>
20
+ <div class="loading-grid"></div>
21
+
22
+ <h1 class="loading-title">OPENMANUS</h1>
23
+
24
+ <div class="loading-container">
25
+ <div class="progress-container">
26
+ <div class="progress-bar"></div>
27
+ </div>
28
+ <div class="progress-text">Loading: <span class="digital-glitch">0%</span></div>
29
+ </div>
30
+
31
+ <div class="loading-message">Initializing system components...</div>
32
+
33
+ <div class="glitch-effect">
34
+ <div class="glitch-line"></div>
35
+ <div class="glitch-line"></div>
36
+ <div class="glitch-line"></div>
37
+ <div class="glitch-line"></div>
38
+ </div>
39
+ </div>
40
+
41
+ <a href="https://github.com/mannaandpoem/OpenManus" class="github-link" target="_blank" rel="noopener noreferrer">
42
+ <i class="fab fa-github"></i>
43
+ </a>
44
+ <div class="home-container">
45
+ <div class="hero-section">
46
+ <div class="particle-container">
47
+ <div class="particle"></div>
48
+ <div class="particle"></div>
49
+ <div class="particle"></div>
50
+ <div class="particle"></div>
51
+ <div class="particle"></div>
52
+ <div class="particle"></div>
53
+ <div class="particle"></div>
54
+ <div class="particle"></div>
55
+ <div class="particle"></div>
56
+ <div class="particle"></div>
57
+ <div class="particle"></div>
58
+ <div class="particle"></div>
59
+ </div>
60
+
61
+ <div class="tech-circuit">
62
+ <div class="circuit-line"></div>
63
+ <div class="circuit-line"></div>
64
+ <div class="circuit-line"></div>
65
+ <div class="circuit-line"></div>
66
+ <div class="circuit-vertical"></div>
67
+ <div class="circuit-vertical"></div>
68
+ <div class="circuit-vertical"></div>
69
+ <div class="circuit-vertical"></div>
70
+ <div class="circuit-node"></div>
71
+ <div class="circuit-node"></div>
72
+ <div class="circuit-node"></div>
73
+ <div class="circuit-node"></div>
74
+ <div class="circuit-node circuit-node-small"></div>
75
+ <div class="circuit-node circuit-node-small"></div>
76
+ <div class="circuit-node circuit-node-small"></div>
77
+ <div class="circuit-node circuit-node-small"></div>
78
+ <div class="circuit-node circuit-node-small"></div>
79
+ <div class="circuit-node circuit-node-small"></div>
80
+ <div class="circuit-diagonal"></div>
81
+ <div class="circuit-diagonal"></div>
82
+ <div class="circuit-diagonal circuit-diagonal-reverse"></div>
83
+ <div class="circuit-diagonal circuit-diagonal-reverse"></div>
84
+ </div>
85
+
86
+ <h1 class="title">OPENMANUS</h1>
87
+ <p class="subtitle">Your Autonomous AI Agent</p>
88
+ <p class="description"><span class="powered-text">Powered by</span> <span>LLMs</span> and <span>diverse tools</span>.<br>OpenManus solves tasks through <span>AI reasoning</span>.</p>
89
+
90
+ <div class="theme-selector">
91
+ <p class="theme-label">选择主题</p>
92
+ <div class="theme-options">
93
+ {% for theme in themes %}
94
+ <a href="/chat?theme={{ theme.id }}" class="theme-option" data-animation="{{ loop.index }}" title="{{ theme.description }}">
95
+ <div class="theme-icon-container">
96
+ {% if theme.id == "cyberpunk" %}
97
+ <i class="fas fa-robot theme-icon"></i>
98
+ {% elif theme.id == "openmanus" %}
99
+ <i class="fas fa-desktop theme-icon"></i>
100
+ {% else %}
101
+ <i class="fas fa-palette theme-icon"></i>
102
+ {% endif %}
103
+ </div>
104
+ <span class="theme-name">{{ theme.name }}</span>
105
+ </a>
106
+ {% endfor %}
107
+ </div>
108
+ </div>
109
+
110
+ <a href="/chat?theme=openmanus" class="cta-button">START <span class="arrow-icon">→</span></a>
111
+ </div>
112
+ </div>
113
+ <script>
114
+ // 防止iOS上的回弹效果
115
+ document.addEventListener('touchmove', function(e) {
116
+ if (e.touches.length > 1) {
117
+ e.preventDefault();
118
+ }
119
+ }, { passive: false });
120
+
121
+ document.addEventListener('gesturestart', function(e) {
122
+ e.preventDefault();
123
+ });
124
+ </script>
125
+ <script src="/static/main.js"></script>
126
+ </body>
127
+ </html>