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)
