the home of serif.blue
feat: make the profile check more resiliant and the icons bigger
+13
-13
+13
-13
bluesky-community-verifications.user.js
+13
-13
bluesky-community-verifications.user.js
···
256
256
);
257
257
const nameElement = nameElements[nameElements.length - 1];
258
258
259
-
console.log(nameElement);
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
-
width: 18px;
292
-
height: 18px;
291
+
width: 22px;
292
+
height: 22px;
293
293
margin-left: 8px;
294
-
font-size: 12px;
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
-
<h3 style="margin-top: 0; color: white;">Badge Customization</h3>
778
+
<h2 style="margin-top: 0; color: white;">Badge Customization</h3>
779
779
780
-
<div style="margin-bottom: 15px;">
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
-
<div style="margin-top: 20px;">
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
-
width: 18px;
828
-
height: 18px;
827
+
width: 22px;
828
+
height: 22px;
829
829
margin-left: 8px;
830
-
font-size: 12px;
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
-
// Initial check
1095
-
checkCurrentProfile();
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
+
1283
+
// Initial check
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")) {