Skip to content

Commit d171fdd

Browse files
lazToumlazToum
committed
update wid.svg, readme, add ci
1 parent 9f82675 commit d171fdd

20 files changed

+1128
-77
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches:
6+
- main
7+
8+
jobs:
9+
build-and-deploy:
10+
runs-on: ubuntu-latest
11+
steps:
12+
- name: Checkout
13+
uses: actions/checkout@v3
14+
15+
- name: Setup Pages
16+
uses: actions/configure-pages@v3
17+
18+
- name: Upload artifact
19+
uses: actions/upload-pages-artifact@v2
20+
with:
21+
path: .
22+
23+
- name: Deploy to GitHub Pages
24+
id: deployment
25+
uses: actions/deploy-pages@v2

‎README.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1-
# media
1+
# waldiez/media
2+
3+
<p align="center">
4+
<img src="wid.svg" alt="Waldiez Logo">
5+
</p>
26

37
Common place for media shared across repos.

‎index.html‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="refresh" content="0; url=wid.html">
6+
<title>Redirecting...</title>
7+
<script type="text/javascript">
8+
window.location.href = "wid.html";
9+
</script>
10+
</head>
11+
<body>
12+
If you are not redirected automatically, follow this <a href="wid.html">link to wid.html</a>.
13+
</body>
14+
</html>

‎wid.html‎

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
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" />
6+
<title>Waldiez Loader Preview</title>
7+
8+
<link rel="icon" href="wid/favicon.svg" type="image/svg+xml">
9+
<link rel="icon" href="wid/favicon-32.svg" type="image/svg+xml" sizes="32x32">
10+
<link rel="apple-touch-icon" href="wid/apple-touch-icon.svg">
11+
<link rel="mask-icon" href="wid/AppIcon.icns" color="#000000">
12+
13+
<style>
14+
:root {
15+
color-scheme: light dark;
16+
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
17+
}
18+
19+
body {
20+
margin: 0;
21+
min-height: 100vh;
22+
padding: 24px;
23+
display: grid;
24+
gap: 24px;
25+
background: linear-gradient(135deg, #0a0a0f, #1a0f2e, #0f1a2e);
26+
color: rgba(255,255,255,0.9);
27+
}
28+
29+
.card {
30+
padding: 16px;
31+
border-radius: 16px;
32+
background: rgba(255,255,255,0.06);
33+
border: 1px solid rgba(255,255,255,0.12);
34+
backdrop-filter: blur(10px);
35+
}
36+
37+
.title {
38+
margin: 0 0 12px;
39+
font-weight: 600;
40+
opacity: 0.9;
41+
}
42+
43+
/* Generic loader sizing */
44+
.loader {
45+
width: 240px;
46+
height: auto;
47+
display: block;
48+
}
49+
50+
.small {
51+
width: 140px;
52+
}
53+
54+
/* Centered stage (like a full-page loader, but contained) */
55+
.stage {
56+
min-height: 260px;
57+
display: grid;
58+
place-items: center;
59+
border-radius: 16px;
60+
background: rgba(0,0,0,0.01);
61+
border: 1px dashed rgba(255,255,255,0.01);
62+
}
63+
64+
/* Inline usage demo */
65+
.inline {
66+
display: flex;
67+
align-items: center;
68+
gap: 16px;
69+
}
70+
</style>
71+
</head>
72+
73+
<body>
74+
75+
<!-- 1) Standalone / centered -->
76+
<div class="card">
77+
<p class="title">1) Centered loader (stage)</p>
78+
<div class="stage">
79+
<img src="wid.svg" class="loader" alt="Waldiez loader" />
80+
</div>
81+
</div>
82+
83+
<!-- 2) Embedded in UI -->
84+
<div class="card">
85+
<p class="title">2) Embedded in UI (icon-like)</p>
86+
<div class="inline">
87+
<img src="wid.svg" class="loader small" alt="" />
88+
<div>
89+
<div style="opacity:.8">Loading experience…</div>
90+
<div style="opacity:.5;font-size:.9rem">Initializing agents</div>
91+
</div>
92+
</div>
93+
</div>
94+
95+
<!-- 3) Forced dark theme -->
96+
<div class="card" waldiez-theme="dark">
97+
<p class="title">3) Forced dark theme (via parent)</p>
98+
<div class="stage">
99+
<img src="wid.svg" class="loader" alt="" />
100+
</div>
101+
</div>
102+
103+
<!-- 4) Forced light theme -->
104+
<div class="card" waldiez-theme="light" style="background: rgba(255,255,255,0.35); color:#111;">
105+
<p class="title">4) Forced light theme (via parent)</p>
106+
<div class="stage" style="background: rgba(255,255,255,0.6);">
107+
<img src="wid.svg" class="loader" alt="" />
108+
</div>
109+
</div>
110+
111+
</body>
112+
</html>

‎wid.svg‎

Lines changed: 74 additions & 76 deletions
Loading

‎wid/AppIcon.icns‎

545 KB
Binary file not shown.

‎wid/AppIcon.iconset/icon_128x128.png‎

11.2 KB
Loading

‎wid/AppIcon.iconset/icon_128x128@2x.png‎

29.4 KB
Loading

‎wid/AppIcon.iconset/icon_16x16.png‎

695 Bytes
Loading

‎wid/AppIcon.iconset/icon_16x16@2x.png‎

1.63 KB
Loading

0 commit comments

Comments
 (0)