Skip to content

Instantly share code, notes, and snippets.

@oliveratgithub
Last active March 22, 2024 10:45
Show Gist options
  • Save oliveratgithub/7192c585ce6850692199036d46d3dade to your computer and use it in GitHub Desktop.
Save oliveratgithub/7192c585ce6850692199036d46d3dade to your computer and use it in GitHub Desktop.
Various snippets to add "Made with love" to your website using HTML, CSS and JavaScript
<!-- Example #1 - no styling -->
Made with ❤ in Switzerland
Made with ♥ in Switzerland
Made with ♡ in Switzerland
Made with ❤️ in Switzerland
Made with ♥️ in Switzerland
<!-- Example #2 - inline-styled ❤ -->
Made with <span style="color: #e25555;">&#9829;</span> in Switzerland
Made with <span style="color: #e25555;">&hearts;</span> in Switzerland
<!-- Example #3 - CSS-style class for ❤ -->
<style>.heart{color:#e25555;}</style>
Made with <span class="heart"></span> in Switzerland
<!-- Example #4 - external ♥-icon -->
<link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
Made with <i class="icon ion-heart"></i> in Switzerland
Made with <i class="icon ion-heart" style="color: #e25555;"></i> in Switzerland
<!-- Example #5 - inline svg (provided by FontAwesome) -->
Made with <svg viewBox="0 0 1792 1792" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" style="height: 0.8rem;"><path d="M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z" fill="#e25555"></path></svg> in Switzerland
<!-- Example #6 - JavaScript Console log -->
<script>
console.info(
'Made with %c♥%c in Switzerland',
'color: #e25555', 'color: unset'
);
</script>
@webnuk
Copy link

webnuk commented Oct 11, 2020

Thank you ❤

@cloudcap10
Copy link

Thanks

@oldphones68
Copy link

Thanks a lot!

@oliveratgithub
Copy link
Author

oliveratgithub commented Mar 27, 2021

Rev. 5 update (968cdd2)

  • Enhanced example 1 with Emojis (thanks @A7bert for the contribution)
  • Added new Inline SVG example (thanks @bre7 for the contribution)

Rev. 7 update (968cdd2)

  • Added new JavaScript console log example

Rev. 8 update (968cdd2)

  • Added more Unicode chars to example 1

P.s.: these snippets are now also available directly within Nova.app for macOS: «Made with love»-clip extension

@dotnethabib
Copy link

Love it, Thnx a lot, Hope near future get lots of snippet

@steve-gale
Copy link

Thankeee

@andideve
Copy link

Thank you so much!

@Fr-Dae
Copy link

Fr-Dae commented Nov 23, 2022

forthebadge

@Fr-Dae
Copy link

Fr-Dae commented Nov 23, 2022

@IMDANIELAUSTIN
Copy link

PERFECTO!!! Great for a beginner in web design like myself.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment