Armster15 · January 31, 2025 14:58 · danielsebesta · Jun 8, 2021 · sheladiyaniraj · Apr 30, 2022
diff --git a/TwemojiTutorial.html b/TwemojiTutorial.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Twemoji Tutorial</title>

    <!-- This retrieves the latest Twemoji script -->
    <script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>
    

    <!-- Script to render emojis as Twemojis -->
    <script>
        window.onload = function() {    
            // Parses the document body and    
            // inserts <img> tags in place of Unicode Emojis    
            twemoji.parse(document.body, 
                    {folder: 'svg', ext: '.svg'} // This is to specify to Twemoji to use SVGs and not PNGs
            );

        }

    </script>

    <!-- CSS configurations to tweak how the Twemojis are displayed -->
    <style>
        img.emoji {
            /* Since we are using SVGs, you have to change the width using CSS */
            width:1.5em;

            /* 
            This is to make the emojis feel like actual emojis to 
            the user and they won't act like images. This makes the emojis
            non-reactive to any mouse events such as dragging, 
            hovering, clicking etc. Makes it feel like its actual text.
            */
            pointer-events: none; 
        }
    </style>

 </head>
 <body>
    <h1> Welcome to Bunni Land! 🐰🐇</h1>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Twemoji Tutorial</title>

	<!-- This retrieves the latest Twemoji script -->
	<script src="https://twemoji.maxcdn.com/v/latest/twemoji.min.js" crossorigin="anonymous"></script>


	<!-- Script to render emojis as Twemojis -->
	<script>
	window.onload = function() {
	// Parses the document body and
	// inserts <img> tags in place of Unicode Emojis
	twemoji.parse(document.body,
	{folder: 'svg', ext: '.svg'} // This is to specify to Twemoji to use SVGs and not PNGs
	);

	}

	</script>

	<!-- CSS configurations to tweak how the Twemojis are displayed -->
	<style>
	img.emoji {
	/* Since we are using SVGs, you have to change the width using CSS */
	width:1.5em;

	/*
	This is to make the emojis feel like actual emojis to
	the user and they won't act like images. This makes the emojis
	non-reactive to any mouse events such as dragging,
	hovering, clicking etc. Makes it feel like its actual text.
	*/
	pointer-events: none;
	}
	</style>

	</head>
	<body>
	<h1> Welcome to Bunni Land! 🐰🐇</h1>
	</body>
	</html>