├── .github └── FUNDING.yml ├── .gitignore ├── CNAME ├── Gemfile ├── LICENSE ├── README.md ├── _config.yml ├── _layouts └── default.html ├── _sass ├── github-syntax-base.scss ├── github-syntax-highlight-dark.scss └── github-syntax-highlight-light.scss ├── assets └── css │ ├── github-behaviors.css │ ├── github-frameworks.css │ └── style.scss ├── emperors ├── origin.png └── origin.svg ├── examples ├── mingtocat.aleen42.com_dark.png └── mingtocat.aleen42.com_light.png └── preview.gif /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | patreon: aleen42 3 | custom: ["http://paypal.me/aleen42", "https://www.buymeacoffee.com/aleen42"] 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | mingtocat.aleen42.com -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | gem 'jemoji' -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Aleen 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

Mingtocat

2 | 3 |
4 | 5 |

6 | mingtocat 7 |

8 | 9 |

10 | Mingtocat, an Octocat designed as a series of roles in the Ming Dynasty of China 11 |

12 | 13 |
14 | 15 | ![mingtocat](https://badges.aleen42.com/src/github.svg) ![](https://badges.aleen42.com/src/photoshop.svg) ![](https://badges.aleen42.com/src/illustrator.svg) 16 | 17 | **Mingtocat** is a designed Octocat with clothing of a series of roles in the Ming Dynasty, like emperors, generals or even a common person and what we saw above is one of the informal uniforms. As an open-source, Mingtocat is allowed to download in any picture format: **SVG** / **PNG** / **GIF**, but **business using must be refused**. What the purpose of designing is to make the history of Chinese clothing known by more people all over the world. 18 | 19 | 20 | ### 1. Mingtocat as an emperor clothing with original suits 21 | 22 | - [**SVG**](./emperors/origin.svg) 23 | - [**PNG**](./emperors/origin.png) 24 | 25 | According to some study, the clothing shown above arose during the later stage of the Ming. In this stage, the colour of the clothing was not only set as yellow, what we normally see. Not only the colour but also the usage of the dermatoglyphic pattern (紋樣) has changed into various. This clothing has been designed based on the artefacts drawn in the picture, named "Ru Bi (入跸圖)". The whole clothing has been divided into five parts: the crown, the robe (袍), the inside clothing (中衣), the belt (帶), and the boots. 26 | 27 | #### Crown 28 | 29 | There were two "ears" on the crown, and they were called "the Wing of WuSha (烏沙翼)". In the later stage of the Ming Dynasty, the shape of this pair of a wing has become more and more round. Besides, there were some gold pieces of jewellery on the crown, with the meaning of "Double dragons were playing with the same peal". 30 | 31 | #### Robe 32 | 33 | Besides yellow, purple robe was usually used on an informal occasion. At the shoulder, there were two seals, which were respectively represented for the Sun (日) with red colour on the left side and the Moon (月) with white colour on the right side. A pattern with four encircling dragons (團龍), which was always four, sometimes eight or twelve, were embroidered (繡於) at the middle position and two sleeves. How elegant they were. Notice that the white parts of the inside clothing would be shown a little outside the sleeves named "Chen Bai (襯擺)". 34 | 35 | #### Inside Clothing 36 | 37 | The collar of the inside clothing was usually dressed into a cross like the character `Y`, which was usually decorated with red or yellow colour. 38 | 39 | #### Belt 40 | 41 | The belt was mainly designed with jades, and its colour was usually red or yellow. In China, this belt was called "Dai Ting (帶鞓)". 42 | 43 | #### Boots 44 | 45 | The boots would always be black boots named "Zao Boots (皂靴)". 46 | 47 | ### References 48 | 49 | \[1] 《Q版大明衣冠图志》，董进（撷芳主人），2014 50 | 51 | *Note: if you like this project, feel free to buy me a swimming chance:* 52 | 53 | [![badges](https://badges.aleen42.com/src/paypal.svg)](http://paypal.me/aleen42) [![badges](https://badges.aleen42.com/src/patreon.svg)](https://www.patreon.com/aleen42) [![badges](https://badges.aleen42.com/src/buymeacoffee.svg)](https://www.buymeacoffee.com/aleen42) 54 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | author: Aleen 2 | email: aleen42@vip.qq.com 3 | 4 | color-mode: "dark" 5 | # theme-color: "#1e2327" 6 | 7 | kramdown: 8 | syntax_highlighter: rouge 9 | input: GFM 10 | # turn off smart quotes: https://stackoverflow.com/a/25597026/5698182 11 | smart_quotes: ["apos", "apos", "quot", "quot"] 12 | 13 | plugins: 14 | - jemoji 15 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {% seo %} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

17 | 105 | 106 | {{ content }} 107 |

108 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /_sass/github-syntax-base.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * GitHub Dark v0.5.0 3 | * Copyright (c) 2012 - 2021 GitHub, Inc. 4 | * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE) 5 | */ 6 | 7 | .highlight .hll { 8 | background-color: var(--color-text-primary); 9 | } 10 | 11 | .highlight { 12 | color: var(--color-text-primary); 13 | background-color: var(--color-bg-tertiary); 14 | } 15 | 16 | .highlight .err, 17 | .highlight .gr { 18 | color: var(--color-prettylights-syntax-brackethighlighter-unmatched); 19 | } 20 | 21 | .highlight .k, 22 | .highlight .kc, 23 | .highlight .kd, 24 | .highlight .kn, 25 | .highlight .kp, 26 | .highlight .kr { 27 | color: var(--color-prettylights-syntax-keyword); 28 | } 29 | 30 | .highlight .kt, 31 | .highlight .ni, 32 | .highlight .s, 33 | .highlight .sa, 34 | .highlight .sb, 35 | .highlight .sc, 36 | .highlight .dl, 37 | .highlight .sd, 38 | .highlight .s2, 39 | .highlight .se, 40 | .highlight .sh, 41 | .highlight .si, 42 | .highlight .sx, 43 | .highlight .sr, 44 | .highlight .s1 { 45 | color: var(--color-prettylights-syntax-string); 46 | } 47 | 48 | .highlight .n, 49 | .highlight .na, 50 | .highlight .nc, 51 | .highlight .nd, 52 | .highlight .ne, 53 | .highlight .nf, 54 | .highlight .nl, 55 | .highlight .nn, 56 | .highlight .nx, 57 | .highlight .gu { 58 | color: var(--color-prettylights-syntax-entity); 59 | } 60 | 61 | .highlight .nb, 62 | .highlight .bp, 63 | .highlight .no, 64 | .highlight .py, 65 | .highlight .nv, 66 | .highlight .vc, 67 | .highlight .vg, 68 | .highlight .vi, 69 | .highlight .vm, 70 | .highlight .l, 71 | .highlight .ld, 72 | .highlight .ss, 73 | .highlight .m, 74 | .highlight .mb, 75 | .highlight .mf, 76 | .highlight .mh, 77 | .highlight .mi, 78 | .highlight .il, 79 | .highlight .mo, 80 | .highlight .o, 81 | .highlight .ow { 82 | color: var(--color-prettylights-syntax-constant); 83 | } 84 | 85 | .highlight .nt { 86 | color: var(--color-prettylights-syntax-entity-tag); 87 | } 88 | 89 | .highlight .c, 90 | .highlight .ch, 91 | .highlight .cm, 92 | .highlight .cp, 93 | .highlight .cpf, 94 | .highlight .c1, 95 | .highlight .cs { 96 | color: var(--color-prettylights-syntax-comment); 97 | } 98 | 99 | .highlight .gd { 100 | color: var(--color-prettylights-syntax-markup-deleted-text); 101 | background-color: var(--color-prettylights-syntax-markup-deleted-bg); 102 | } 103 | 104 | .highlight .ge { 105 | font-style: italic; 106 | color: var(--color-prettylights-syntax-markup-italic); 107 | } 108 | 109 | .highlight .gh { 110 | font-weight: bold; 111 | color: var(--color-prettylights-syntax-markup-heading); 112 | } 113 | 114 | .highlight .gi { 115 | color: var(--color-prettylights-syntax-markup-inserted-text); 116 | background-color: var(--color-prettylights-syntax-markup-inserted-bg); 117 | } 118 | 119 | .highlight .gs { 120 | font-weight: bold; 121 | color: var(--color-prettylights-syntax-markup-bold); 122 | } 123 | -------------------------------------------------------------------------------- /_sass/github-syntax-highlight-dark.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * GitHub Dark v0.5.0 3 | * Copyright (c) 2012 - 2021 GitHub, Inc. 4 | * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE) 5 | */ 6 | 7 | @mixin dark { 8 | .highlight .fm { 9 | color: #c8e1ff; 10 | } 11 | 12 | .highlight .go, 13 | .highlight .gp, 14 | .highlight .gt { 15 | color: #0366d6; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /_sass/github-syntax-highlight-light.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * GitHub Light v0.5.0 3 | * Copyright (c) 2012 - 2021 GitHub, Inc. 4 | * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE) 5 | */ 6 | 7 | @mixin light { 8 | .highlight .fm, 9 | .highlight .go, 10 | .highlight .gp, 11 | .highlight .gt { 12 | color: #005cc5; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /assets/css/style.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // TODO: dynamic import github dark mode style 5 | @import "./github-behaviors.css"; 6 | @import "./github-frameworks.css"; 7 | 8 | //noinspection CssUnknownTarget 9 | @import "github-syntax-base"; 10 | //noinspection CssUnknownTarget 11 | @import "github-syntax-highlight-dark"; 12 | //noinspection CssUnknownTarget 13 | @import "github-syntax-highlight-light"; 14 | [data-color-mode=dark][data-dark-theme*=dark] { 15 | //noinspection SassScssResolvedByNameOnly 16 | @include dark; 17 | } 18 | [data-color-mode=light][data-light-theme*=light] { 19 | //noinspection SassScssResolvedByNameOnly 20 | @include light; 21 | } 22 | 23 | .markdown-body .emoji { 24 | vertical-align: middle; 25 | } 26 | 27 | .profile-color-modes-toggle:focus { 28 | outline: none; 29 | } 30 | 31 | .footer .footprint { 32 | span { 33 | opacity: .5; 34 | } 35 | 36 | a { 37 | opacity: 1; 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /emperors/origin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleen42/mingtocat/c12ad38879f8c85328c38608f2916e43ac162bb4/emperors/origin.png -------------------------------------------------------------------------------- /examples/mingtocat.aleen42.com_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleen42/mingtocat/c12ad38879f8c85328c38608f2916e43ac162bb4/examples/mingtocat.aleen42.com_dark.png -------------------------------------------------------------------------------- /examples/mingtocat.aleen42.com_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleen42/mingtocat/c12ad38879f8c85328c38608f2916e43ac162bb4/examples/mingtocat.aleen42.com_light.png -------------------------------------------------------------------------------- /preview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleen42/mingtocat/c12ad38879f8c85328c38608f2916e43ac162bb4/preview.gif --------------------------------------------------------------------------------