Celianv2 commited on
Commit
e641eac
·
1 Parent(s): 5bb5813

First commit

Browse files
.gitignore ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ __pycache__/
2
+ *.egg-info/
3
+ build/
README.md ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ title: Jericho
3
+ emoji: 👋
4
+ colorFrom: red
5
+ colorTo: blue
6
+ sdk: static
7
+ pinned: false
8
+ short_description: Write your description here
9
+ tags:
10
+ - reachy_mini
11
+ - reachy_mini_python_app
12
+ ---
index.html ADDED
@@ -0,0 +1,40 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html>
3
+
4
+ <head>
5
+ <meta charset="utf-8" />
6
+ <meta name="viewport" content="width=device-width" />
7
+ <title> Jericho </title>
8
+ <link rel="stylesheet" href="style.css" />
9
+ </head>
10
+
11
+ <body>
12
+ <div class="hero">
13
+ <div class="hero-content">
14
+ <div class="app-icon">🤖⚡</div>
15
+ <h1> Jericho </h1>
16
+ <p class="tagline">Enter your tagline here</p>
17
+ </div>
18
+ </div>
19
+
20
+ <div class="container">
21
+ <div class="main-card">
22
+ <div class="app-preview">
23
+ <div class="preview-image">
24
+ <div class="camera-feed">🛠️</div>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ </div>
29
+
30
+ <div class="footer">
31
+ <p>
32
+ 🤖 Jericho •
33
+ <a href="https://github.com/pollen-robotics" target="_blank">Pollen Robotics</a> •
34
+ <a href="https://huggingface.co/spaces/pollen-robotics/reachy-mini-landing-page#apps" target="_blank">Browse More
35
+ Apps</a>
36
+ </p>
37
+ </div>
38
+ </body>
39
+
40
+ </html>
jericho/__init__.py ADDED
File without changes
jericho/danceTest1.py ADDED
@@ -0,0 +1,63 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import time
2
+ import threading
3
+ import numpy as np
4
+
5
+ from reachy_mini import ReachyMini, ReachyMiniApp
6
+ from reachy_mini.utils import create_head_pose
7
+
8
+ class TestDance1(ReachyMiniApp):
9
+
10
+ def run(self, reachy_mini: ReachyMini, stop_event: threading.Event):
11
+
12
+ reachy_mini.goto_target(create_head_pose(), antennas=[0.0, 0.0], duration=1.0)
13
+
14
+ start_time = time.time()
15
+
16
+ while not stop_event.is_set():
17
+ t = time.time()
18
+ elapsed_time = t - start_time
19
+
20
+ compteur = int(elapsed_time / 2)
21
+
22
+ antennas_offset = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
23
+
24
+ sinus_rot = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
25
+ sinus_trans = 0.03 * np.sin(2 * np.pi * 0.5 * t)
26
+
27
+ current_roll = 0.0
28
+ current_pitch = 0.0
29
+ current_yaw = 0.0
30
+ current_x = 0.0
31
+ current_y = 0.0
32
+ current_z = 0.0
33
+
34
+ if compteur < 3:
35
+ current_roll = sinus_rot
36
+ elif compteur < 6:
37
+ current_pitch = sinus_rot
38
+ elif compteur < 9:
39
+ current_yaw = sinus_rot
40
+ elif compteur < 12:
41
+ current_x = sinus_trans
42
+ elif compteur < 15:
43
+ current_y = sinus_trans
44
+ elif compteur < 18:
45
+ current_z = sinus_trans
46
+ else:
47
+ start_time = time.time()
48
+ continue
49
+
50
+ head_pose = create_head_pose(
51
+ x=current_x,
52
+ y=current_y,
53
+ z=current_z,
54
+ roll=current_roll,
55
+ pitch=current_pitch,
56
+ yaw=current_yaw,
57
+ degrees=False,
58
+ mm=False,
59
+ )
60
+
61
+ reachy_mini.set_target(head=head_pose, antennas=[antennas_offset, antennas_offset])
62
+
63
+ time.sleep(0.01)
jericho/danceTest2.py ADDED
@@ -0,0 +1,58 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import time
2
+ import threading
3
+ import numpy as np
4
+
5
+ from reachy_mini import ReachyMini, ReachyMiniApp
6
+ from reachy_mini.utils import create_head_pose
7
+
8
+ class TestDance2(ReachyMiniApp):
9
+
10
+ def run(self, reachy_mini: ReachyMini, stop_event: threading.Event):
11
+
12
+ reachy_mini.goto_target(create_head_pose(), antennas=[0.0, 0.0], duration=1.0)
13
+
14
+ start_time = time.time()
15
+
16
+ while not stop_event.is_set():
17
+ t = time.time()
18
+ elapsed_time = t - start_time
19
+
20
+ compteur = int(elapsed_time/2)
21
+
22
+ antennas_offset = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
23
+
24
+ sinus_rot = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * 4 * t))
25
+ sinus_trans = 0.03 * np.sin(2 * np.pi * 0.5 * t)
26
+ cosinus_trans = 0.03 * np.cos(2 * np.pi * 0.5 * t)
27
+
28
+ current_roll = 0.0
29
+ current_pitch = 0.0
30
+ current_yaw = 0.0
31
+ current_x = 0.0
32
+ current_y = 0.0
33
+ current_z = 0.0
34
+
35
+ if compteur < 3:
36
+ current_pitch = sinus_rot
37
+ current_y = sinus_trans
38
+ elif compteur < 6:
39
+ current_x=sinus_trans
40
+ current_y=cosinus_trans
41
+ else:
42
+ start_time = time.time()
43
+ continue
44
+
45
+ head_pose = create_head_pose(
46
+ x=current_x,
47
+ y=current_y,
48
+ z=current_z,
49
+ roll=current_roll,
50
+ pitch=current_pitch,
51
+ yaw=current_yaw,
52
+ degrees=False,
53
+ mm=False,
54
+ )
55
+
56
+ reachy_mini.set_target(head=head_pose, antennas=[antennas_offset, antennas_offset])
57
+
58
+ time.sleep(0.01)
jericho/main.py ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import time
2
+ import threading
3
+ import numpy as np
4
+
5
+ from reachy_mini import ReachyMini, ReachyMiniApp
6
+ from reachy_mini.utils import create_head_pose
7
+
8
+
9
+ class TestDance1(ReachyMiniApp):
10
+
11
+ def run(self, reachy_mini: ReachyMini, stop_event: threading.Event):
12
+
13
+ reachy_mini.goto_target(create_head_pose(), antennas=[0.0, 0.0], duration=1.0)
14
+
15
+ start_time = time.time()
16
+
17
+ while not stop_event.is_set():
18
+ t = time.time()
19
+ elapsed_time = t - start_time
20
+
21
+ compteur = int(elapsed_time / 2)
22
+
23
+ antennas_offset = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
24
+
25
+ sinus_rot = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
26
+ sinus_trans = 0.03 * np.sin(2 * np.pi * 0.5 * t)
27
+
28
+ current_roll = 0.0
29
+ current_pitch = 0.0
30
+ current_yaw = 0.0
31
+ current_x = 0.0
32
+ current_y = 0.0
33
+ current_z = 0.0
34
+
35
+ if compteur < 3:
36
+ current_roll = sinus_rot
37
+ elif compteur < 6:
38
+ current_pitch = sinus_rot
39
+ elif compteur < 9:
40
+ current_yaw = sinus_rot
41
+ elif compteur < 12:
42
+ current_x = sinus_trans
43
+ elif compteur < 15:
44
+ current_y = sinus_trans
45
+ elif compteur < 18:
46
+ current_z = sinus_trans
47
+ else:
48
+ start_time = time.time()
49
+ continue
50
+
51
+ head_pose = create_head_pose(
52
+ x=current_x,
53
+ y=current_y,
54
+ z=current_z,
55
+ roll=current_roll,
56
+ pitch=current_pitch,
57
+ yaw=current_yaw,
58
+ degrees=False,
59
+ mm=False,
60
+ )
61
+
62
+ reachy_mini.set_target(head=head_pose, antennas=[antennas_offset, antennas_offset])
63
+
64
+ time.sleep(0.01)
65
+
66
+
67
+ class TestDance2(ReachyMiniApp):
68
+
69
+ def run(self, reachy_mini: ReachyMini, stop_event: threading.Event):
70
+
71
+ reachy_mini.goto_target(create_head_pose(), antennas=[0.0, 0.0], duration=1.0)
72
+
73
+ start_time = time.time()
74
+
75
+ while not stop_event.is_set():
76
+ t = time.time()
77
+ elapsed_time = t - start_time
78
+
79
+ compteur = int(elapsed_time / 2)
80
+
81
+ antennas_offset = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * t))
82
+
83
+ sinus_rot = np.deg2rad(20 * np.sin(2 * np.pi * 0.5 * 4 * t))
84
+ sinus_trans = 0.03 * np.sin(2 * np.pi * 0.5 * t)
85
+ cosinus_trans = 0.03 * np.cos(2 * np.pi * 0.5 * t)
86
+
87
+ current_roll = 0.0
88
+ current_pitch = 0.0
89
+ current_yaw = 0.0
90
+ current_x = 0.0
91
+ current_y = 0.0
92
+ current_z = 0.0
93
+
94
+ if compteur < 3:
95
+ current_pitch = sinus_rot
96
+ current_y = sinus_trans
97
+ elif compteur < 6:
98
+ current_x = sinus_trans
99
+ current_y = cosinus_trans
100
+ else:
101
+ start_time = time.time()
102
+ continue
103
+
104
+ head_pose = create_head_pose(
105
+ x=current_x,
106
+ y=current_y,
107
+ z=current_z,
108
+ roll=current_roll,
109
+ pitch=current_pitch,
110
+ yaw=current_yaw,
111
+ degrees=False,
112
+ mm=False,
113
+ )
114
+
115
+ reachy_mini.set_target(head=head_pose, antennas=[antennas_offset, antennas_offset])
116
+
117
+ time.sleep(0.01)
118
+
119
+
120
+ if __name__ == "__main__":
121
+ print("Lancement manuel depuis le terminal...")
122
+
123
+ with ReachyMini(media_backend="no_media") as robot:
124
+
125
+ # 👉 Choisis ici ta danse
126
+ # mon_app = TestDance1()
127
+ mon_app = TestDance2()
128
+
129
+ stop_event = threading.Event()
130
+
131
+ try:
132
+ mon_app.run(robot, stop_event)
133
+ except KeyboardInterrupt:
134
+ print("\nArrêt du programme")
135
+ stop_event.set()
jericho/static/index.html ADDED
@@ -0,0 +1,27 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <title>Reachy Mini example app template</title>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+ <link rel="stylesheet" href="/static/style.css">
9
+ </head>
10
+
11
+ <body>
12
+ <h1>Reachy Mini – Control Panel</h1>
13
+
14
+ <div id="controls">
15
+ <label style="display:flex; align-items:center; gap:8px;">
16
+ <input type="checkbox" id="antenna-checkbox" checked>
17
+ Antennas
18
+ </label>
19
+
20
+ <button id="sound-btn">Play Sound</button>
21
+ </div>
22
+
23
+ <div id="status">Antennas status: running</div>
24
+ <script src="/static/main.js"></script>
25
+ </body>
26
+
27
+ </html>
jericho/static/main.js ADDED
@@ -0,0 +1,47 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ let antennasEnabled = true;
2
+
3
+ async function updateAntennasState(enabled) {
4
+ try {
5
+ const resp = await fetch("/antennas", {
6
+ method: "POST",
7
+ headers: { "Content-Type": "application/json" },
8
+ body: JSON.stringify({ enabled }),
9
+ });
10
+ const data = await resp.json();
11
+ antennasEnabled = data.antennas_enabled;
12
+ updateUI();
13
+ } catch (e) {
14
+ document.getElementById("status").textContent = "Backend error";
15
+ }
16
+ }
17
+
18
+ async function playSound() {
19
+ try {
20
+ await fetch("/play_sound", { method: "POST" });
21
+ } catch (e) {
22
+ console.error("Error triggering sound:", e);
23
+ }
24
+ }
25
+
26
+ function updateUI() {
27
+ const checkbox = document.getElementById("antenna-checkbox");
28
+ const status = document.getElementById("status");
29
+
30
+ checkbox.checked = antennasEnabled;
31
+
32
+ if (antennasEnabled) {
33
+ status.textContent = "Antennas status: running";
34
+ } else {
35
+ status.textContent = "Antennas status: stopped";
36
+ }
37
+ }
38
+
39
+ document.getElementById("antenna-checkbox").addEventListener("change", (e) => {
40
+ updateAntennasState(e.target.checked);
41
+ });
42
+
43
+ document.getElementById("sound-btn").addEventListener("click", () => {
44
+ playSound();
45
+ });
46
+
47
+ updateUI();
jericho/static/style.css ADDED
@@ -0,0 +1,25 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ font-family: sans-serif;
3
+ margin: 24px;
4
+ }
5
+
6
+ #sound-btn {
7
+ padding: 10px 20px;
8
+ border: none;
9
+ color: white;
10
+ cursor: pointer;
11
+ font-size: 16px;
12
+ border-radius: 6px;
13
+ background-color: #3498db;
14
+ }
15
+
16
+ #status {
17
+ margin-top: 16px;
18
+ font-weight: bold;
19
+ }
20
+
21
+ #controls {
22
+ display: flex;
23
+ align-items: center;
24
+ gap: 20px;
25
+ }
pyproject.toml ADDED
@@ -0,0 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ [build-system]
2
+ requires = ["setuptools>=61.0"]
3
+ build-backend = "setuptools.build_meta"
4
+
5
+
6
+ [project]
7
+ name = "jericho"
8
+ version = "0.1.0"
9
+ description = "Add your description here"
10
+ readme = "README.md"
11
+ requires-python = ">=3.10"
12
+ dependencies = [
13
+ "reachy-mini"
14
+ ]
15
+ keywords = ["reachy-mini-app"]
16
+
17
+ [project.entry-points."reachy_mini_apps"]
18
+ jericho = "jericho.main:Jericho"
19
+
20
+ [tool.setuptools]
21
+ package-dir = { "" = "." }
22
+ include-package-data = true
23
+
24
+ [tool.setuptools.packages.find]
25
+ where = ["."]
26
+
27
+ [tool.setuptools.package-data]
28
+ jericho = ["**/*"] # Also include all non-.py files
style.css ADDED
@@ -0,0 +1,411 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ margin: 0;
3
+ padding: 0;
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ body {
8
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
9
+ line-height: 1.6;
10
+ color: #333;
11
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
12
+ min-height: 100vh;
13
+ }
14
+
15
+ .hero {
16
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17
+ color: white;
18
+ padding: 4rem 2rem;
19
+ text-align: center;
20
+ }
21
+
22
+ .hero-content {
23
+ max-width: 800px;
24
+ margin: 0 auto;
25
+ }
26
+
27
+ .app-icon {
28
+ font-size: 4rem;
29
+ margin-bottom: 1rem;
30
+ display: inline-block;
31
+ }
32
+
33
+ .hero h1 {
34
+ font-size: 3rem;
35
+ font-weight: 700;
36
+ margin-bottom: 1rem;
37
+ background: linear-gradient(45deg, #fff, #f0f9ff);
38
+ background-clip: text;
39
+ -webkit-background-clip: text;
40
+ -webkit-text-fill-color: transparent;
41
+ }
42
+
43
+ .tagline {
44
+ font-size: 1.25rem;
45
+ opacity: 0.9;
46
+ max-width: 600px;
47
+ margin: 0 auto;
48
+ }
49
+
50
+ .container {
51
+ max-width: 1200px;
52
+ margin: 0 auto;
53
+ padding: 0 2rem;
54
+ position: relative;
55
+ z-index: 2;
56
+ }
57
+
58
+ .main-card {
59
+ background: white;
60
+ border-radius: 20px;
61
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
62
+ margin-top: -2rem;
63
+ overflow: hidden;
64
+ margin-bottom: 3rem;
65
+ }
66
+
67
+ .app-preview {
68
+ background: linear-gradient(135deg, #1e3a8a, #3b82f6);
69
+ padding: 3rem;
70
+ color: white;
71
+ text-align: center;
72
+ position: relative;
73
+ }
74
+
75
+ .preview-image {
76
+ background: #000;
77
+ border-radius: 15px;
78
+ padding: 2rem;
79
+ max-width: 500px;
80
+ margin: 0 auto;
81
+ position: relative;
82
+ overflow: hidden;
83
+ }
84
+
85
+ .camera-feed {
86
+ font-size: 4rem;
87
+ margin-bottom: 1rem;
88
+ opacity: 0.7;
89
+ }
90
+
91
+ .detection-overlay {
92
+ position: absolute;
93
+ top: 50%;
94
+ left: 50%;
95
+ transform: translate(-50%, -50%);
96
+ width: 100%;
97
+ }
98
+
99
+ .bbox {
100
+ background: rgba(34, 197, 94, 0.9);
101
+ color: white;
102
+ padding: 0.5rem 1rem;
103
+ border-radius: 8px;
104
+ font-size: 0.9rem;
105
+ font-weight: 600;
106
+ margin: 0.5rem;
107
+ display: inline-block;
108
+ border: 2px solid #22c55e;
109
+ }
110
+
111
+ .app-details {
112
+ padding: 3rem;
113
+ }
114
+
115
+ .app-details h2 {
116
+ font-size: 2rem;
117
+ color: #1e293b;
118
+ margin-bottom: 2rem;
119
+ text-align: center;
120
+ }
121
+
122
+ .template-info {
123
+ display: grid;
124
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
125
+ gap: 2rem;
126
+ margin-bottom: 3rem;
127
+ }
128
+
129
+ .info-box {
130
+ background: #f0f9ff;
131
+ border: 2px solid #e0f2fe;
132
+ border-radius: 12px;
133
+ padding: 2rem;
134
+ }
135
+
136
+ .info-box h3 {
137
+ color: #0c4a6e;
138
+ margin-bottom: 1rem;
139
+ font-size: 1.2rem;
140
+ }
141
+
142
+ .info-box p {
143
+ color: #0369a1;
144
+ line-height: 1.6;
145
+ }
146
+
147
+ .how-to-use {
148
+ background: #fefce8;
149
+ border: 2px solid #fde047;
150
+ border-radius: 12px;
151
+ padding: 2rem;
152
+ margin-top: 3rem;
153
+ }
154
+
155
+ .how-to-use h3 {
156
+ color: #a16207;
157
+ margin-bottom: 1.5rem;
158
+ font-size: 1.3rem;
159
+ text-align: center;
160
+ }
161
+
162
+ .steps {
163
+ display: flex;
164
+ flex-direction: column;
165
+ gap: 1.5rem;
166
+ }
167
+
168
+ .step {
169
+ display: flex;
170
+ align-items: flex-start;
171
+ gap: 1rem;
172
+ }
173
+
174
+ .step-number {
175
+ background: #eab308;
176
+ color: white;
177
+ width: 2rem;
178
+ height: 2rem;
179
+ border-radius: 50%;
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: center;
183
+ font-weight: bold;
184
+ flex-shrink: 0;
185
+ }
186
+
187
+ .step h4 {
188
+ color: #a16207;
189
+ margin-bottom: 0.5rem;
190
+ font-size: 1.1rem;
191
+ }
192
+
193
+ .step p {
194
+ color: #ca8a04;
195
+ }
196
+
197
+ .download-card {
198
+ background: white;
199
+ border-radius: 20px;
200
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
201
+ padding: 3rem;
202
+ text-align: center;
203
+ }
204
+
205
+ .download-card h2 {
206
+ font-size: 2rem;
207
+ color: #1e293b;
208
+ margin-bottom: 1rem;
209
+ }
210
+
211
+ .download-card>p {
212
+ color: #64748b;
213
+ font-size: 1.1rem;
214
+ margin-bottom: 2rem;
215
+ }
216
+
217
+ .dashboard-config {
218
+ margin-bottom: 2rem;
219
+ text-align: left;
220
+ max-width: 400px;
221
+ margin-left: auto;
222
+ margin-right: auto;
223
+ }
224
+
225
+ .dashboard-config label {
226
+ display: block;
227
+ color: #374151;
228
+ font-weight: 600;
229
+ margin-bottom: 0.5rem;
230
+ }
231
+
232
+ .dashboard-config input {
233
+ width: 100%;
234
+ padding: 0.75rem 1rem;
235
+ border: 2px solid #e5e7eb;
236
+ border-radius: 8px;
237
+ font-size: 0.95rem;
238
+ transition: border-color 0.2s;
239
+ }
240
+
241
+ .dashboard-config input:focus {
242
+ outline: none;
243
+ border-color: #667eea;
244
+ }
245
+
246
+ .install-btn {
247
+ background: linear-gradient(135deg, #667eea, #764ba2);
248
+ color: white;
249
+ border: none;
250
+ padding: 1.25rem 3rem;
251
+ border-radius: 16px;
252
+ font-size: 1.2rem;
253
+ font-weight: 700;
254
+ cursor: pointer;
255
+ transition: all 0.3s ease;
256
+ display: inline-flex;
257
+ align-items: center;
258
+ gap: 0.75rem;
259
+ margin-bottom: 2rem;
260
+ box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
261
+ }
262
+
263
+ .install-btn:hover:not(:disabled) {
264
+ transform: translateY(-3px);
265
+ box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);
266
+ }
267
+
268
+ .install-btn:disabled {
269
+ opacity: 0.7;
270
+ cursor: not-allowed;
271
+ transform: none;
272
+ }
273
+
274
+ .manual-option {
275
+ background: #f8fafc;
276
+ border-radius: 12px;
277
+ padding: 2rem;
278
+ margin-top: 2rem;
279
+ }
280
+
281
+ .manual-option h3 {
282
+ color: #1e293b;
283
+ margin-bottom: 1rem;
284
+ font-size: 1.2rem;
285
+ }
286
+
287
+ .manual-option>p {
288
+ color: #64748b;
289
+ margin-bottom: 1rem;
290
+ }
291
+
292
+ .btn-icon {
293
+ font-size: 1.1rem;
294
+ }
295
+
296
+ .install-status {
297
+ padding: 1rem;
298
+ border-radius: 8px;
299
+ font-size: 0.9rem;
300
+ text-align: center;
301
+ display: none;
302
+ margin-top: 1rem;
303
+ }
304
+
305
+ .install-status.success {
306
+ background: #dcfce7;
307
+ color: #166534;
308
+ border: 1px solid #bbf7d0;
309
+ }
310
+
311
+ .install-status.error {
312
+ background: #fef2f2;
313
+ color: #dc2626;
314
+ border: 1px solid #fecaca;
315
+ }
316
+
317
+ .install-status.loading {
318
+ background: #dbeafe;
319
+ color: #1d4ed8;
320
+ border: 1px solid #bfdbfe;
321
+ }
322
+
323
+ .install-status.info {
324
+ background: #e0f2fe;
325
+ color: #0369a1;
326
+ border: 1px solid #7dd3fc;
327
+ }
328
+
329
+ .manual-install {
330
+ background: #1f2937;
331
+ border-radius: 8px;
332
+ padding: 1rem;
333
+ margin-bottom: 1rem;
334
+ display: flex;
335
+ align-items: center;
336
+ gap: 1rem;
337
+ }
338
+
339
+ .manual-install code {
340
+ color: #10b981;
341
+ font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
342
+ font-size: 0.85rem;
343
+ flex: 1;
344
+ overflow-x: auto;
345
+ }
346
+
347
+ .copy-btn {
348
+ background: #374151;
349
+ color: white;
350
+ border: none;
351
+ padding: 0.5rem 1rem;
352
+ border-radius: 6px;
353
+ font-size: 0.8rem;
354
+ cursor: pointer;
355
+ transition: background-color 0.2s;
356
+ }
357
+
358
+ .copy-btn:hover {
359
+ background: #4b5563;
360
+ }
361
+
362
+ .manual-steps {
363
+ color: #6b7280;
364
+ font-size: 0.9rem;
365
+ line-height: 1.8;
366
+ }
367
+
368
+ .footer {
369
+ text-align: center;
370
+ padding: 2rem;
371
+ color: white;
372
+ opacity: 0.8;
373
+ }
374
+
375
+ .footer a {
376
+ color: white;
377
+ text-decoration: none;
378
+ font-weight: 600;
379
+ }
380
+
381
+ .footer a:hover {
382
+ text-decoration: underline;
383
+ }
384
+
385
+ /* Responsive Design */
386
+ @media (max-width: 768px) {
387
+ .hero {
388
+ padding: 2rem 1rem;
389
+ }
390
+
391
+ .hero h1 {
392
+ font-size: 2rem;
393
+ }
394
+
395
+ .container {
396
+ padding: 0 1rem;
397
+ }
398
+
399
+ .app-details,
400
+ .download-card {
401
+ padding: 2rem;
402
+ }
403
+
404
+ .features-grid {
405
+ grid-template-columns: 1fr;
406
+ }
407
+
408
+ .download-options {
409
+ grid-template-columns: 1fr;
410
+ }
411
+ }