Added petplay in services; changed paypal to a link in book.

.vscode/settings.json

@@ -22,6 +22,7 @@
         "Oculophilia",
         "outcall",
         "outcalls",
+        "Petplay",
         "Safeword",
         "sexwork",
         "sexworker",

about.html

@@ -145,6 +145,8 @@
 
                     <div class="service"><img src="/images/services/neck-bruise.webp"><p>Bruising / Bitemarks. (Giving & Receiving)</p></div>
 
+                    <div class="service"><img src="/images/placeholder.png"><p>Petplay. (Giving & Receiving)</p></div>
+
                     <button class="service_dropdown_button">
                         <div class="service"><img src="/images/placeholder.png"><p>Oculophilia / Oculolinctus. (Giving)<br><img class="service_arrow" src="/images/arrow.svg"></p></div>
                         <div class="service_dropdown_text" onmousedown="location.href='services-expanded#eyes'">You can <a href="services-expanded#eyes">click here</a> to find out what this kink is + any safety stuff.</div>

book.html

@@ -200,10 +200,10 @@ Thankyou."></textarea></label>
                     </li>
 
                     <li>
-                        <div class="payment_method" id="paypal" data-address="paypal.me/AlexandraCeleste0" onclick="copy_to_clipboard(event)">
+                        <div class="payment_method clickable" id="paypal" data-address="https://paypal.me/AlexandraCeleste0" onclick="open_in_new_tab(event)">
                             <img src="/images/payment_methods/PayPal.svg" alt="PayPal" id="pay_pal">
                             <p><b>PayPal:</b>
-                            <br>Click to copy</p>
+                            <br><a href="https://paypal.me/AlexandraCeleste0" target="_blank">Click to goto</a></p>
                         </div>
                     </li>
 
@@ -216,7 +216,7 @@ Thankyou."></textarea></label>
                     </li>
 
                     <li>
-                        <div class="payment_method" id="bitcoin" data-address="bc1qct3nxp998vkgwtg2td3c2kupt8dfdaw7fnl5hy" onclick="copy_to_clipboard(event)">
+                        <div class="payment_method clickable" id="bitcoin" data-address="bc1qct3nxp998vkgwtg2td3c2kupt8dfdaw7fnl5hy" onclick="copy_to_clipboard(event)">
                             <img src="/images/payment_methods/bitcoin-btc-logo.svg" alt="Bitcoin" id="bitcoin">
                             <p><b>Bitcoin:</b>
                             <br>Click to copy</p>
@@ -224,7 +224,7 @@ Thankyou."></textarea></label>
                     </li>
 
                     <li>
-                        <div class="payment_method" id="ethereum" data-address="0x69509D4a6e98D2Ac5fbE087e6230B34Ded72068B" onclick="copy_to_clipboard(event)">
+                        <div class="payment_method clickable" id="ethereum" data-address="0x69509D4a6e98D2Ac5fbE087e6230B34Ded72068B" onclick="copy_to_clipboard(event)">
                             <img src="/images/payment_methods/ethereum-eth-logo.svg" alt="Ethereum" id="ethereum">
                             <p><b>Ethereum:</b>
                             <br>Click to copy

css/body.css

@@ -440,6 +440,10 @@ body {
     border: 1px solid;
 }
 
+.clickable {
+    cursor: pointer;
+}
+
 #cash {
     height: 60px;
 }
@@ -450,7 +454,6 @@ body {
 
 #pay_pal {
     height: 60px;
-    cursor: pointer;
 }
 
 #gift_cards {
@@ -460,12 +463,10 @@ body {
 
 #bitcoin {
     height: 60px;
-    cursor: pointer;
 }
 
 #ethereum {
     height: 60px;
-    cursor: pointer;
 }
 
 #card {

js/copy_to_clipboard.js

@@ -13,4 +13,15 @@ function find_address(element) {
     else {
         return find_address(element.parentNode);
     }
-};
+};
+
+function open_in_new_tab(event) {
+    let element = event.target;
+
+    if (event.target.nodeName != "A") {
+        let url = find_address(element);
+
+        let win = window.open(url, '_blank');
+        win.focus();
+    }
+}