This is an automated email from the ASF dual-hosted git repository.

jark pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/flink-web.git

commit 2cba7e88d14f54536e3abd3b23847e108fa00694
Author: 雪尽 <[email protected]>
AuthorDate: Sat Mar 2 14:58:28 2019 +0800

    [FLINK-11717][docs] Translate the "Material" page into Chinese
    
    This closes #181
---
 img/logo/psd/{flink1000.psd => flink_1000.psd} | Bin
 img/logo/psd/{flink5000.psd => flink_5000.psd} | Bin
 material.zh.md                                 | 111 +++++++++++++++++++++++++
 3 files changed, 111 insertions(+)

diff --git a/img/logo/psd/flink1000.psd b/img/logo/psd/flink_1000.psd
similarity index 100%
rename from img/logo/psd/flink1000.psd
rename to img/logo/psd/flink_1000.psd
diff --git a/img/logo/psd/flink5000.psd b/img/logo/psd/flink_5000.psd
similarity index 100%
rename from img/logo/psd/flink5000.psd
rename to img/logo/psd/flink_5000.psd
diff --git a/material.zh.md b/material.zh.md
new file mode 100644
index 0000000..76347d9
--- /dev/null
+++ b/material.zh.md
@@ -0,0 +1,111 @@
+---
+title: "素材"
+---
+
+{% toc %}
+
+## Apache Flink Logo
+
+我们提供不同大小、不同格式的 Apache Flink logo。你可以[下载所有 logo]({{ site.baseurl 
}}/img/logo.zip) (7.7 MB)或者从当前页面选择你需要的 logo。
+
+### 便携式网络图像格式 (PNG)
+
+<div class="row text-center">
+  <div class="col-sm-4">
+    <h4>彩色 logo</h4>
+
+    <p><img src="{{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_color.png" alt="Apache Flink Logo" 
title="Apache Flink Logo" width="200px" /></p>
+
+    <p markdown="1">**尺寸 (px)**:
+      [50x50]({{ site.baseurl }}/img/logo/png/50/color_50.png),
+      [100x100]({{ site.baseurl 
}}/img/logo/png/100/flink_squirrel_100_color.png),
+      [200x200]({{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_color.png),
+      [500x500]({{ site.baseurl }}/img/logo/png/500/flink_squirrel_500.png),
+      [1000x1000]({{ site.baseurl 
}}/img/logo/png/1000/flink_squirrel_1000.png)</p>
+  </div>
+
+  <div class="col-sm-4">
+    <h4>白色填充 logo</h4>
+
+    <p><img src="{{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_white.png" alt="Apache Flink Logo" 
title="Apache Flink Logo" width="200px" style="background:black;" /></p>
+
+    <p markdown="1">**尺寸 (px)**:
+      [50x50]({{ site.baseurl }}/img/logo/png/50/white_50.png),
+      [100x100]({{ site.baseurl 
}}/img/logo/png/100/flink_squirrel_100_white.png),
+      [200x200]({{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_white.png),
+      [500x500]({{ site.baseurl 
}}/img/logo/png/500/flink_squirrel_500_white.png),
+      [1000x1000]({{ site.baseurl 
}}/img/logo/png/1000/flink_squirrel_white_1000.png)</p>
+  </div>
+
+  <div class="col-sm-4">
+    <h4>黑色轮廓 logo</h4>
+
+    <p><img src="{{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_black.png" alt="Apache Flink Logo" 
title="Apache Flink Logo" width="200px" /></p>
+
+    <p markdown="1">**尺寸 (px)**:
+      [50x50]({{ site.baseurl }}/img/logo/png/50/black_50.png),
+      [100x100]({{ site.baseurl 
}}/img/logo/png/100/flink_squirrel_100_black.png),
+      [200x200]({{ site.baseurl 
}}/img/logo/png/200/flink_squirrel_200_black.png),
+      [500x500]({{ site.baseurl 
}}/img/logo/png/500/flink_squirrel_500_black.png),
+      [1000x1000]({{ site.baseurl 
}}/img/logo/png/1000/flink_squirrel_black_1000.png)</p>
+  </div>
+</div>
+
+<div class="panel panel-default">
+  <div class="panel-body" markdown="span">
+    你可以[在这个目录]({{ site.baseurl }}/img/logo/png)寻找更多 PNG 格式的 logo 或者[下载所有 
logo]({{ site.baseurl }}/img/logo.zip) (7.7 MB)。
+  </div>
+</div>
+
+### 可扩展矢量图像格式 (SVG)
+
+<div class="row text-center img100">
+  <div class="col-sm-4 text-center">
+    <h4>彩色 logo</h4>
+
+    <p><img src="{{ site.baseurl }}/img/logo/svg/color_black.svg" alt="Apache 
Flink Logo" title="Apache Flink Logo" /></p>
+
+    <p markdown="1">带黑色文本的彩色 logo ([color_black.svg]({{ site.baseurl 
}}/img/logo/svg/color_black.svg))</p>
+  </div>
+  <div class="col-sm-4">
+    <h4>白色填充 logo</h4>
+
+    <p><img src="{{ site.baseurl }}/img/logo/svg/white_filled.svg" alt="Apache 
Flink Logo" title="Apache Flink Logo" style="background:black;" /></p>
+
+    <p markdown="1">白色填充 logo ([white_filled.svg]({{ site.baseurl 
}}/img/logo/svg/white_filled.svg))</p>
+  </div>
+  <div class="col-sm-4">
+    <h4>黑色轮廓 logo</h4>
+
+    <p><img src="{{ site.baseurl }}/img/logo/svg/black_outline.svg" 
alt="Apache Flink Logo" title="Apache Flink Logo" /></p>
+
+    <p markdown="1">黑色轮廓 logo ([black_outline.svg]({{ site.baseurl 
}}/img/logo/svg/black_outline.svg))</p>
+  </div>
+</div>
+
+<div class="panel panel-default">
+  <div class="panel-body" markdown="span">
+    你可以[在这个目录]({{ site.baseurl }}/img/logo/svg)寻找更多 SVG 格式的 logo 或者[下载所有 
logo]({{ site.baseurl }}/img/logo.zip) (7.7 MB)。
+  </div>
+</div>
+
+### Photoshop 格式 (PSD)
+
+<div class="panel panel-default">
+  <div class="panel-body" markdown="1">
+你也可以下载 PSD 格式的 logo:
+
+
+- **彩色 logo**: [1000x1000]({{ site.baseurl 
}}/img/logo/psd/flink_squirrel_1000.psd).
+- **带文字的黑色轮廓 logo**: [1000x1000]({{ site.baseurl 
}}/img/logo/psd/flink_1000.psd), [5000x5000]({{ site.baseurl 
}}/img/logo/psd/flink_5000.psd).
+
+你可以[在这个目录]({{ site.baseurl }}/img/logo/psd)寻找更多 PSD 格式的 logo 或者[下载所有 logo]({{ 
site.baseurl }}/img/logo.zip) (7.7 MB)。
+</div>
+</div>
+
+## 配色方案
+
+你可以使用我们提供的配色方案,这些方案包含了 Flink logo 的部分颜色。
+
+- [PDF 配色方案]({{ site.baseurl }}/img/logo/colors/flink_colors.pdf)
+- [Powerpoint 配色方案]({{ site.baseurl }}/img/logo/colors/flink_colors.pptx)

Reply via email to