Add a just-the-cone variant, with correctly working svg

The SVG needed some serious massaging. Affinity doesn't want to export svgs with clip paths, for some reason, and rasterizes them. Clip paths however work in Firefox, BUT they cannot have style tags, which cause the clipped region to vanish. I made this by taking the logo with text (which has the soft drip), removing the text, exporting to svg with nothing removed, then fixing it in inkscape so it actually works in the browser, then finally running it through svgo.
2024-06-23 19:37:07 -07:00 · 2024-06-23 19:37:07 -07:00 · 9ca41561d6
parent fc965d530b
commit 9ca41561d6
6 changed files with 186 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -1 +1,2 @@
 *~lock~
+*~lock*
--- a/logos/just-the-cone.afdesign
+++ b/logos/just-the-cone.afdesign
--- a/logos/renders/just-the-cone-1200x.png
+++ b/logos/renders/just-the-cone-1200x.png
--- a/logos/renders/just-the-cone-400x.png
+++ b/logos/renders/just-the-cone-400x.png
--- a/logos/renders/just-the-cone-inkscape.svg
+++ b/logos/renders/just-the-cone-inkscape.svg
@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="100%"
+   height="100%"
+   viewBox="0 0 473 473"
+   version="1.1"
+   xml:space="preserve"
+   style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5;"
+   id="svg17"
+   sodipodi:docname="just-the-cone.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs17"><clipPath
+     clipPathUnits="userSpaceOnUse"
+     id="clipPath-icecream"><path
+       d="m 1637.93,1186.08 c 0,0 -50.71,-3.27 -47.42,-38.49 1.34,-14.32 28.98,-46.82 28.98,-46.82 0,0 -55.15,-21 -58.36,-39.86 -4.63,-27.24 9.22,-65.73699 9.22,-65.73699 0,0 -20.86,-28.93101 -15.96,-49.144 5.34,-22.043 48.02,-83.11202 48.02,-83.11202 0,0 -2.12,-65.92098 14.76,-94.328 15.65,-26.333 86.52,-76.11298 86.52,-76.11298 0,0 78.14,-72.91401 96.92,-101.18401 17.73,-26.696 35.01,-41.186 44.01,-47.595 4.03,-2.869 6.39,-4.118 6.39,-4.118 0.32,0.086 1.92,-19.528 27.93,-33.411 11.61,-6.193 70.49,47.949 78.76,69.204 6.64,17.077 24.83,31.924 29.24,51.297 7.75,34.033 -1.05,70.283 -3.7,73.031 0,0 46.74,16.49201 57.46,34.14701 10.17,16.75499 6.84,71.77999 6.84,71.77999 0,0 37.46,32.954 40.18,58.18 2.74,25.435 -23.73,94.429 -23.73,94.429 0,0 14.58,49.734 14.36,71.524 -0.22,22.42 -15.69,63.05 -15.69,63.05 l -110.46,80.21 -118.66,17.4 -107.48,18.7 z"
+       id="clip-icecream"
+       inkscape:label="clip-icecream"
+       style="clip-rule:evenodd;fill-rule:evenodd;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:1.5" /></clipPath></defs><sodipodi:namedview
+   id="namedview17"
+   pagecolor="#505050"
+   bordercolor="#ffffff"
+   borderopacity="1"
+   inkscape:showpageshadow="0"
+   inkscape:pageopacity="0"
+   inkscape:pagecheckerboard="1"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="2.807498"
+   inkscape:cx="130.72138"
+   inkscape:cy="149.24321"
+   inkscape:window-width="2672"
+   inkscape:window-height="1444"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer4" />
+    <g
+   id="Layer4"
+   transform="matrix(1,0,0,1,6.77008,40.6357)">
+        <g
+   transform="matrix(0.185492,0.596467,-2.3995,0.630106,4205.73,-1815.46)"
+   id="g1">
+            <path
+   d="M1721.79,1833.84L1633.85,1833.84L1633.85,1826.51L1740.59,1826.51C1733.99,1829.12 1727.65,1831.59 1721.79,1833.84Z"
+   style="fill:white;"
+   id="path1" />
+        </g>
+        <g
+   transform="matrix(-0.233781,0.900691,-3.41068,-0.747529,6981.17,176.144)"
+   id="g2">
+            <path
+   d="M1760.11,1825.96C1764.03,1826.26 1773.62,1830.24 1780.75,1832.12C1787.08,1833.79 1788.25,1836.78 1793.34,1838.78L1793.27,1838.79C1794.92,1839.41 1796.34,1840.07 1797.49,1840.77C1808.38,1847.37 1799.8,1867.52 1800.51,1882.36C1800.62,1884.83 1801.27,1882.97 1800.02,1884.91L1777.04,1888.65C1777.61,1886.67 1780.76,1884.11 1781.3,1881.83C1784.66,1867.58 1786.62,1848.77 1776.7,1840.4C1776.58,1840.41 1776.45,1840.42 1776.32,1840.43C1775.51,1839.92 1774.7,1839.43 1773.88,1838.96C1770.74,1837.18 1767.16,1835.47 1763.25,1833.84L1633.85,1833.84L1628.35,1826.35L1760.11,1825.96Z"
+   style="fill:white;"
+   id="path2" />
+        </g>
+        <g
+   id="icecream"
+   transform="matrix(0.558128,0,0,0.512874,-786.711,-283.656)"
+   clip-path="url(#clipPath-icecream)"
+   inkscape:label="icecream">
+            <g
+   id="g12">
+                <g
+   transform="matrix(-0.742304,-2.31103,-2.31103,0.742304,2527.45,1303.5)"
+   id="g3">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943C380.334,214.873 380.507,210.99 425.263,227.309L363.373,196.812L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(181,86,144);"
+   id="path3" />
+                </g>
+                <g
+   transform="matrix(1.46017,-1.93901,-1.93901,-1.46017,1719.38,1674.41)"
+   id="g4">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(163,2,98);"
+   id="path4" />
+                </g>
+                <g
+   transform="matrix(-0.809208,-2.28846,2.28846,-0.809208,1644.02,1739.14)"
+   id="g5">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(209,98,164);"
+   id="path5" />
+                </g>
+                <g
+   transform="matrix(0.856068,-2.27135,-2.27135,-0.856068,2040.92,1787.52)"
+   id="g6">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(181,86,144);"
+   id="path6" />
+                </g>
+                <g
+   transform="matrix(-1.46017,-1.93901,1.93901,-1.46017,1921.94,1901.23)"
+   id="g7">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(163,2,98);"
+   id="path7" />
+                </g>
+                <g
+   transform="matrix(1.54799,-2.17474,-1.97751,-1.4076,1747.15,2066.13)"
+   id="g8">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(209,98,164);"
+   id="path8" />
+                </g>
+                <g
+   transform="matrix(-2.03934,-1.31643,1.31643,-2.03934,2181.77,1956.35)"
+   id="g9">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.494,172.661L409.856,121.649L384.663,79.113"
+   style="fill:rgb(181,86,144);"
+   id="path9" />
+                </g>
+                <g
+   transform="matrix(1.03914,-2.19364,-2.19364,-1.03914,1948.39,2115.13)"
+   id="g10">
+                    <path
+   d="M209.42,384.222L268.45,368.846L354.541,216.943L438.7,217.308L452.027,195.949L439.795,173.86L381.012,172.947L409.856,121.649L384.663,79.113"
+   style="fill:rgb(163,2,98);"
+   id="path10" />
+                </g>
+                
+            </g>
+        </g>
+        
+        <g
+   transform="matrix(0.558128,0,0,0.512874,-786.711,-283.656)"
+   id="g20"
+   style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5">
+            <path
+   d="M1637.93,1186.08C1637.93,1186.08 1587.22,1182.81 1590.51,1147.59C1591.85,1133.27 1619.49,1100.77 1619.49,1100.77C1619.49,1100.77 1564.34,1079.77 1561.13,1060.91C1556.5,1033.67 1570.35,995.173 1570.35,995.173C1570.35,995.173 1549.49,966.242 1554.39,946.029C1559.73,923.986 1602.41,862.917 1602.41,862.917C1602.41,862.917 1600.29,796.996 1617.17,768.589C1632.82,742.256 1703.69,692.476 1703.69,692.476C1703.69,692.476 1781.83,619.562 1800.61,591.292C1818.34,564.596 1835.62,550.106 1844.62,543.697C1848.65,540.828 1851.01,539.579 1851.01,539.579C1851.33,539.665 1852.93,520.051 1878.94,506.168C1890.55,499.975 1949.43,554.117 1957.7,575.372C1964.34,592.449 1982.53,607.296 1986.94,626.669C1994.69,660.702 1985.89,696.952 1983.24,699.7C1983.24,699.7 2029.98,716.192 2040.7,733.847C2050.87,750.602 2047.54,805.627 2047.54,805.627C2047.54,805.627 2085,838.581 2087.72,863.807C2090.46,889.242 2063.99,958.236 2063.99,958.236C2063.99,958.236 2078.57,1007.97 2078.35,1029.76C2078.13,1052.18 2062.66,1092.81 2062.66,1092.81L1952.2,1173.02L1833.54,1190.42L1726.06,1209.12L1637.93,1186.08Z"
+   style="fill:none;stroke:white;stroke-width:24.98px;"
+   id="path20" />
+        </g><g
+   transform="matrix(0.558128,0,0,0.512874,-797.271,-301.25)"
+   id="g14">
+            <path
+   d="M1689.37,1332.69L1645.7,1194.07C1645.7,1194.07 1686.39,1206.2 1729.76,1203.99C1775.36,1201.66 1823.75,1185.05 1823.39,1187.17C1823.1,1188.88 1876.01,1190.83 1927.43,1178.14C1929.9,1200.57 1939.3,1290.89 1940.19,1376.01C1885.29,1380.84 1762.26,1349.91 1689.37,1332.69Z"
+   style="fill:rgb(239,118,39);"
+   id="path13" />
+        </g>
+        <g
+   transform="matrix(0.558128,0,0,0.514543,-793.907,-306.524)"
+   id="g15">
+            <path
+   d="M1934.17,1381.8C1933.27,1296.95 1923.87,1206.92 1921.4,1184.57C1930.26,1182.39 1939.08,1179.78 1947.57,1176.66C1964.37,1170.48 1980.05,1162.51 1993.94,1154.2C1995.53,1153.46 1997.03,1152.72 1998.41,1152C2014.36,1143.62 2040.2,1121.69 2054.58,1109C2052.36,1119.41 2030.71,1221.31 2003.33,1349.68C1999.29,1354.28 1994.76,1359.12 1989.8,1363.94C1974.32,1372.26 1957.3,1378.72 1939.4,1381.21C1937.74,1381.44 1935.99,1381.64 1934.17,1381.8Z"
+   style="fill:rgb(255,154,86);"
+   id="path14" />
+        </g>
+        <g
+   transform="matrix(0.620127,0.377361,0.631889,-0.876838,17.7852,265.056)"
+   id="g16">
+            <path
+   d="M370.157,153.247L379.503,174.892C379.503,174.892 408.227,129.74 409.856,121.649C410.89,116.511 402.721,112.949 394.801,116.582C386.716,120.291 393.237,134.905 381.244,145.909L370.157,153.247Z"
+   style="fill:rgb(209,98,164);"
+   id="path15" />
+        </g>
+        <g
+   transform="matrix(-0.669042,0.686776,-0.483936,-0.398089,458.403,117.041)"
+   id="g17">
+            <path
+   d="M373.097,149.236L369.587,162.685L381.012,172.947C381.012,172.947 389.166,156.719 392.448,149.09C396.523,139.618 405.464,116.114 405.464,116.114C405.416,116.03 407.839,100.016 407.839,100.016C407.839,100.016 398.117,119.525 394.313,128.632C390.874,136.862 384.969,140.679 381.244,145.909C377.647,150.958 373.097,149.236 373.097,149.236Z"
+   style="fill:rgb(163,2,98);"
+   id="path16" />
+        </g>
+    </g>
+</svg>
--- a/logos/renders/just-the-cone-web.svg
+++ b/logos/renders/just-the-cone-web.svg