diff --git a/README.md b/README.md
index f0384f1..b1c6d05 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+---
+layout: default
+permalink: /
+---
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..f83d9fb
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,3 @@
+title: WebGPU
+theme: []
+
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..e90a77c
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+ {{ page.title | default: site.title }}
+
+
+
+ {{ content }}
+
+
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..b6e5953
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,30 @@
+:root {
+ color-scheme: light dark;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ max-width: 1012px;
+ margin: 40px auto;
+ padding: 0 30px;
+ background-color: canvas;
+ color: canvastext;
+}
+
+a {
+ color: accentcolor;
+ text-decoration: none;
+}
+
+pre, code {
+ font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+ background-color: rgba(175, 184, 193, 0.2);
+ padding: 0.2em 0.4em;
+ border-radius: 6px;
+}
+
+h1, h2 {
+ border-bottom: 1px solid rgba(210, 217, 223, 0.2);
+ padding-bottom: 0.3em;
+}
\ No newline at end of file