opt story

src/main.shy

@@ -6,22 +6,22 @@ label `
 code wiki chat team mall
 linux nginx docker redis mysql
 bash git golang vim tmux
-` fg blue bg yellow
+`
 
 chapter "理论"
 label `
 集群化 模块化 自动化
-` fg yellow bg black text.font-family none
+`
 
 chapter "项目"
 label `
 intshell icebergs volcanos
 contexts toolkits learning
-` fg red bg black
+`
 
 section "火山架"
-field "趋势图" web.code.git.trend args `volcanos`
 field "架构图" web.code.git.spide args `volcanos`
+field "趋势图" web.code.git.trend args `volcanos`
 
 section "冰山架"
 field "趋势图" web.code.git.trend args `icebergs`

src/main.svg

@@ -1,5 +1,5 @@
-<svg xmlns="https://www.w3.org/2000/svg" vertion="1.1" text-anchor="middle" dominant-baseline="middle" count=15 pid=p14><g><rect height="50" width="170" x="90" y="30" rx="4" ry="4" pid="p1" class="p1" ship="[{&quot;pid&quot;:&quot;p3&quot;,&quot;which&quot;:1,&quot;anchor&quot;:8}]" index="web.code.vimer" text="p9" args="usr/volcanos/,plugin/local/wiki/draw.js"></rect><text x="175" y="55" pid="p9" class="p9">vimer</text></g><g><rect height="50" width="230" x="480" y="240" rx="4" ry="4" pid="p2" class="p2" ship="[{&quot;pid&quot;:&quot;p3&quot;,&quot;which&quot;:2,&quot;anchor&quot;:2}]" text="p6" index="web.wiki.word"></rect><text x="595" y="265" pid="p6" class="p6" style="
+<svg xmlns="https://www.w3.org/2000/svg" vertion="1.1" text-anchor="middle" dominant-baseline="middle" count=15 pid=p5><g><rect height="50" width="170" x="90" y="30" rx="4" ry="4" pid="p1" class="p1" ship="[{&quot;pid&quot;:&quot;p3&quot;,&quot;which&quot;:1,&quot;anchor&quot;:8}]" index="web.code.vimer" text="p9" args="usr/volcanos/,plugin/local/wiki/draw.js"></rect><text x="175" y="55" pid="p9" class="p9">vimer</text></g><g><rect height="50" width="230" x="480" y="240" rx="4" ry="4" pid="p2" class="p2" ship="[{&quot;pid&quot;:&quot;p3&quot;,&quot;which&quot;:2,&quot;anchor&quot;:2}]" text="p6" index="web.wiki.word"></rect><text x="595" y="265" pid="p6" class="p6" style="
     /* color: red; */
     /* stroke: red; */
     /* fill: red; */
-">word</text></g><line x1="175" y1="80" x2="595" y2="240" ship="[{&quot;pid&quot;:&quot;p1&quot;},{&quot;pid&quot;:&quot;p2&quot;}]" pid="p3" class="p3"></line><g><rect height="50" width="130" x="130" y="210" rx="4" ry="4" pid="p4" class="p4" index="web.code.xterm" text="p8" args="c0f62b"></rect><text x="195" y="235" pid="p8" class="p8">xterm</text></g><g class="sub" style="opacity: 1; display: block;" stroke="white" fill="blue"><g><rect height="70" width="180" x="580" y="90" rx="4" ry="4" pid="p5" class="p5" text="p7" index="cli.runtime"></rect><text x="670" y="125" pid="p7" class="p7">runtime</text></g></g><g><rect height="50" width="190" x="870" y="180" rx="4" ry="4" pid="p10" class="p10" text="p11" index="web.code.git.trend" args="icebergs"></rect><text x="965" y="205" pid="p11" class="p11">trend</text></g><g><rect height="50" width="220" x="1190" y="130" rx="4" ry="4" pid="p12" class="p12" text="p13" index="cli.runtime" args="diskinfo"></rect><text x="1300" y="155" pid="p13" class="p13">diskinfo</text></g><g><rect height="50" width="210" x="1140" y="290" rx="4" ry="4" pid="p14" class="p14" text="p15" index="web.code.git.spide" args="icebergs"></rect><text x="1245" y="315" pid="p15" class="p15">spide</text></g></svg>
+">word</text></g><line x1="175" y1="80" x2="595" y2="240" ship="[{&quot;pid&quot;:&quot;p1&quot;},{&quot;pid&quot;:&quot;p2&quot;}]" pid="p3" class="p3"></line><g><rect height="50" width="130" x="130" y="210" rx="4" ry="4" pid="p4" class="p4" index="web.code.xterm" text="p8" args="c0f62b"></rect><text x="195" y="235" pid="p8" class="p8">xterm</text></g><g class="sub" style="opacity: 1; display: block;"><g><rect height="70" width="180" x="580" y="90" rx="4" ry="4" pid="p5" class="p5" text="p7" index="cli.runtime"></rect><text x="670" y="125" pid="p7" class="p7">runtime</text></g></g><g><rect height="50" width="190" x="870" y="180" rx="4" ry="4" pid="p10" class="p10" text="p11" index="web.code.git.trend" args="icebergs"></rect><text x="965" y="205" pid="p11" class="p11">trend</text></g><g><rect height="50" width="220" x="1190" y="130" rx="4" ry="4" pid="p12" class="p12" text="p13" index="cli.runtime" args="diskinfo"></rect><text x="1300" y="155" pid="p13" class="p13">diskinfo</text></g><g><rect height="50" width="210" x="1140" y="290" rx="4" ry="4" pid="p14" class="p14" text="p15" index="web.code.git.spide" args="icebergs"></rect><text x="1245" y="315" pid="p15" class="p15">spide</text></g></svg>

src/template/web.chat.header/dark.css

@@ -35,10 +35,10 @@ body.dark div.zone>div.item:hover { background-color:black;color:white }
 body.dark div.zone>div.list>div.zone>div.item { background-color:black;color:silver }
 body.dark div.zone>div.list>div.zone>div.item:hover { background-color:black;color:white }
 body.dark div.zone div.item>div.name:hover { color:white }
-body.dark tr.line.select { background-color:#212121;color:white }
+body.dark tr.line.select { background-color:#212121; }
-body.dark tr.line:hover { background-color:#212121;color:white }
+body.dark tr.line:hover { background-color:#212121; }
 body.dark tr.line>td.line { background-color:#0d1117 }
-body.dark tr.line.select>td.line { background-color:#212121;color:white }
+body.dark tr.line.select>td.line { background-color:#212121; }
 body.dark div.complete>table { background-color:black;color:silver }
 body.dark table.content tr:hover { color:white;background-color:black }
 body.dark table.content th { background-color:black;color:silver }

src/template/web.chat.header/light.css

@@ -35,10 +35,10 @@ body.light div.zone>div.item:hover { background-color:aliceblue;color:black }
 body.light div.zone>div.list>div.zone>div.item { background-color:aliceblue;color:black }
 body.light div.zone>div.list>div.zone>div.item:hover { background-color:aliceblue;color:black }
 body.light div.zone div.item>div.name:hover { color:black }
-body.light tr.line.select { background-color:aliceblue;color:black }
+body.light tr.line.select { background-color:aliceblue; }
-body.light tr.line:hover { background-color:aliceblue;color:black }
+body.light tr.line:hover { background-color:aliceblue; }
 body.light tr.line>td.line { background-color:white }
-body.light tr.line.select>td.line { background-color:aliceblue;color:black }
+body.light tr.line.select>td.line { background-color:aliceblue; }
 body.light div.complete>table { background-color:aliceblue;color:black }
 body.light table.content tr:hover { color:black;background-color:aliceblue }
 body.light table.content th { background-color:aliceblue;color:black }

src/template/web.wiki.chart/chart.html

@@ -1,3 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" vertion="1.1"
+<svg xmlns="http://www.w3.org/2000/svg" vertion="1.1" {{.OptionTemplate}} {{.OptionKV "height,width"}} text-anchor="middle" dominant-baseline="middle">
-{{.OptionTemplate}} {{.OptionKV "height,width,font-size,font-family,stroke-width,stroke,fill"}}
-text-anchor="middle" dominant-baseline="middle">

src/template/web.wiki.spark/shell.html

@@ -1 +1 @@
-<div {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<label>$ </label><span>{{$value}}</span><br>{{end}}</div>
+<div {{.OptionTemplate}}>{{range $index, $value := .Optionv "list"}}<label>$ </label><span class="item">{{$value}}</span><br>{{end}}</div>