diff --git a/src/demo.go b/src/demo.go
deleted file mode 100644
index 4b1367e6..00000000
--- a/src/demo.go
+++ /dev/null
@@ -1,11 +0,0 @@
-package main
-
-import "fmt"
-
-func main() {
-	fmt.Println("hello world")
-	fmt.Println("hello world")
-	fmt.Println("hello world")
-	fmt.Println("hello world")
-	fmt.Println("hello world")
-}
diff --git a/src/main.shy b/src/main.shy
index 66ee3608..3dc91b9d 100644
--- a/src/main.shy
+++ b/src/main.shy
@@ -1,38 +1,5 @@
 title "contexts"
-refer `
-官网 https://contexts.com.cn
-文档 https://contexts.com.cn/help/
-源码 https://shylinux.com/x/contexts
-`
-chapter "MacOS"
-chain `
-Trackpad
-Keyboard
-Finder
-Terminal
-Safari
-Dock
-contexts
-sshd
-`
-
-chapter "最近"
-section "windows"
-refer `
-https://www.ngui.cc/el/1813831.html
-edge://settings/appearance
-`
-section "color"
-refer `
-颜色 https://www.cnblogs.com/cl1234/p/5545290.html
-https://www.w3.org/TR/?tag=css
-https://www.w3schools.com/colors/colors_names.asp
-https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors
-https://docs.tizen.org/platform/what-is-tizen/overview/
-https://www.cnblogs.com/cl1234/p/5545290.html
-http://www.unicode.org/charts/
-https://www.w3schools.com/charsets/ref_html_utf8.asp
-`
+source recent.shy
 
 chapter "实践"
 label `
@@ -55,6 +22,7 @@ contexts toolkits learning
 section "火山架"
 field "趋势图" web.code.git.trend args `volcanos`
 field "架构图" web.code.git.spide args `volcanos`
+
 section "冰山架"
 field "趋势图" web.code.git.trend args `icebergs`
 label `
@@ -73,16 +41,4 @@ section "神农架"
 field "趋势图" web.code.git.trend args `intshell`
 field "架构图" web.code.git.spide args `intshell`
 
-spark md README.md
-source h5/h5.shy
-source h5/h5.shy
-source h6/h6.shy
-source h7/h7.shy
-source h8/h8.shy
-source h9/h9.shy
-source h3/h3.shy
-source h4/h4.shy
-source h5/h5.shy
-source h6/h6.shy
-source h7/h7.shy
-source h8/h8.shy
+spark README.md
diff --git a/src/recent.shy b/src/recent.shy
new file mode 100644
index 00000000..1b296674
--- /dev/null
+++ b/src/recent.shy
@@ -0,0 +1,42 @@
+premenu
+endmenu
+spark inner `good night`
+video some/some.mov
+image avatar.jpeg
+image background.jpeg
+spark `good night`
+table `
+hi he
+1 2
+3 4
+`
+chapter "最近"
+section "MacOS"
+label `
+Trackpad
+Keyboard
+Finder
+Terminal
+Safari
+Dock
+contexts
+sshd
+`
+
+section "windows"
+refer `
+https://www.ngui.cc/el/1813831.html
+edge://settings/appearance
+`
+
+section "color"
+refer `
+颜色 https://www.cnblogs.com/cl1234/p/5545290.html
+https://www.w3.org/TR/?tag=css
+https://www.w3schools.com/colors/colors_names.asp
+https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors
+https://docs.tizen.org/platform/what-is-tizen/overview/
+https://www.cnblogs.com/cl1234/p/5545290.html
+http://www.unicode.org/charts/
+https://www.w3schools.com/charsets/ref_html_utf8.asp
+`
diff --git a/src/template/web.wiki.audio/audio.html b/src/template/web.wiki.audio/audio.html
new file mode 100644
index 00000000..f7a95d1f
--- /dev/null
+++ b/src/template/web.wiki.audio/audio.html
@@ -0,0 +1,2 @@
+<audio {{.OptionTemplate}} src="{{.Option "text"}}" controls></audio>
+
diff --git a/src/template/web.wiki.brief/brief.html b/src/template/web.wiki.brief/brief.html
new file mode 100644
index 00000000..3492cc7e
--- /dev/null
+++ b/src/template/web.wiki.brief/brief.html
@@ -0,0 +1,2 @@
+<p {{.OptionTemplate}}>{{.Option "text"}}</p>
+
diff --git a/src/template/web.wiki.chart/chart.html b/src/template/web.wiki.chart/chart.html
new file mode 100644
index 00000000..f77ec4bd
--- /dev/null
+++ b/src/template/web.wiki.chart/chart.html
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" vertion="1.1"
+{{.OptionTemplate}} {{.OptionKV "height,width,font-size,font-family,stroke-width,stroke,fill"}}
+text-anchor="middle" dominant-baseline="middle">
diff --git a/src/template/web.wiki.field/field.html b/src/template/web.wiki.field/field.html
new file mode 100644
index 00000000..203a3e58
--- /dev/null
+++ b/src/template/web.wiki.field/field.html
@@ -0,0 +1,7 @@
+<fieldset {{.OptionTemplate}} data-meta='{{.Option "meta"}}'>
+<legend>{{.Option "name"}}</legend>
+<form class="option"></form>
+<div class="action"></div>
+<div class="output"></div>
+<div class="status"></div>
+</fieldset>
diff --git a/src/template/web.wiki.image/image.html b/src/template/web.wiki.image/image.html
new file mode 100644
index 00000000..e31f2462
--- /dev/null
+++ b/src/template/web.wiki.image/image.html
@@ -0,0 +1 @@
+<img {{.OptionTemplate}} title="{{.Option "text"}}" src="{{.Option "text"}}">
diff --git a/src/template/web.wiki.order/order.html b/src/template/web.wiki.order/order.html
new file mode 100644
index 00000000..94a100d4
--- /dev/null
+++ b/src/template/web.wiki.order/order.html
@@ -0,0 +1,2 @@
+<ul {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<li>{{$value}}</li>{{end}}</ul>
+
diff --git a/src/template/web.wiki.refer/refer.html b/src/template/web.wiki.refer/refer.html
new file mode 100644
index 00000000..31b0e470
--- /dev/null
+++ b/src/template/web.wiki.refer/refer.html
@@ -0,0 +1,2 @@
+<ul {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<li>{{index $value 0}}: <a href="{{index $value 1}}" data-name="{{index $value 0}}" target="_blank">{{index $value 2}}</a></li>{{end}}</ul>
+
diff --git a/src/template/web.wiki.spark/inner.html b/src/template/web.wiki.spark/inner.html
new file mode 100644
index 00000000..e33c0ec5
--- /dev/null
+++ b/src/template/web.wiki.spark/inner.html
@@ -0,0 +1 @@
+<div {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<label>{{$index}} </label><span>{{$value}}</span><br>{{end}}</div>
diff --git a/src/template/web.wiki.spark/shell.html b/src/template/web.wiki.spark/shell.html
new file mode 100644
index 00000000..34d7a7ab
--- /dev/null
+++ b/src/template/web.wiki.spark/shell.html
@@ -0,0 +1 @@
+<div {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<label>$ </label><span>{{$value}}</span><br>{{end}}</div>
diff --git a/src/template/web.wiki.spark/spark.html b/src/template/web.wiki.spark/spark.html
new file mode 100644
index 00000000..7c9fbc44
--- /dev/null
+++ b/src/template/web.wiki.spark/spark.html
@@ -0,0 +1 @@
+<p {{.OptionTemplate}}>{{.Option "text"}}</p>
diff --git a/src/template/web.wiki.table/table.html b/src/template/web.wiki.table/table.html
new file mode 100644
index 00000000..95a21e3f
--- /dev/null
+++ b/src/template/web.wiki.table/table.html
@@ -0,0 +1 @@
+<table {{.OptionTemplate}}><thead><tr>{{range $i, $v := .Optionv "head"}}<th>{{$v}}</th>{{end}}</tr></thead><tbody>{{range $index, $value := .Optionv "list"}}<tr>{{range $i, $v := $value}}<td>{{$v}}</td>{{end}}</tr>{{end}}</tbody></table>
diff --git a/src/template/web.wiki.title/endmenu.html b/src/template/web.wiki.title/endmenu.html
new file mode 100644
index 00000000..745a69f8
--- /dev/null
+++ b/src/template/web.wiki.title/endmenu.html
@@ -0,0 +1,2 @@
+<div {{.OptionTemplate}}></div>
+
diff --git a/src/template/web.wiki.title/navmenu.html b/src/template/web.wiki.title/navmenu.html
new file mode 100644
index 00000000..a1cb0253
--- /dev/null
+++ b/src/template/web.wiki.title/navmenu.html
@@ -0,0 +1 @@
+<div {{.OptionTemplate}} data-data='{{.Option "data"}}'></div>
diff --git a/src/template/web.wiki.title/premenu.html b/src/template/web.wiki.title/premenu.html
new file mode 100644
index 00000000..c9d25614
--- /dev/null
+++ b/src/template/web.wiki.title/premenu.html
@@ -0,0 +1 @@
+<div {{.OptionTemplate}}></div>
diff --git a/src/template/web.wiki.title/title.html b/src/template/web.wiki.title/title.html
new file mode 100644
index 00000000..83484a53
--- /dev/null
+++ b/src/template/web.wiki.title/title.html
@@ -0,0 +1,2 @@
+<{{.Option "level"}} {{.OptionTemplate}}>{{.Option "prefix"}}{{.Option "text"}}</{{.Option "level"}}>
+
diff --git a/src/template/web.wiki.video/video.html b/src/template/web.wiki.video/video.html
new file mode 100644
index 00000000..b6769766
--- /dev/null
+++ b/src/template/web.wiki.video/video.html
@@ -0,0 +1,2 @@
+<video {{.OptionTemplate}} title="{{.Option "text"}}" src="{{.Option "text"}}" controls></video>
+