···

       
256
       
256
       
 
       
    );

     

       
257
       
257
       
 
       
    const nameElement = nameElements[nameElements.length - 1];

     

       
258
       
258
       
 
       


     

       
259
       
259
       
-
       
    console.log(nameElement);

     

       
259
       
259
       
+
       
    console.log("nameElement", nameElement);

     

       
260
       
260
       
 
       


     

       
261
       
261
       
 
       
    if (nameElement) {

     

       
262
       
262
       
 
       
      // Remove existing badge if present

     
···

       
288
       
288
       
 
       
        background-color: ${badgeColor};

     

       
289
       
289
       
 
       
        color: white;

     

       
290
       
290
       
 
       
        border-radius: 50%;

     

       
291
       
291
       
-
       
        width: 18px;

     

       
292
       
292
       
-
       
        height: 18px;

     

       
291
       
291
       
+
       
        width: 22px;

     

       
292
       
292
       
+
       
        height: 22px;

     

       
293
       
293
       
 
       
        margin-left: 8px;

     

       
294
       
294
       
-
       
        font-size: 12px;

     

       
294
       
294
       
+
       
        font-size: 14px;

     

       
295
       
295
       
 
       
        font-weight: bold;

     

       
296
       
296
       
 
       
        cursor: help;

     

       
297
       
297
       
 
       
        display: inline-flex;

     
···

       
775
       
775
       
 
       
    `;

     

       
776
       
776
       
 
       


     

       
777
       
777
       
 
       
    badgeCustomization.innerHTML = `

     

       
778
       
778
       
-
       
      <h3 style="margin-top: 0; color: white;">Badge Customization</h3>

     

       
778
       
778
       
+
       
      <h2 style="margin-top: 0; color: white;">Badge Customization</h3>

     

       
779
       
779
       
 
       


     

       
780
       
780
       
-
       
      <div style="margin-bottom: 15px;">

     

       
780
       
780
       
+
       
      <div style="margin-bottom: 1rem;">

     

       
781
       
781
       
 
       
        <p style="margin-bottom: 8px; color: white;">Badge Type:</p>

     

       
782
       
782
       
 
       
        <div style="display: flex; flex-wrap: wrap; gap: 10px;">

     

       
783
       
783
       
 
       
          <label style="display: flex; align-items: center; cursor: pointer; color: white;">

     
···

       
816
       
816
       
 
       
        </div>

     

       
817
       
817
       
 
       
      </div>

     

       
818
       
818
       
 
       


     

       
819
       
819
       
-
       
      <div style="margin-top: 20px;">

     

       
819
       
819
       
+
       
      <div style="margin-top: 20px; margin-bottom: 1rem;">

     

       
820
       
820
       
 
       
        <p style="color: white;">Preview:</p>

     

       
821
       
821
       
 
       
        <div style="display: flex; align-items: center; margin-top: 8px;">

     

       
822
       
822
       
 
       
          <span style="color: white; font-weight: bold;">User Name</span>

     
···

       
824
       
824
       
 
       
            background-color: ${getBadgeColor()};

     

       
825
       
825
       
 
       
            color: white;

     

       
826
       
826
       
 
       
            border-radius: 50%;

     

       
827
       
827
       
-
       
            width: 18px;

     

       
828
       
828
       
-
       
            height: 18px;

     

       
827
       
827
       
+
       
            width: 22px;

     

       
828
       
828
       
+
       
            height: 22px;

     

       
829
       
829
       
 
       
            margin-left: 8px;

     

       
830
       
830
       
-
       
            font-size: 12px;

     

       
830
       
830
       
+
       
            font-size: 14px;

     

       
831
       
831
       
 
       
            font-weight: bold;

     

       
832
       
832
       
 
       
            display: inline-flex;

     

       
833
       
833
       
 
       
            align-items: center;

     
···

       
1091
       
1091
       
 
       
    }

     

       
1092
       
1092
       
 
       
  };

     

       
1093
       
1093
       
 
       


     

       
1094
       
1094
       
-
       
  // Initial check

     

       
1095
       
1095
       
-
       
  checkCurrentProfile();

     

       
1096
       
1096
       
-
       


     

       
1097
       
1094
       
 
       
  const checkUserLinksOnPage = async () => {

     

       
1098
       
1095
       
 
       
    // Look for profile links with handles

     

       
1099
       
1096
       
 
       
    // Find all profile links and filter to get only one link per parent

     
···

       
1282
       
1279
       
 
       
  document.addEventListener("DOMContentLoaded", () => {

     

       
1283
       
1280
       
 
       
    // Initial check for user links

     

       
1284
       
1281
       
 
       
    checkUserLinksOnPage();

     

       
1282
       
1282
       
+
       


     

       
1283
       
1283
       
+
       
    // Initial check

     

       
1284
       
1284
       
+
       
    setInterval(checkCurrentProfile, 2000);

     

       
1285
       
1285
       
 
       


     

       
1286
       
1286
       
 
       
    // Add settings button if we're on the settings page

     

       
1287
       
1287
       
 
       
    if (window.location.href.includes("bsky.app/settings")) {