<section id="bold_turquoise_boar">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100">
<defs>
<clipPath id="clip-1">
<rect class="clip-1-rect" x="10" y="10" width="80" height="80" />
</clipPath>
</defs>
<image clip-path="url(#clip-1)" href="/img/placeholder.jpg" preserveAspectRatio="xMidYMid slice" x="0" y="0" width="300" height="100"></image>
</svg>
</section>
<script src="../../js/components/bold_turquoise_boar.js"></script>
<section id="bold_turquoise_boar">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 100">
<defs>
<clipPath id="clip-1">
<rect class="clip-1-rect" x="10" y="10" width="80" height="80"/>
</clipPath>
</defs>
<image clip-path="url(#clip-1)" href="/img/placeholder.jpg" preserveAspectRatio="xMidYMid slice" x="0" y="0" width="300" height="100"></image>
</svg>
</section>
<script src="{{ path '/js/components/bold_turquoise_boar.js' }}"></script>
/* No context defined. */
(function () {
document.addEventListener('DOMContentLoaded', function () {
console.log("bold_turquoise_boar active");
});
})();
#bold_turquoise_boar {
padding: 1rem;
svg {
border: 1px solid teal;
}
}
No notes defined.