Files
roux/layouts/partials/logo.html
T

39 lines
2.2 KiB
HTML
Raw Normal View History

<span class="grid justify-items-center gap-1 text-center">
<svg class="block w-[30px] h-[30px] max-[620px]:w-[22px] max-[620px]:h-[22px]" viewBox="0 0 64 64" aria-hidden="true">
<defs>
<radialGradient id="mhBloom" cx="50%" cy="46%" r="58%">
<stop offset="0" stop-color="#b34a30"/>
<stop offset=".6" stop-color="#8a3322"/>
<stop offset="1" stop-color="#5a1d15"/>
</radialGradient>
</defs>
<g fill="#6e2519" transform="translate(32 32)">
<ellipse cx="0" cy="-16" rx="10.5" ry="14"/>
<ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(60)"/>
<ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(120)"/>
<ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(180)"/>
<ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(240)"/>
<ellipse cx="0" cy="-16" rx="10.5" ry="14" transform="rotate(300)"/>
</g>
<g fill="url(#mhBloom)" transform="translate(32 32) rotate(30)">
<ellipse cx="0" cy="-11" rx="8" ry="11"/>
<ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(60)"/>
<ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(120)"/>
<ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(180)"/>
<ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(240)"/>
<ellipse cx="0" cy="-11" rx="8" ry="11" transform="rotate(300)"/>
</g>
<g fill="#9a3a26" transform="translate(32 32)">
<ellipse cx="0" cy="-6" rx="5" ry="7.5"/>
<ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(72)"/>
<ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(144)"/>
<ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(216)"/>
<ellipse cx="0" cy="-6" rx="5" ry="7.5" transform="rotate(288)"/>
</g>
<circle cx="32" cy="32" r="3.2" fill="#3a120c"/>
<circle cx="32" cy="31.4" r="1.2" fill="#c0573c" opacity=".7"/>
</svg>
<span class="font-display font-normal text-[30px] leading-none tracking-[.045em] text-ink max-[620px]:text-[22px]">Roux</span>
<span class="font-sans font-medium text-[8.5px] leading-none tracking-[.32em] uppercase text-ink-soft max-[620px]:text-[7.5px] max-[620px]:tracking-[.28em]">Le Journal · Paris</span>
</span>