aboutsummaryrefslogtreecommitdiff
path: root/src/web
diff options
context:
space:
mode:
authorNathan Reiner <nathan@nathanreiner.xyz>2026-05-28 16:30:26 +0200
committerNathan Reiner <nathan@nathanreiner.xyz>2026-05-28 16:30:26 +0200
commitcd32a3ca0173676ed31486b5fa4dbd8c744cdec5 (patch)
treea9d0888c7a0e425ef8006cc9aade5889b78c074c /src/web
parente749e2ccf97e6e7a2d1c124c4e5bed688e4c06f2 (diff)
implement frontend framework
Diffstat (limited to 'src/web')
-rw-r--r--src/web/badge/index.css5
-rw-r--r--src/web/badge/index.html3
-rw-r--r--src/web/badge/index.js1
-rw-r--r--src/web/badge/root.zig8
-rw-r--r--src/web/index.css4
-rw-r--r--src/web/index.html3
-rw-r--r--src/web/index.js0
7 files changed, 24 insertions, 0 deletions
diff --git a/src/web/badge/index.css b/src/web/badge/index.css
new file mode 100644
index 0000000..3f237d6
--- /dev/null
+++ b/src/web/badge/index.css
@@ -0,0 +1,5 @@
+#container {
+ background: red;
+ padding: 5px;
+ border-radius: 5px;
+}
diff --git a/src/web/badge/index.html b/src/web/badge/index.html
new file mode 100644
index 0000000..dcb38e1
--- /dev/null
+++ b/src/web/badge/index.html
@@ -0,0 +1,3 @@
+<div id="container">
+ <slot name="content"></slot>
+</div>
diff --git a/src/web/badge/index.js b/src/web/badge/index.js
new file mode 100644
index 0000000..60fbac5
--- /dev/null
+++ b/src/web/badge/index.js
@@ -0,0 +1 @@
+Z.by_id('sdf')
diff --git a/src/web/badge/root.zig b/src/web/badge/root.zig
new file mode 100644
index 0000000..5e8ea25
--- /dev/null
+++ b/src/web/badge/root.zig
@@ -0,0 +1,8 @@
+const z = @import("z");
+
+pub const component: z.Component = .{
+ .name = .badge,
+ .body = @embedFile("index.html"),
+ .style = @embedFile("index.css"),
+ .script = @embedFile("index.js"),
+};
diff --git a/src/web/index.css b/src/web/index.css
new file mode 100644
index 0000000..a93ea47
--- /dev/null
+++ b/src/web/index.css
@@ -0,0 +1,4 @@
+body {
+ padding: 0;
+ margin: 0;
+}
diff --git a/src/web/index.html b/src/web/index.html
new file mode 100644
index 0000000..3bf9953
--- /dev/null
+++ b/src/web/index.html
@@ -0,0 +1,3 @@
+<z-component type="badge">
+ <span slot="content">Hello Z!</span>
+</z-component>
diff --git a/src/web/index.js b/src/web/index.js
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/src/web/index.js