mirror of
https://github.com/Nexoniarz/Fry3DX.git
synced 2026-11-03 04:24:26 +00:00
A new logo: a cube frying in a cast-iron pan, on a bevelled tile; tools/branding.py makes every size
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Nexoniarz
parent
a5e0d2a9eb
commit
0f059c37be
16 changed files with 325 additions and 46 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8 KiB After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 24 KiB |
BIN
branding/fry3dx.icns
Normal file
BIN
branding/fry3dx.icns
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 35 KiB |
|
|
@ -1,34 +1,144 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
||||||
|
<!-- Fry3DX: a cube frying in a cast-iron pan, on a key-like tile (Niveus: light from above,
|
||||||
|
a lit top edge, a shaded bottom one). -->
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
<!-- the tile -->
|
||||||
<stop offset="0" stop-color="#2a2a2f"/><stop offset="1" stop-color="#151518"/>
|
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#3d3b38"/><stop offset="0.55" stop-color="#262523"/><stop offset="1" stop-color="#181716"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="pan" x1="0" y1="0" x2="1" y2="1">
|
<linearGradient id="tileEdge" x1="0" y1="0" x2="0" y2="1">
|
||||||
<stop offset="0" stop-color="#3b3b42"/><stop offset="1" stop-color="#1d1d21"/>
|
<stop offset="0" stop-color="#fff" stop-opacity="0.32"/><stop offset="0.12" stop-color="#fff" stop-opacity="0.06"/>
|
||||||
|
<stop offset="0.85" stop-color="#000" stop-opacity="0"/><stop offset="1" stop-color="#000" stop-opacity="0.55"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
<radialGradient id="heat" cx="0.5" cy="0.62" r="0.5">
|
||||||
|
<stop offset="0" stop-color="#ff7a2a" stop-opacity="0.55"/><stop offset="0.6" stop-color="#ff5a1a" stop-opacity="0.12"/>
|
||||||
|
<stop offset="1" stop-color="#ff5a1a" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<filter id="soft" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="6"/></filter>
|
||||||
|
<filter id="softer" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="12"/></filter>
|
||||||
|
<filter id="wisp" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="3.5"/></filter>
|
||||||
|
|
||||||
|
<!-- flames -->
|
||||||
<linearGradient id="flame" x1="0" y1="1" x2="0" y2="0">
|
<linearGradient id="flame" x1="0" y1="1" x2="0" y2="0">
|
||||||
<stop offset="0" stop-color="#ff4a1c"/><stop offset="1" stop-color="#ffc24a"/>
|
<stop offset="0" stop-color="#ff3a0a" stop-opacity="0.2"/><stop offset="0.3" stop-color="#ff4d12"/><stop offset="0.7" stop-color="#ffa63a"/>
|
||||||
|
<stop offset="1" stop-color="#ffe7a6" stop-opacity="0.9"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the pan: cast iron -->
|
||||||
|
<linearGradient id="panWall" x1="0" y1="0" x2="1" y2="0">
|
||||||
|
<stop offset="0" stop-color="#121212"/><stop offset="0.3" stop-color="#3a3a3d"/><stop offset="0.48" stop-color="#5a5a5e"/>
|
||||||
|
<stop offset="0.62" stop-color="#2c2c2f"/><stop offset="1" stop-color="#0e0e0f"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="rim" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#8b8b90"/><stop offset="0.35" stop-color="#4a4a4f"/><stop offset="1" stop-color="#1c1c1e"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="panInside" cx="0.5" cy="0.35" r="0.7">
|
||||||
|
<stop offset="0" stop-color="#3b3430"/><stop offset="0.55" stop-color="#211e1c"/><stop offset="1" stop-color="#0d0c0c"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="oil" x1="0" y1="0" x2="1" y2="0">
|
||||||
|
<stop offset="0" stop-color="#ffcf7a" stop-opacity="0"/><stop offset="0.5" stop-color="#ffd890" stop-opacity="0.35"/>
|
||||||
|
<stop offset="1" stop-color="#ffcf7a" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the handle: enamel grip on a steel neck -->
|
||||||
|
<linearGradient id="neck" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#b9b9be"/><stop offset="0.45" stop-color="#5b5b60"/><stop offset="1" stop-color="#232326"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="grip" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#ffb070"/><stop offset="0.3" stop-color="#ff7a2a"/><stop offset="0.75" stop-color="#d4501a"/>
|
||||||
|
<stop offset="1" stop-color="#8f2f0c"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the cube: browning at the bottom, glowing hot -->
|
||||||
|
<linearGradient id="top" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0" stop-color="#fff1d6"/><stop offset="1" stop-color="#ffc27e"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="left" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#ffa055"/><stop offset="0.62" stop-color="#ff7c2c"/><stop offset="0.9" stop-color="#b8461a"/>
|
||||||
|
<stop offset="1" stop-color="#6b2a10"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="right" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#e2672a"/><stop offset="0.62" stop-color="#c24c18"/><stop offset="0.9" stop-color="#7d3011"/>
|
||||||
|
<stop offset="1" stop-color="#45190a"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="bubble" cx="0.35" cy="0.3" r="0.7">
|
||||||
|
<stop offset="0" stop-color="#ffffff"/><stop offset="0.3" stop-color="#ffe9c4" stop-opacity="0.85"/>
|
||||||
|
<stop offset="0.8" stop-color="#ffb35a" stop-opacity="0.25"/><stop offset="1" stop-color="#ffb35a" stop-opacity="0.6"/>
|
||||||
|
</radialGradient>
|
||||||
|
<clipPath id="tileClip"><rect x="24" y="24" width="464" height="464" rx="104"/></clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
<rect x="16" y="16" width="480" height="480" rx="96" fill="url(#bg)"/>
|
|
||||||
<!-- flames under the pan -->
|
<!-- the tile -->
|
||||||
<path d="M164 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<rect x="28" y="36" width="456" height="460" rx="104" fill="#000" opacity="0.45" filter="url(#softer)"/>
|
||||||
<path d="M236 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<rect x="24" y="24" width="464" height="464" rx="104" fill="url(#tile)"/>
|
||||||
<path d="M308 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<g clip-path="url(#tileClip)">
|
||||||
|
<ellipse cx="248" cy="380" rx="230" ry="150" fill="url(#heat)"/>
|
||||||
|
|
||||||
|
<!-- flames under the pan -->
|
||||||
|
<g opacity="0.95">
|
||||||
|
<path d="M150 476 C 130 476, 126 444, 144 426 C 148 438, 154 427, 151 406 C 176 433, 172 476, 150 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M150 472 C 140 472, 140 448, 151 433 C 161 448, 160 472, 150 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M214 476 C 190 476, 186 435, 207 410 C 212 425, 219 412, 215 384 C 244 419, 240 476, 214 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M214 472 C 202 472, 202 439, 215 419 C 227 439, 226 472, 214 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M278 476 C 254 476, 250 435, 271 410 C 276 425, 283 412, 279 384 C 308 419, 304 476, 278 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M278 472 C 266 472, 266 439, 279 419 C 291 439, 290 472, 278 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M342 476 C 322 476, 318 444, 336 426 C 340 438, 346 427, 343 406 C 368 433, 364 476, 342 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M342 472 C 332 472, 332 448, 343 433 C 353 448, 352 472, 342 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- the pan's shadow-side wall, then its rim, then the cooking surface -->
|
||||||
|
<path d="M60 312 a 182 80 0 0 0 364 0 l -6 30 a 176 76 0 0 1 -352 0 z" fill="#000" opacity="0.35" filter="url(#soft)"/>
|
||||||
|
<path d="M62 314 L 72 346 A 170 74 0 0 0 412 346 L 422 314 Z" fill="url(#panWall)"/>
|
||||||
|
<ellipse cx="242" cy="346" rx="170" ry="74" fill="url(#panWall)"/>
|
||||||
|
|
||||||
<!-- handle -->
|
<!-- handle -->
|
||||||
<path d="M372 300 L470 250" stroke="#ff7828" stroke-width="30" stroke-linecap="round"/>
|
<g transform="translate(392 302) rotate(-31)">
|
||||||
<!-- the pan, seen a little from above -->
|
<rect x="-6" y="-13" width="48" height="26" rx="6" fill="url(#neck)"/>
|
||||||
<ellipse cx="236" cy="318" rx="170" ry="72" fill="#ff7828"/>
|
<circle cx="10" cy="0" r="4" fill="#d9d9de"/><circle cx="10" cy="0" r="4" fill="none" stroke="#1a1a1c" stroke-width="1.5"/>
|
||||||
<ellipse cx="236" cy="306" rx="150" ry="58" fill="url(#pan)"/>
|
<rect x="34" y="-17" width="66" height="34" rx="17" fill="url(#grip)"/>
|
||||||
<!-- the cube frying in it -->
|
<rect x="40" y="-13" width="52" height="7" rx="3.5" fill="#fff" opacity="0.38"/>
|
||||||
<g stroke="#1a1a1d" stroke-width="8" stroke-linejoin="round">
|
<rect x="34" y="-17" width="66" height="34" rx="17" fill="none" stroke="#5a1d07" stroke-opacity="0.6" stroke-width="2"/>
|
||||||
<path d="M236 92 L330 140 L236 188 L142 140 Z" fill="#ffd2a0"/>
|
<circle cx="85" cy="0" r="6" fill="#3b1406"/><circle cx="85" cy="1.5" r="5" fill="#1a0a04"/>
|
||||||
<path d="M142 140 L236 188 L236 300 L142 252 Z" fill="#ff8a3a"/>
|
|
||||||
<path d="M330 140 L236 188 L236 300 L330 252 Z" fill="#c9501a"/>
|
|
||||||
</g>
|
</g>
|
||||||
<!-- sizzle -->
|
|
||||||
<g stroke="#ffb070" stroke-width="10" stroke-linecap="round" fill="none" opacity="0.9">
|
<ellipse cx="242" cy="314" rx="180" ry="78" fill="url(#rim)"/>
|
||||||
<path d="M100 210 q-14 -18 0 -36 q14 -18 0 -36"/>
|
<ellipse cx="242" cy="314" rx="180" ry="78" fill="none" stroke="#fff" stroke-opacity="0.22" stroke-width="2"/>
|
||||||
<path d="M378 200 q-14 -18 0 -36 q14 -18 0 -36"/>
|
<ellipse cx="242" cy="318" rx="160" ry="64" fill="url(#panInside)"/>
|
||||||
|
<ellipse cx="242" cy="318" rx="160" ry="64" fill="none" stroke="#000" stroke-opacity="0.6" stroke-width="3"/>
|
||||||
|
<!-- oil sheen, and the cube's warm glow and shadow on the oil -->
|
||||||
|
<ellipse cx="242" cy="330" rx="118" ry="38" fill="#ff8a3a" opacity="0.28" filter="url(#softer)"/>
|
||||||
|
<ellipse cx="248" cy="330" rx="96" ry="26" fill="#000" opacity="0.55" filter="url(#soft)"/>
|
||||||
|
<path d="M110 300 q 120 -40 250 -10" stroke="url(#oil)" stroke-width="6" fill="none" stroke-linecap="round"/>
|
||||||
|
|
||||||
|
<!-- the cube -->
|
||||||
|
<g stroke-linejoin="round">
|
||||||
|
<path d="M152 186 L242 234 L242 334 L152 286 Z" fill="url(#left)"/>
|
||||||
|
<path d="M332 186 L242 234 L242 334 L332 286 Z" fill="url(#right)"/>
|
||||||
|
<path d="M242 138 L332 186 L242 234 L152 186 Z" fill="url(#top)"/>
|
||||||
|
<!-- lit edges, shaded edges -->
|
||||||
|
<path d="M152 186 L242 138 L332 186" fill="none" stroke="#fff" stroke-opacity="0.75" stroke-width="3" stroke-linecap="round"/>
|
||||||
|
<path d="M152 186 L242 234 L332 186" fill="none" stroke="#fff" stroke-opacity="0.45" stroke-width="2.5" stroke-linecap="round"/>
|
||||||
|
<path d="M242 234 L242 334" fill="none" stroke="#ffd2a0" stroke-opacity="0.55" stroke-width="2.5"/>
|
||||||
|
<path d="M152 186 L242 138 L332 186 L332 286 L242 334 L152 286 Z" fill="none" stroke="#3a1606" stroke-opacity="0.7" stroke-width="3"/>
|
||||||
</g>
|
</g>
|
||||||
|
<!-- sizzle where it touches -->
|
||||||
|
<g>
|
||||||
|
<circle cx="150" cy="302" r="7" fill="url(#bubble)"/>
|
||||||
|
<circle cx="172" cy="318" r="5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="134" cy="320" r="4" fill="url(#bubble)"/>
|
||||||
|
<circle cx="214" cy="346" r="6" fill="url(#bubble)"/>
|
||||||
|
<circle cx="276" cy="348" r="5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="336" cy="302" r="7" fill="url(#bubble)"/>
|
||||||
|
<circle cx="352" cy="320" r="4.5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="312" cy="326" r="3.5" fill="url(#bubble)"/>
|
||||||
|
</g>
|
||||||
|
<!-- steam -->
|
||||||
|
<g fill="none" stroke="#fff" stroke-linecap="round" filter="url(#wisp)">
|
||||||
|
<path d="M196 120 q -18 -22 0 -44 q 18 -22 0 -44" stroke-width="9" stroke-opacity="0.32"/>
|
||||||
|
<path d="M286 112 q -16 -20 0 -40 q 16 -20 0 -40" stroke-width="8" stroke-opacity="0.26"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- the tile's bevel on top of everything -->
|
||||||
|
<rect x="25" y="25" width="462" height="462" rx="103" fill="none" stroke="url(#tileEdge)" stroke-width="2.5"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 5.2 KiB |
BIN
docs/img/logo.png
Normal file
BIN
docs/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
|
|
@ -1,34 +1,144 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
||||||
|
<!-- Fry3DX: a cube frying in a cast-iron pan, on a key-like tile (Niveus: light from above,
|
||||||
|
a lit top edge, a shaded bottom one). -->
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
<!-- the tile -->
|
||||||
<stop offset="0" stop-color="#2a2a2f"/><stop offset="1" stop-color="#151518"/>
|
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#3d3b38"/><stop offset="0.55" stop-color="#262523"/><stop offset="1" stop-color="#181716"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="pan" x1="0" y1="0" x2="1" y2="1">
|
<linearGradient id="tileEdge" x1="0" y1="0" x2="0" y2="1">
|
||||||
<stop offset="0" stop-color="#3b3b42"/><stop offset="1" stop-color="#1d1d21"/>
|
<stop offset="0" stop-color="#fff" stop-opacity="0.32"/><stop offset="0.12" stop-color="#fff" stop-opacity="0.06"/>
|
||||||
|
<stop offset="0.85" stop-color="#000" stop-opacity="0"/><stop offset="1" stop-color="#000" stop-opacity="0.55"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
<radialGradient id="heat" cx="0.5" cy="0.62" r="0.5">
|
||||||
|
<stop offset="0" stop-color="#ff7a2a" stop-opacity="0.55"/><stop offset="0.6" stop-color="#ff5a1a" stop-opacity="0.12"/>
|
||||||
|
<stop offset="1" stop-color="#ff5a1a" stop-opacity="0"/>
|
||||||
|
</radialGradient>
|
||||||
|
<filter id="soft" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="6"/></filter>
|
||||||
|
<filter id="softer" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="12"/></filter>
|
||||||
|
<filter id="wisp" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="3.5"/></filter>
|
||||||
|
|
||||||
|
<!-- flames -->
|
||||||
<linearGradient id="flame" x1="0" y1="1" x2="0" y2="0">
|
<linearGradient id="flame" x1="0" y1="1" x2="0" y2="0">
|
||||||
<stop offset="0" stop-color="#ff4a1c"/><stop offset="1" stop-color="#ffc24a"/>
|
<stop offset="0" stop-color="#ff3a0a" stop-opacity="0.2"/><stop offset="0.3" stop-color="#ff4d12"/><stop offset="0.7" stop-color="#ffa63a"/>
|
||||||
|
<stop offset="1" stop-color="#ffe7a6" stop-opacity="0.9"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the pan: cast iron -->
|
||||||
|
<linearGradient id="panWall" x1="0" y1="0" x2="1" y2="0">
|
||||||
|
<stop offset="0" stop-color="#121212"/><stop offset="0.3" stop-color="#3a3a3d"/><stop offset="0.48" stop-color="#5a5a5e"/>
|
||||||
|
<stop offset="0.62" stop-color="#2c2c2f"/><stop offset="1" stop-color="#0e0e0f"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="rim" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#8b8b90"/><stop offset="0.35" stop-color="#4a4a4f"/><stop offset="1" stop-color="#1c1c1e"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="panInside" cx="0.5" cy="0.35" r="0.7">
|
||||||
|
<stop offset="0" stop-color="#3b3430"/><stop offset="0.55" stop-color="#211e1c"/><stop offset="1" stop-color="#0d0c0c"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="oil" x1="0" y1="0" x2="1" y2="0">
|
||||||
|
<stop offset="0" stop-color="#ffcf7a" stop-opacity="0"/><stop offset="0.5" stop-color="#ffd890" stop-opacity="0.35"/>
|
||||||
|
<stop offset="1" stop-color="#ffcf7a" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the handle: enamel grip on a steel neck -->
|
||||||
|
<linearGradient id="neck" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#b9b9be"/><stop offset="0.45" stop-color="#5b5b60"/><stop offset="1" stop-color="#232326"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="grip" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#ffb070"/><stop offset="0.3" stop-color="#ff7a2a"/><stop offset="0.75" stop-color="#d4501a"/>
|
||||||
|
<stop offset="1" stop-color="#8f2f0c"/>
|
||||||
|
</linearGradient>
|
||||||
|
|
||||||
|
<!-- the cube: browning at the bottom, glowing hot -->
|
||||||
|
<linearGradient id="top" x1="0" y1="0" x2="1" y2="1">
|
||||||
|
<stop offset="0" stop-color="#fff1d6"/><stop offset="1" stop-color="#ffc27e"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="left" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#ffa055"/><stop offset="0.62" stop-color="#ff7c2c"/><stop offset="0.9" stop-color="#b8461a"/>
|
||||||
|
<stop offset="1" stop-color="#6b2a10"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="right" x1="0" y1="0" x2="0" y2="1">
|
||||||
|
<stop offset="0" stop-color="#e2672a"/><stop offset="0.62" stop-color="#c24c18"/><stop offset="0.9" stop-color="#7d3011"/>
|
||||||
|
<stop offset="1" stop-color="#45190a"/>
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient id="bubble" cx="0.35" cy="0.3" r="0.7">
|
||||||
|
<stop offset="0" stop-color="#ffffff"/><stop offset="0.3" stop-color="#ffe9c4" stop-opacity="0.85"/>
|
||||||
|
<stop offset="0.8" stop-color="#ffb35a" stop-opacity="0.25"/><stop offset="1" stop-color="#ffb35a" stop-opacity="0.6"/>
|
||||||
|
</radialGradient>
|
||||||
|
<clipPath id="tileClip"><rect x="24" y="24" width="464" height="464" rx="104"/></clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
<rect x="16" y="16" width="480" height="480" rx="96" fill="url(#bg)"/>
|
|
||||||
<!-- flames under the pan -->
|
<!-- the tile -->
|
||||||
<path d="M164 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<rect x="28" y="36" width="456" height="460" rx="104" fill="#000" opacity="0.45" filter="url(#softer)"/>
|
||||||
<path d="M236 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<rect x="24" y="24" width="464" height="464" rx="104" fill="url(#tile)"/>
|
||||||
<path d="M308 462 c -34 -14 -30 -60 0 -96 c 30 36 34 82 0 96 z" fill="url(#flame)"/>
|
<g clip-path="url(#tileClip)">
|
||||||
|
<ellipse cx="248" cy="380" rx="230" ry="150" fill="url(#heat)"/>
|
||||||
|
|
||||||
|
<!-- flames under the pan -->
|
||||||
|
<g opacity="0.95">
|
||||||
|
<path d="M150 476 C 130 476, 126 444, 144 426 C 148 438, 154 427, 151 406 C 176 433, 172 476, 150 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M150 472 C 140 472, 140 448, 151 433 C 161 448, 160 472, 150 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M214 476 C 190 476, 186 435, 207 410 C 212 425, 219 412, 215 384 C 244 419, 240 476, 214 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M214 472 C 202 472, 202 439, 215 419 C 227 439, 226 472, 214 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M278 476 C 254 476, 250 435, 271 410 C 276 425, 283 412, 279 384 C 308 419, 304 476, 278 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M278 472 C 266 472, 266 439, 279 419 C 291 439, 290 472, 278 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
<path d="M342 476 C 322 476, 318 444, 336 426 C 340 438, 346 427, 343 406 C 368 433, 364 476, 342 476 z" fill="url(#flame)"/>
|
||||||
|
<path d="M342 472 C 332 472, 332 448, 343 433 C 353 448, 352 472, 342 472 z" fill="#ffe9b0" opacity="0.85"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- the pan's shadow-side wall, then its rim, then the cooking surface -->
|
||||||
|
<path d="M60 312 a 182 80 0 0 0 364 0 l -6 30 a 176 76 0 0 1 -352 0 z" fill="#000" opacity="0.35" filter="url(#soft)"/>
|
||||||
|
<path d="M62 314 L 72 346 A 170 74 0 0 0 412 346 L 422 314 Z" fill="url(#panWall)"/>
|
||||||
|
<ellipse cx="242" cy="346" rx="170" ry="74" fill="url(#panWall)"/>
|
||||||
|
|
||||||
<!-- handle -->
|
<!-- handle -->
|
||||||
<path d="M372 300 L470 250" stroke="#ff7828" stroke-width="30" stroke-linecap="round"/>
|
<g transform="translate(392 302) rotate(-31)">
|
||||||
<!-- the pan, seen a little from above -->
|
<rect x="-6" y="-13" width="48" height="26" rx="6" fill="url(#neck)"/>
|
||||||
<ellipse cx="236" cy="318" rx="170" ry="72" fill="#ff7828"/>
|
<circle cx="10" cy="0" r="4" fill="#d9d9de"/><circle cx="10" cy="0" r="4" fill="none" stroke="#1a1a1c" stroke-width="1.5"/>
|
||||||
<ellipse cx="236" cy="306" rx="150" ry="58" fill="url(#pan)"/>
|
<rect x="34" y="-17" width="66" height="34" rx="17" fill="url(#grip)"/>
|
||||||
<!-- the cube frying in it -->
|
<rect x="40" y="-13" width="52" height="7" rx="3.5" fill="#fff" opacity="0.38"/>
|
||||||
<g stroke="#1a1a1d" stroke-width="8" stroke-linejoin="round">
|
<rect x="34" y="-17" width="66" height="34" rx="17" fill="none" stroke="#5a1d07" stroke-opacity="0.6" stroke-width="2"/>
|
||||||
<path d="M236 92 L330 140 L236 188 L142 140 Z" fill="#ffd2a0"/>
|
<circle cx="85" cy="0" r="6" fill="#3b1406"/><circle cx="85" cy="1.5" r="5" fill="#1a0a04"/>
|
||||||
<path d="M142 140 L236 188 L236 300 L142 252 Z" fill="#ff8a3a"/>
|
|
||||||
<path d="M330 140 L236 188 L236 300 L330 252 Z" fill="#c9501a"/>
|
|
||||||
</g>
|
</g>
|
||||||
<!-- sizzle -->
|
|
||||||
<g stroke="#ffb070" stroke-width="10" stroke-linecap="round" fill="none" opacity="0.9">
|
<ellipse cx="242" cy="314" rx="180" ry="78" fill="url(#rim)"/>
|
||||||
<path d="M100 210 q-14 -18 0 -36 q14 -18 0 -36"/>
|
<ellipse cx="242" cy="314" rx="180" ry="78" fill="none" stroke="#fff" stroke-opacity="0.22" stroke-width="2"/>
|
||||||
<path d="M378 200 q-14 -18 0 -36 q14 -18 0 -36"/>
|
<ellipse cx="242" cy="318" rx="160" ry="64" fill="url(#panInside)"/>
|
||||||
|
<ellipse cx="242" cy="318" rx="160" ry="64" fill="none" stroke="#000" stroke-opacity="0.6" stroke-width="3"/>
|
||||||
|
<!-- oil sheen, and the cube's warm glow and shadow on the oil -->
|
||||||
|
<ellipse cx="242" cy="330" rx="118" ry="38" fill="#ff8a3a" opacity="0.28" filter="url(#softer)"/>
|
||||||
|
<ellipse cx="248" cy="330" rx="96" ry="26" fill="#000" opacity="0.55" filter="url(#soft)"/>
|
||||||
|
<path d="M110 300 q 120 -40 250 -10" stroke="url(#oil)" stroke-width="6" fill="none" stroke-linecap="round"/>
|
||||||
|
|
||||||
|
<!-- the cube -->
|
||||||
|
<g stroke-linejoin="round">
|
||||||
|
<path d="M152 186 L242 234 L242 334 L152 286 Z" fill="url(#left)"/>
|
||||||
|
<path d="M332 186 L242 234 L242 334 L332 286 Z" fill="url(#right)"/>
|
||||||
|
<path d="M242 138 L332 186 L242 234 L152 186 Z" fill="url(#top)"/>
|
||||||
|
<!-- lit edges, shaded edges -->
|
||||||
|
<path d="M152 186 L242 138 L332 186" fill="none" stroke="#fff" stroke-opacity="0.75" stroke-width="3" stroke-linecap="round"/>
|
||||||
|
<path d="M152 186 L242 234 L332 186" fill="none" stroke="#fff" stroke-opacity="0.45" stroke-width="2.5" stroke-linecap="round"/>
|
||||||
|
<path d="M242 234 L242 334" fill="none" stroke="#ffd2a0" stroke-opacity="0.55" stroke-width="2.5"/>
|
||||||
|
<path d="M152 186 L242 138 L332 186 L332 286 L242 334 L152 286 Z" fill="none" stroke="#3a1606" stroke-opacity="0.7" stroke-width="3"/>
|
||||||
</g>
|
</g>
|
||||||
|
<!-- sizzle where it touches -->
|
||||||
|
<g>
|
||||||
|
<circle cx="150" cy="302" r="7" fill="url(#bubble)"/>
|
||||||
|
<circle cx="172" cy="318" r="5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="134" cy="320" r="4" fill="url(#bubble)"/>
|
||||||
|
<circle cx="214" cy="346" r="6" fill="url(#bubble)"/>
|
||||||
|
<circle cx="276" cy="348" r="5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="336" cy="302" r="7" fill="url(#bubble)"/>
|
||||||
|
<circle cx="352" cy="320" r="4.5" fill="url(#bubble)"/>
|
||||||
|
<circle cx="312" cy="326" r="3.5" fill="url(#bubble)"/>
|
||||||
|
</g>
|
||||||
|
<!-- steam -->
|
||||||
|
<g fill="none" stroke="#fff" stroke-linecap="round" filter="url(#wisp)">
|
||||||
|
<path d="M196 120 q -18 -22 0 -44 q 18 -22 0 -44" stroke-width="9" stroke-opacity="0.32"/>
|
||||||
|
<path d="M286 112 q -16 -20 0 -40 q 16 -20 0 -40" stroke-width="8" stroke-opacity="0.26"/>
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<!-- the tile's bevel on top of everything -->
|
||||||
|
<rect x="25" y="25" width="462" height="462" rx="103" fill="none" stroke="url(#tileEdge)" stroke-width="2.5"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 9.1 KiB |
59
tools/branding.py
Normal file
59
tools/branding.py
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
#!/usr/bin/env python3
|
||||||
|
"""Makes every picture of the logo from branding/logo.svg (needs Inkscape):
|
||||||
|
the app's own (content/), the Windows .ico, the macOS .icns, Android's launcher icons and
|
||||||
|
the website's. python3 tools/branding.py"""
|
||||||
|
import os, shutil, struct, subprocess, sys, tempfile
|
||||||
|
|
||||||
|
ROOT = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
|
||||||
|
SVG = os.path.join(ROOT, "branding", "logo.svg")
|
||||||
|
|
||||||
|
|
||||||
|
def render(size, out):
|
||||||
|
subprocess.run(["inkscape", SVG, "-w", str(size), "-h", str(size), "-o", out], check=True, capture_output=True)
|
||||||
|
|
||||||
|
|
||||||
|
def ico(pngs, out): # an .ico of PNGs (Vista and newer read them)
|
||||||
|
data = [open(p, "rb").read() for _, p in pngs]
|
||||||
|
head = struct.pack("<HHH", 0, 1, len(pngs))
|
||||||
|
offset = 6 + 16 * len(pngs)
|
||||||
|
for (size, _), d in zip(pngs, data):
|
||||||
|
s = 0 if size >= 256 else size
|
||||||
|
head += struct.pack("<BBBBHHII", s, s, 0, 0, 1, 32, len(d), offset)
|
||||||
|
offset += len(d)
|
||||||
|
open(out, "wb").write(head + b"".join(data))
|
||||||
|
|
||||||
|
|
||||||
|
def icns(pngs, out): # an .icns of PNGs (macOS 10.7 and newer)
|
||||||
|
kinds = {16: b"icp4", 32: b"icp5", 64: b"icp6", 128: b"ic07", 256: b"ic08", 512: b"ic09", 1024: b"ic10"}
|
||||||
|
body = b""
|
||||||
|
for size, p in pngs:
|
||||||
|
d = open(p, "rb").read()
|
||||||
|
body += kinds[size] + struct.pack(">I", 8 + len(d)) + d
|
||||||
|
open(out, "wb").write(b"icns" + struct.pack(">I", 8 + len(body)) + body)
|
||||||
|
|
||||||
|
|
||||||
|
def main():
|
||||||
|
if not shutil.which("inkscape"):
|
||||||
|
sys.exit("needs inkscape")
|
||||||
|
with tempfile.TemporaryDirectory() as tmp:
|
||||||
|
sizes = {}
|
||||||
|
for s in (16, 24, 32, 48, 64, 72, 96, 128, 144, 192, 256, 512, 1024):
|
||||||
|
sizes[s] = os.path.join(tmp, f"{s}.png")
|
||||||
|
render(s, sizes[s])
|
||||||
|
copy = lambda s, *to: shutil.copyfile(sizes[s], os.path.join(ROOT, *to))
|
||||||
|
copy(256, "branding", "logo.png")
|
||||||
|
copy(64, "branding", "icon.png")
|
||||||
|
copy(256, "content", "Fry3DX", "branding", "logo.png")
|
||||||
|
copy(64, "content", "Fry3DX", "branding", "icon.png")
|
||||||
|
copy(64, "docs", "img", "icon.png")
|
||||||
|
copy(512, "docs", "img", "logo.png")
|
||||||
|
shutil.copyfile(SVG, os.path.join(ROOT, "docs", "img", "logo.svg"))
|
||||||
|
for d, s in (("mdpi", 48), ("hdpi", 72), ("xhdpi", 96), ("xxhdpi", 144), ("xxxhdpi", 192)):
|
||||||
|
copy(s, "android", "res", f"mipmap-{d}", "ic_launcher.png")
|
||||||
|
ico([(s, sizes[s]) for s in (16, 24, 32, 48, 64, 128, 256)], os.path.join(ROOT, "branding", "fry3dx.ico"))
|
||||||
|
icns([(s, sizes[s]) for s in (16, 32, 64, 128, 256, 512, 1024)], os.path.join(ROOT, "branding", "fry3dx.icns"))
|
||||||
|
print("done")
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
main()
|
||||||
Loading…
Reference in a new issue