fix: Update copy button behavior in custom.html

web/_layouts/custom.html

@@ -71,26 +71,14 @@
     $(this).parent().prepend(button);
   });
 
-  var message = $('<div>').attr('id', 'copy-message').text('Text copied to clipboard').hide();
-  $('body').append(message);
-
   $('.copy-button').click(function() {
+    let btn = $(this);
     var code = $(this).siblings('code').text();
     var position = $(this).offset();
 
     navigator.clipboard.writeText(code).then(function() {
-      // Get the position of the button
-
-      // Set the position of the message
-      $('#copy-message').css({
-        top: position.top + 'px',
-        left: (position.left - $('#copy-message').width()) + 'px'
-      });
-      // Show the message
-      $('#copy-message').fadeIn('slow', function() {
-        // Hide the message after 800 ms
-        $(this).delay(800).fadeOut('slow');
-      });
+      btn.text('✅');
+      setTimeout(()=>btn.text('📋'),1800);      
     }, function() {
       // failure
       alert('Failed to copy text');

web/_site/feed.xml

@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-05-23T18:57:36+02:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Demos and labs</title><subtitle>Demos of tools and Azure services.</subtitle></feed>
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2024-05-23T19:18:55+02:00</updated><id>http://localhost:4000/feed.xml</id><title type="html">Demos and labs</title><subtitle>Demos of tools and Azure services.</subtitle></feed>

web/_site/prompt-engineering.html

@@ -523,26 +523,14 @@ <h2 id="some-more-example-prompts">Some more example prompts</h2>
     $(this).parent().prepend(button);
   });
 
-  var message = $('<div>').attr('id', 'copy-message').text('Text copied to clipboard').hide();
-  $('body').append(message);
-
   $('.copy-button').click(function() {
+    let btn = $(this);
     var code = $(this).siblings('code').text();
     var position = $(this).offset();
 
     navigator.clipboard.writeText(code).then(function() {
-      // Get the position of the button
-
-      // Set the position of the message
-      $('#copy-message').css({
-        top: position.top + 'px',
-        left: (position.left - $('#copy-message').width()) + 'px'
-      });
-      // Show the message
-      $('#copy-message').fadeIn('slow', function() {
-        // Hide the message after 800 ms
-        $(this).delay(800).fadeOut('slow');
-      });
+      btn.text('✅');
+      setTimeout(()=>btn.text('📋'),1800);      
     }, function() {
       // failure
       alert('Failed to copy text');