search

mixmark-io / turndown

🛏 An HTML to Markdown converter written in JavaScript
https://mixmark-io.github.io/turndown
MIT License
8.52k stars 864 forks source link

Create avatar for Mixmark GitHub organization #462

Closed pavelhoral closed 4 months ago

pavelhoral commented 4 months ago

I don't like the default generated organization avatar, so I have created SVG for this purpose.

Initial idea comes from Midjourney and then I created the SVG by hand. There is no good place to store this kind of data, hence this issue :).

<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <linearGradient x1="0" y1="0" x2="1" y2="1" id="bg-fill">
            <stop offset="0" stop-color="#ffc12d" />
            <stop offset="1" stop-color="#ff6977" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l11-fill">
            <stop offset="0" stop-color="#dc00eb" />
            <stop offset="1" stop-color="#fd00fc" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l12-fill">
            <stop offset="0" stop-color="#ff2c68" />
            <stop offset="1" stop-color="#ff551c" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l21-fill">
            <stop offset="0" stop-color="#5415ad" />
            <stop offset="1" stop-color="#ff7693" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l31-fill">
            <stop offset="0" stop-color="#6a2fcb" />
            <stop offset="1" stop-color="#ff2cff" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l41-fill">
            <stop offset="0" stop-color="#5b52bd" />
            <stop offset="1" stop-color="#00ffee" />
        </linearGradient>
        <linearGradient x1="0" y1="0" x2="1" y2="0" id="l51-fill">
            <stop offset="0" stop-color="#ff8fa5" />
            <stop offset="1" stop-color="#fafeb9" />
        </linearGradient>
    </defs>
    <g>
        <title>Mixmark.io</title>
        <rect x="0" y="0" height="500" width="500" stroke-width="0" fill="url(#bg-fill)" />
        <g>
            <rect x="60" y="70" width="380" height="360" rx="48" stroke-width="0" fill="#2d2d2d" />
            <rect x="90" y="110" width="70" height="24" rx="12" stroke-width="0" fill="url(#l11-fill)" />
            <rect x="176" y="110" width="230" height="24" rx="12" stroke-width="0" fill="url(#l12-fill)" />
            <rect x="90" y="174" width="320" height="24" rx="12" stroke-width="0" fill="url(#l21-fill)" />
            <rect x="90" y="238" width="150" height="24" rx="12" stroke-width="0" fill="url(#l31-fill)" />
            <rect x="90" y="302" width="320" height="24" rx="12" stroke-width="0" fill="url(#l41-fill)" />
            <rect x="289" y="366" width="120" height="24" rx="12" stroke-width="0" fill="url(#l51-fill)" />
        </g>
    </g>
</svg>

mixmark-logo

pavelhoral commented 4 months ago

If anyone has a different idea about the organization logo, please leave a comment. Also as the original idea comes from Midjourney, it is possible that this might be similar to some preexisting logo. Reverse image search revealed nothing, so hopefully this is not the case.

pavelhoral commented 4 months ago

Logo has been set. I consider this resolved.