diff --git a/articles/2023/smile.md b/articles/2023/smile.md
new file mode 100644
index 0000000..fd9a4bd
--- /dev/null
+++ b/articles/2023/smile.md
@@ -0,0 +1,11 @@
+# Smile
+> 微笑美学是口腔正畸学、修复学、医学美学等学科共同关注的热点，具有美学特征额微笑应该具有协调的唇齿关系、微笑曲线以及颊廊间隙等软硬组织关系。
+
+## 术语
+
+- buccal corridor颊廊，将其定义为人笑时，上颌可见后牙颊侧面与口角之间的间隙，也称为负性间隙
+
+## 参考
+
+- 口腔固定修复中的美学重建 第1卷
+- [临时网页内容](https://www.sohu.com/a/205746991_377312)
\ No newline at end of file
diff --git a/cg/Color.md b/cg/Color.md
index c941391..cc8053a 100644
--- a/cg/Color.md
+++ b/cg/Color.md
@@ -61,4 +61,13 @@ HDR高动态范围High dynamic range，就是添加更多的动态范围到图
 
 - 亮度Lightness、Luminance
 - 明度Brightness、Value
-- 辉度Luma，把使用色觉校正的结果称为辉度
\ No newline at end of file
+- 辉度Luma，把使用色觉校正的结果称为辉度
+
+## JS
+
+- [iro-core实现了颜色的转换核心](https://github.com/irojs/iro-core)
+- [Okhsv and Okhsl -- Two new color spaces for color picking](https://bottosson.github.io/posts/colorpicker/)
+- [Project Status, and iro.js 6.0](https://github.com/jaames/iro.js/issues/217#issuecomment-1214403290)
+    - [Chroma.js is a tiny small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales.](https://github.com/gka/chroma.js/)
+    - [Color conversion & manipulation library by the editors of the CSS Color specifications ](https://github.com/LeaVerou/color.js)
+    - [A comprehensive color library for JavaScript.](https://github.com/Evercoder/culori)
\ No newline at end of file
diff --git a/gimp/ColorProfile.md b/cg/image/ColorProfile.md
similarity index 100%
rename from gimp/ColorProfile.md
rename to cg/image/ColorProfile.md
diff --git a/gimp/ImageProcessing.md b/cg/image/ImageProcessing.md
similarity index 100%
rename from gimp/ImageProcessing.md
rename to cg/image/ImageProcessing.md
diff --git a/gimp/JPEG.md b/cg/image/JPEG.md
similarity index 100%
rename from gimp/JPEG.md
rename to cg/image/JPEG.md
diff --git a/gimp/exif.md b/cg/image/exif.md
similarity index 100%
rename from gimp/exif.md
rename to cg/image/exif.md
diff --git a/gimp/using.md b/cg/image/gimp.md
similarity index 100%
rename from gimp/using.md
rename to cg/image/gimp.md
diff --git a/cg/image/imageMagick.md b/cg/image/imageMagick.md
new file mode 100644
index 0000000..ff51f1b
--- /dev/null
+++ b/cg/image/imageMagick.md
@@ -0,0 +1,12 @@
+# [ImageMagick](https://imagemagick.org/)
+
+```html
+<pre>
+    
+</pre>
+```
+
+## 参考
+- [ImageMagick - Drawing](https://ohmyweekly.github.io/notes/imagemagick-drawing/)
+
+- [临时1](https://juejin.cn/post/7044561761747337223)
\ No newline at end of file
diff --git a/gimp/teeth-number.png b/gimp/teeth-number.png
deleted file mode 100644
index 890b448..0000000
Binary files a/gimp/teeth-number.png and /dev/null differ
diff --git a/gimp/teeth-number.xcf b/gimp/teeth-number.xcf
deleted file mode 100644
index ff93cff..0000000
Binary files a/gimp/teeth-number.xcf and /dev/null differ
diff --git a/index/standard.md b/index/standard.md
index 1ee03eb..691fdb2 100644
--- a/index/standard.md
+++ b/index/standard.md
@@ -27,14 +27,16 @@
 
 ## Images
 
+- [颜色](../cg/Color.md)
 - [图像格式](../others/images.md)
 - [The DICOM Standard Current Edition](https://www.dicomstandard.org/current)
-- [Color Profile](../gimp/ColorProfile.md)
-- [exif tool](../gimp/exif.md)
-- [JPEG](../gimp/JPEG.md)
-    - [Image Process](../gimp/ImageProcessing.md)
+- [Color Profile](../cg/image/ColorProfile.md)
+- [exif tool](../cg/image/exif.md)
+- [JPEG](../cg/image//JPEG.md)
+    - [Image Process](../cg/image/ImageProcessing.md)
 - [CT](../cg/ct.md)
-- [GIMP](../gimp/using.md)
+- [GIMP](../cg/image/gimp.md)
+- [ImageMagick](../cg/image/imageMagick.md)
 
 ### Tool
 
diff --git a/index/stomatological.md b/index/stomatological.md
index fc0153e..3144d5c 100644
--- a/index/stomatological.md
+++ b/index/stomatological.md
@@ -1,8 +1,8 @@
 # Stomatological
 
-[口腔解剖图集](https://www.imaios.com/cn/e-anatomy/4/4)
-
-[CT相关](../cg/ct.md)
+- [口腔解剖图集](https://www.imaios.com/cn/e-anatomy/4/4)
+- [CT相关](../cg/ct.md)
+- [微笑美学](../articles/2023/smile.md)
 
 ## 概念
 
diff --git a/web/css.md b/web/css.md
index a82af96..342bf37 100644
--- a/web/css.md
+++ b/web/css.md
@@ -1,5 +1,4 @@
-
-# Cascading Style Sheets
+# CSS-Cascading Style Sheets
 
 
 ## meta
@@ -159,6 +158,20 @@ linear transformations also can be represented by Matrix function. It combine mu
 
 ![](../images/css-matrix.svg)
 
+## API 
+
+- clip-path 裁剪不规则形状
+
+```css
+div {
+    clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 0% 0%;);
+}
+```
+- [css实现不规则](https://juejin.cn/post/7081595150661025829)
+
+- [CSS Painting API]
+    - [clip-path](https://juejin.cn/post/7171609307253833764)
+
 ## Tools
 
 ### WebAIM:web accessibility in mind
diff --git a/web/index.md b/web/index.md
index 2614596..1fb33ee 100644
--- a/web/index.md
+++ b/web/index.md
@@ -55,6 +55,24 @@
 
 - [ever polate -- Javascript Numerical Inerpolation library](https://github.com/BorisChumichev/everpolate)
 
+### 颜色库
+
+- [Modular, design-conscious color picker widget for JavaScript](https://iro.js.org/)
+    - [github](https://github.com/jaames/iro.js/)
+
+### 其他
+
+- [Create, read and edit .zip files with Javascript ](https://stuk.github.io/jszip/)
+    - [github](https://github.com/Stuk/jszip)
+```js
+jszip.loadAsync(new Blob([buffer])).then(zip=>{
+    zip.file('filename').async('ArrayBuffer').then(data=>{
+        console.log(data)
+    })
+})
+```
+
 ## 参考
 
-- [Draggable objects可拖动的对象网页实现](https://www.redblobgames.com/making-of/draggable/)
\ No newline at end of file
+- [Draggable objects可拖动的对象网页实现](https://www.redblobgames.com/making-of/draggable/)
+