squircle

Make all the squircles you need, in the browser. https://squircley.app/
git clone http://git.hanabi.in/repos/squircle.git
Log | Files | Refs | LICENSE

commit 74296a1a8e3029685425689952ffc19ddeb121df
parent f95a6e42c406497540b7c11285916897d97a0282
Author: George Francis <georgedoescode@gmail.com>
Date:   Sat, 11 Jul 2020 08:26:22 +0100

add product hunt badge

Diffstat:
Msrc/components/TheInfoSection.vue | 16++++++++++++++++
1 file changed, 16 insertions(+), 0 deletions(-)

diff --git a/src/components/TheInfoSection.vue b/src/components/TheInfoSection.vue @@ -38,6 +38,17 @@ export default { >georgedoescode</a > </p> + <a + class="product-hunt-badge" + href="https://www.producthunt.com/posts/squircley?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-squircley" + target="_blank" + ><img + src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=215104&theme=light" + alt="Squircley - All you need to start creating beautiful squircles! | Product Hunt Embed" + style="width: 250px; height: 54px;" + width="250px" + height="54px" + /></a> </div> </div> </template> @@ -90,6 +101,11 @@ export default { color: #4d3df7; } +.product-hunt-badge { + display: block; + margin-top: var(--spacing-7); +} + @media only screen and (max-width: 68rem) { .info-section { padding: 0 var(--spacing-4);