A collection of tools to enhance Steam.
当前为
// ==UserScript==
// @name Steam Enhanced
// @namespace https://greasyfork.org/en/users/961305-darkharden
// @match https://steamcommunity.com/*
// @include /^https?:\/\/steamcommunity.com\/(id\/+[A-Za-z0-9$-_.+!*'(),]+|profiles\/7656119[0-9]{10})\/friends\/?$/
// @version 1.1.9
// @author Schalk Burger <[email protected]>
// @description A collection of tools to enhance Steam.
// @license MIT
// ==/UserScript==
// TODO
// 1. Auto refresh Steam market when it doesn't load
// Code change
// sdfsd
// 1. Upload Artwork & Enable Custom Uploads Buttons
// 2. Steam Profile Artwork Tool Buttons
// 3. Symbols & Characters
// 3. Steam Mass Comments Poster Vanilla
// 4. Steam Copy Avatar Frame Source
// 5. Steam Replace Avatar Frame Source
// 6. Reload Steam market function
(function () {
"use strict";
let version = GM_info.script.version;
console.log(`Steam Enhanced Version ${version}`);
// Inject Steam Profile Artwork Tool styles
let css = `
.steam-enhanced {
box-shadow: 1px 1px 0px 0px rgb(8 17 30 / 75%);
position: absolute;
z-index: 600;
top: 10px;
right: 20px;
opacity: 1;
width: 100%;
max-width: 160px;
margin-bottom: 10px;
padding: 6px 6px 6px 10px;
background: #171d25;
border-radius: 4px;
}
.steam-enhanced.pinned {
position: fixed;
}
.steam-enhanced:hover {
opacity: 1;
}
.steam-enhanced h4 {
display: flex;
justify-content: space-between;
width: 100%;
font-size: 13px;
font-weight: 500;
color: #b8b6b4;
}
.steam-enhanced h4 span {
display: flex;
width: 100%;
max-width: 50px;
justify-content: space-around;
}
.steam-enhanced h4 i#steamEnhancedToggle {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMAQMAAAC6HhTBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAxcPCp77KdQAAAAJ0Uk5TAP9bkSK1AAAAGklEQVR4nGNgQAPMfxgYGH8AGR+AOAFdlgEAUsADSd64CbwAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
}
.steam-enhanced h4 i#steamEnhancedToggle.toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMAQMAAAC6HhTBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAxcPCp77KdQAAAAJ0Uk5TAP9bkSK1AAAAGUlEQVR4nGNgQAcJQPyBgYHxBwMD8x8MWQBLKANJzkSRZQAAAABJRU5ErkJggg==);
}
.steam-enhanced h4 i#steamEnhancedPin {
display: inline-block;
width: 20px;
height: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAALtJREFUOE/Vk9ERwiAMhv+og3QPBDsKTGKdhG5SBXuO4SaNV671CPXqQ1+UJ46QL8n/A2Hjoo35WAD6GHgNqrQROUvAPXgwLBhOgAgehFYdjThfAkKwIPiyUuqM4ZQxbQ7+RUCMZ4CbjyN80+DRddVw2D8BapTWl3zWfgQT24HJaa2vc0xo0M8OEIRQ42ViVAzUpRMSMDqwwymrXE/7d0UMuOVOrL7E1BGA0vtVG8Xc/w+IMSYRc9vKj/YChYhmESTC7boAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
background-size: 12px 12px;
}
.steam-enhanced h4 i#steamEnhancedPin.toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKdJREFUOE9jZKAQMFKonwHDgCuXLv7HZ6iOnj6KHiwGXJjPwMCYgN2Q/wt09AwSkeUwDLh66VLCf4b/87EZwMjAmKitp7dgsBtw+WL9//8MDWSFwfXz5xX+MjPdxxMLD/4z/kvU1TU8AFODEohXLuGLAZgW1JhAMQASA//sES5gdICw/yPZyHQQOSbwpkSIixgY0OMebzQiSw4DAy5fPg8ORORoQ49iAFq1UxFzHZ4rAAAAAElFTkSuQmCC);
}
.steam-enhanced a:hover {
text-decoration: underline;
}
.steam-enhanced-container {
padding: 10px 0 0 5px;
}
.steam-enhanced-container.hide {
display: none;
}
.upload-artwork-link,
.change-profile-theme {
position: relative;
}
.upload-artwork-link:hover {
text-decoration: underline;
}
.change-profile-theme-container {
display: flex;
flex-direction: column;
}
.change-profile-theme {
z-index: 400;
overflow: visible;
min-width: 150px;
min-height: 20px;
cursor: pointer;
color: #fff;
}
details>summary {
list-style: none;
display: flex;
}
summary::-webkit-details-marker {
display: none
}
summary::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(243,240,240,1)'%3E%3Cpath d='M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z'%3E%3C/path%3E%3C/svg%3E");
width: 16px;
height: 16px;
display: inline-block;
background-size: cover;
}
details[open] summary:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(255,255,255,1)'%3E%3Cpath d='M12 11.8284L9.17154 14.6569L7.75732 13.2426L12 9L16.2426 13.2426L14.8284 14.6569L12 11.8284Z'%3E%3C/path%3E%3C/svg%3E");
}
.change-profile-theme details {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.change-profile-theme details summary {
user-select: none;
}
.preview-background {
z-index: 300;
}
.preview-avatar-frame {
z-index: 200;
}
.useful-links {
z-index: 500;
}
.change-profile-theme .color-themes,
.change-profile-theme .useful-links {
box-shadow: 0px 1px 2px 2px rgb(8 17 30 / 75%);
display: flex;
flex-direction: column;
min-width: 130px;
margin-top: 10px;
margin-left: -5px;
padding: 15px;
padding-top: 5px;
padding-left: 15px;
background-color: #171d25;
border-top: 1px solid rgb(255 255 255 / 25%);
border-radius: 4px;
color: #fff;
}
.change-profile-theme .useful-links span {
display: block;
margin: 6px 0 4px 0;
}
.change-profile-theme .color-themes span {
display: block;
margin: 6px 0 4px 0;
}
.change-profile-theme .color-themes span:hover {
text-decoration: underline;
}
#manage_friends .friends-comments-textarea {
width: 100%;
}
#manage_friends.manage_friends_panel.manage {
padding-bottom: 20px;
}
.friend_block_v2 .indicator {
background-color: #1c4057;
}
#showSymbols {
margin-left: 0;
}
#symbolsModal {
box-shadow: 0 0 12px #000000;
display: none;
position: fixed;
z-index: 700;
top: 10px;
right: 10px;
overflow: hidden;
overflow-y: scroll;
width: 340px;
height: calc(95vh);
padding: 15px;
padding-top: 0;
background-color: #171d25;
cursor: auto;
border: none;
color: #fff;
}
#symbolsModal.show {
display: block;
}
#symbolsModal.hide {
display: none;
}
#symbolsModal #close {
position: fixed;
top: 20px;
right: 34px;
font-size: 18px;
color: transparent;
text-shadow: 0 0 0 white;
}
#symbolsModal a {
display: block;
color: #1a9fff;
}
.symbol-picker {
position: relative;
}
.commentthread_entry_quotebox .commentthread_textarea {
resize: vertical;
min-height: 80px;
padding: 5px;
}
.symbolsDialog {
box-shadow: 0 0 12px #000000;
width: 500px;
height: calc(50vh);
padding: 15px;
padding-top: 0;
background-color: #3b3938;
border: none;
color: #fff;
}
.subSectionTitle {
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 0px;
font-size: 18px;
color: #fff;
}
.symbols-container {
position: relative;
top: 0;
overflow: auto;
max-width: 590px;
max-height: 500px;
background: none;
}
.symbols-container details {
padding: 15px;
transition: all 0.3s ease-out;
}
.symbols-container details[open] {
padding: 15px;
background: #171d25;
}
.symbols-container summary {
cursor: pointer;
}
.profileedit_ProfileBoxContent_3s6BB .symbols-container {
top: -32px;
left: 0;
}
.profileedit_ProfileBoxContent_3s6BB .symbols-container details[open] {
background-color: rgba(0, 0, 0, 0.25);
}
.customtext_showcase + .symbols-container {
top: 10px;
left: 0;
}
.customtext_showcase + .symbols-container details[open] {
background-color: transparent;
}
.profile_content.has_profile_background {
overflow: visible;
}
.profile_count_link {
min-height: 20px;
margin-bottom: 4px;
font-size: 12px;
}
.active-theme span {
color: #2e83c9;
}
.profile-autoreload-market {
display: flex;
line-height: normal;
}
.steamProfileArtworkContainer {
display: block;
width: 100%;
height: auto;
background: #17222f;
}
.steamProfileArtworkContainer > div {
padding-left: 20px;
}
.buttonsContainer {
display: flex;
align-items: center;
width: 100%;
height: 60px;
}
input[type="text"].fieldInputSuccess {
position: relative;
}
.alertBlankTitleSet,
.alertCustomArtworkEnabled {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
top: 0;
left: 0;
opacity: 1;
width: auto;
height: 37px;
margin: 15px 0 0 0px;
background: transparent;
font-size: 16px;
line-height: 1;
color: #22830f;
}
.alertBlankTitleSet,
.alertCustomArtworkEnabled.longWorkshopGuideEnabled {
margin-top: 0;
}
.modifyArtworkInstructions blockquote {
font-size: 14px;
line-height: 1.6;
}
.modifyArtworkInstructions blockquote ol {
font-size: 16px;
}
.modifyArtworkInstructions blockquote ol li {
margin-bottom: 10px;
}
.modifyArtworkInstructions blockquote code {
padding: 2px 4px;
background: #1a1a1a;
}
.hexEditInstructionsVideo {
display: flex;
flex-direction: column;
margin-top: 20px;
padding-top: 10px;
background-image: url(https://store.akamai.steamstatic.com/public/images/v6/maincol_gradient_rule.png);
background-repeat: no-repeat;
background-position: top left;
}
.hexEditInstructionsVideo details {
margin-left: 5px;
cursor: pointer;
}
.hexEditInstructionsVideo {
font-size: 16px;
}
.embed-container {
position: relative;
overflow: hidden;
max-width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.customArtworkButtons {
display: flex;
justify-content: center;
align-items: center;
height: auto;
min-height: 32px;
padding: 0 5px;
font-size: 15px;
}
.customArtworkButtons details {
font-size: 16px;
}
.customArtworkButtons details[open] {
position: relative;
top: 0;
}
.customArtworkButtons details[open] summary {
position: relative;
top: 0;
}
.customArtworkButtonsWrapper {
display: flex;
flex-direction: column;
position: absolute;
z-index: 400;
top: calc(100% + 2px);
left: 0;
width: 100%;
padding-bottom: 10px;
background: rgb(29 77 104);
}
.customArtworkButtonsWrapper a {
position: relative;
z-index: 400;
min-width: 140px;
padding: 2px 0;
}
.enable-custom-artwork-button {
padding: 0 15px;
line-height: 30px;
}
#mainContents .pageTitle {
margin-bottom: 10px;
}
.blank-title-added {
pointer-events: none;
opacity: 0.5;
}
.switch {
display: block;
margin-left: 8px;
}
.switch input {
display: none;
}
.switch label {
display: block;
width: 20px;
height: 7px;
padding: 3px;
transition: 0.3s;
cursor: pointer;
border: 1px solid #ffffff;
border-radius: 15px;
}
.switch label::after {
content: "";
display: inherit;
width: 6px;
height: 6px;
transition: 0.3s;
background: #ffffff;
border-radius: 12px;
}
.switch input:checked ~ label {
background: #343434;
border-color: #ffffff;
}
.switch input:checked ~ label::after {
translate: 14px 0;
background: #ffffff;
}
.switch input:disabled ~ label {
opacity: 0.5;
cursor: not-allowed;
}
.detailBox {
background: transparent;
}
.divider {
margin: 5px 0 10px 0;
display: block;
width: 90%;
height: 1px;
background: transparent;
box-shadow: 0px 1px 0px 0px rgb(255 255 255 / 25%);
}
`,
head = document.head || document.getElementsByTagName("head")[0],
style = document.createElement("style");
head.appendChild(style);
style.type = "text/css";
if (style.styleSheet) {
// This is required for IE8 and below.
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
//* ==========================================================================
//* 1. Upload Artwork & Enable Custom Uploads Buttons
//* ==========================================================================
//* Upload custom artwork button to profile
(function () {
"use strict";
function rafAsync() {
return new Promise((resolve) => requestAnimationFrame(resolve));
}
async function checkElement(selector) {
let querySelector = null;
while (querySelector === null) {
await rafAsync();
querySelector = document.querySelector(selector);
}
return querySelector;
}
// Check if on profile page
checkElement("#global_header").then((element) => {
console.log("global_header");
function setUploadArtworkButton() {
const uploadArtworkURL = `https://steamcommunity.com/sharedfiles/edititem/767/3/`;
const uploadCustomArtworkButtonContainer = document.createElement("div");
uploadCustomArtworkButtonContainer.id = "steamEnhanced";
uploadCustomArtworkButtonContainer.className = "steam-enhanced";
// Get body classes
const bodyClasses = Array.from(document.querySelectorAll("body"));
let bodyClassesOutput = bodyClasses.flatMap((div, idx) => {
let bodyClassesList = div.classList.value.split(" ");
// console.log(bodyClassesList);
let matches = bodyClassesList.filter((cls) => cls.includes("Theme"));
return [matches];
});
// console.log("Body class array bodyClassesOutput:", bodyClassesOutput);
const currentTheme = bodyClassesOutput[0].toString();
// console.log("Body class theme:", bodyClassesOutput[0].toString());
uploadCustomArtworkButtonContainer.setAttribute("data-panel", "{'maintainX':true,'bFocusRingRoot':true,'flow-children':'row'}");
// Create Buttons
uploadCustomArtworkButtonContainer.innerHTML = `
<header><h4>Steam Enhanced <span><i id="steamEnhancedPin"></i> <i id="steamEnhancedToggle"></i></span></h4></header>
<div id="steamEnhancedContainer" class="steam-enhanced-container hide">
<div class="profile_count_link">
<a id="backToTop">Back To Top</a>
</div>
<div class="profile_count_link">
<a id="reloadPage">Reload Page</a>
</div>
<div class="profile_count_link profile-autoreload-market">
<a id="#">Reload Market</a>
<span class="switch">
<input id="switch-rounded" type="checkbox" />
<label for="switch-rounded"></label>
</span>
</div>
<div class="profile_count_link">
<div class="change-profile-theme useful-links">
<details>
<summary>Quick Links</summary>
<div class="useful-links">
<div class="profile_count_link">
<a href="https://steamcommunity.com/my/">Profile</a>
</div>
<div class="profile_count_link">
<a href="https://steamcommunity.com/my/friends">Friends</a>
</div>
<div class="profile_count_link">
<a href="https://steamcommunity.com/my/inventory">Inventory</a>
</div>
<div class="profile_count_link">
<a href="https://steamcommunity.com/my/tradeoffers">Trade Offers</a>
</div>
<div class="profile_count_link">
<a href="https://steamcommunity.com/my/friends/add">Add Friend</a>
</div>
<div class="profile_count_link">
<a id="steamChatLink">Chat</a>
</div>
<div class="profile_count_link">
<a id="steamIDLink" target="_blank">SteamID</a>
</div>
<div class="divider"></div>
<span><a href="https://steamstat.us/" target="_blank">Steam Status</a></span>
<span><a href="https://steamdb.info/sales/history/" target="_blank">Steam Sale Dates</a></span>
<span><a href="https://steamrep.com/" target="_blank">SteamRep</a></span>
<span><a href="https://steamid.io/" target="_blank">Steam ID Lookup</a></span>
</div>
</details>
</div>
</div>
<div class="profile_count_link">
<a id="showSymbols">Symbols & Characters</a>
</div>
<div class="profile_count_link">
<a class="upload-artwork-link" href="https://steamcommunity.com/sharedfiles/edititem/767/3/"><span>Upload artwork</span></a>
</div>
<div class="profile_count_link">
<div class="change-profile-theme">
<details>
<summary>Preview Theme</summary>
<div class="active-theme" style="display:none"><span>(${currentTheme})</span></div>
<div class="color-themes">
<span class="change-theme" id="DefaultTheme">Default Theme</span>
<span class="change-theme" id="SummerTheme">Summer</span>
<span class="change-theme" id="MidnightTheme">Midnight</span>
<span class="change-theme" id="SteelTheme">Steel</span>
<span class="change-theme" id="CosmicTheme">Cosmic</span>
<span class="change-theme" id="DarkModeTheme">DarkMode</span>
<span class="change-theme" id="Steam3000Theme">Steam3000Theme</span>
<span class="change-theme" id="GameProfileTheme">GameProfileTheme</span>
<span class="change-theme" id="SteamDeckTheme">SteamDeckTheme</span>
</div>
</details>
</div>
</div>
<div class="profile_count_link">
<div class="change-profile-theme preview-background">
<details>
<summary>Preview Background</summary>
<div class="color-themes">
<span class="change-theme" id="DefaultTheme">Background</span>
</div>
</details>
</div>
</div>
<div class="profile_count_link">
<div class="change-profile-theme preview-avatar-frame">
<details>
<summary>Preview Avatar Frame</summary>
<div class="color-themes">
<span class="change-theme" id="DefaultTheme">Avatar Frame</span>
</div>
</details>
</div>
</div>
<div class="divider"></div>
</div>
`;
// #mainContents
// const steamEnhancedContainer = document.getElementById("responsive_page_template_content");
const steamEnhancedWrapper = document.getElementById("responsive_page_template_content") || document.getElementById("mainContents");
if (steamEnhancedWrapper) {
steamEnhancedWrapper.appendChild(uploadCustomArtworkButtonContainer);
}
const backToTopButton = document.getElementById("backToTop");
// Add a click event listener to the element
backToTopButton.addEventListener("click", function () {
// Scroll to the top of the page
window.scrollTo({
top: 0,
behavior: "smooth", // You can use 'auto' or 'smooth' for smooth scrolling
});
});
// Reload Page Functionality
const reloadPageButton = document.getElementById("reloadPage");
reloadPageButton.addEventListener("click", function () {
location.reload();
});
// Steam Enhanced Toggle
const steamEnhancedToggle = document.getElementById("steamEnhancedToggle");
const steamEnhancedContainer = document.getElementById("steamEnhancedContainer");
steamEnhancedToggle.addEventListener("click", function () {
console.log("steamEnhancedToggle clicked");
steamEnhancedToggle.classList.toggle("toggle");
steamEnhancedContainer.classList.toggle("hide");
});
// Steam Enhanced Pin
const steamEnhancedPin = document.getElementById("steamEnhancedPin");
const steamEnhanced = document.getElementById("steamEnhanced");
const isPinned = localStorage.getItem("steamEnhancedPinned") === "true";
if (isPinned) {
steamEnhanced.classList.add("pinned");
steamEnhancedPin.classList.add("toggle");
}
steamEnhancedPin.addEventListener("click", function () {
console.log("steamEnhancedPin clicked");
steamEnhanced.classList.toggle("pinned");
// Save 'pinned' class state to local storage
const isCurrentlyPinned = steamEnhanced.classList.contains("pinned");
localStorage.setItem("steamEnhancedPinned", isCurrentlyPinned);
// Toggle 'toggle' class on steamEnhancedPin
steamEnhancedPin.classList.toggle("toggle");
});
// Steam Chat Popup
function openSteamChat() {
// URL to open in the popup window
const url = "https://steamcommunity.com/chat/";
// Define the properties of the popup window
const popupWidth = 1035;
const popupHeight = 800;
const popupOptions = `width=${popupWidth},height=${popupHeight},top=${(window.innerHeight - popupHeight) / 2},left=${
(window.innerWidth - popupWidth) / 2
},resizable=yes,scrollbars=yes,status=yes`;
// Open the popup window
const popupWindow = window.open(url, "SteamChatPopup", popupOptions);
// Focus the popup window (optional)
if (popupWindow) {
popupWindow.focus();
}
}
const steamChatLink = document.getElementById("steamChatLink"); // Replace with the actual ID or selector of your link
if (steamChatLink) {
steamChatLink.addEventListener("click", function (event) {
event.preventDefault(); // Prevent the default link behavior
openSteamChat(); // Call the function to open the popup window
});
}
// SteamID Lookup
let userinfo = null;
let steamID = null;
if (window.application_config?.dataset?.userinfo) {
userinfo = JSON.parse(window.application_config.dataset.userinfo);
steamID = userinfo.steamid;
console.log("SteamID:", steamID);
// Example: Call the function with the specific URL when a link is clicked
const steamIDLink = document.getElementById("steamIDLink"); // Replace with the actual ID or selector of your link
// const steamID = "123456"; // Replace with your actual steamID
if (steamIDLink) {
steamIDLink.addEventListener("click", function (event) {
event.preventDefault(); // Prevent the default link behavior
const steamIDURL = "https://steamid.io/lookup/" + steamID;
openInNewTab(steamIDURL); // Call the function to open the specific URL in a new tab
});
}
} else {
console.log("No valid userinfo found, are you logged in?");
return;
}
function openInNewTab(url) {
const newTab = window.open(url, "_blank");
if (newTab) {
newTab.focus();
}
}
// Toggle details elements to close
// Get all details elements
const detailsElements = document.querySelectorAll("details");
// Add event listener to each details element
detailsElements.forEach((detailsElement) => {
detailsElement.addEventListener("click", () => {
// Close all other details elements
detailsElements.forEach((otherDetails) => {
if (otherDetails !== detailsElement) {
otherDetails.removeAttribute("open");
}
});
});
});
// ========================================================================== //
// Change profile theme button
// ========================================================================== //
// Change profile theme
const bodyClass = document.querySelector("body.profile_page");
const activeThemeSpan = document.querySelector(".active-theme span");
const changeProfileThemeButtonsDetails = document.querySelector(".change-profile-theme details");
const changeProfileThemeButtons = document.querySelectorAll(".change-theme");
for (let i = 0; i < changeProfileThemeButtons.length; i++) {
const changeProfileThemeButton = changeProfileThemeButtons[i];
const changeProfileThemeButtonID = changeProfileThemeButton.id;
const themeColorArray = ["DefaultTheme", "SummerTheme", "MidnightTheme", "SteelTheme", "CosmicTheme", "DarkModeTheme", "Steam3000Theme", "GameProfileTheme", "SteamDeckTheme"];
changeProfileThemeButton.addEventListener("click", () => {
console.log("Change theme to:", changeProfileThemeButtonID);
bodyClass.classList.remove(...themeColorArray);
bodyClass.classList.add(changeProfileThemeButtonID);
activeThemeSpan.innerHTML = `<span>${changeProfileThemeButtonID}</span>`;
// bodyClass.classList.replace("DarkModeTheme", changeProfileThemeButtonID)
changeProfileThemeButtonsDetails.removeAttribute("open");
});
}
}
setTimeout(setUploadArtworkButton, 0);
});
// 3. Symbols & Characters
checkElement("#global_header").then((element) => {
function setCommentSymbolsPicker() {
console.log("setCommentSymbolsPicker");
const symbolsDialogDetails = document.createElement("div");
symbolsDialogDetails.className = "symbols-container symbols-modal-container";
symbolsDialogDetails.innerHTML = `
<div id="symbolsModal" class="symbols-modal">
<a id="close">×</a>
<div class="subSection detailBox" id="2050699">
<div class="subSectionTitle">Invisible Spacers</div>
<div class="subSectionDesc">
For those needing spacers for anything they are doing, but regular spaces (using the space bar) do not properly register. Simply copy and paste the space between the two " | " and use that for
all your spacing needs: |⠀⠀⠀⠀⠀⠀⠀⠀⠀|
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356403">
<div class="subSectionTitle">Symbols & Fonts Websites</div>
<div class="subSectionDesc">
<a href="https://fsymbols.com/generators/" target="_blank">Font generator</a>
<a href="https://text-art.top/" target="_blank">Text art</a>
<a href="https://steam.tools/mosaticon/" target="_blank">Mosaticon</a>
<div style="clear: both"></div>
</div>
</div>
<div class="subSection detailBox" id="1356403">
<div class="subSectionTitle">Animals & Insects</div>
<div class="subSectionDesc">
🐸 🐢 🐍 🐲🐉 🙈 🙊 🙉🐒🦍🐶🐕🐩🐺🦊🐱🐈🦁🐯🐅🐆🐴🐎🦄🦓🐮🐂🐃🐄🐷🐖🐗🐽🐏🐑 🐐 🐪 🐫 🦒 🐘 🦏 🐭 🐁 🐀 🐹 🐰 🐇 🐿 🦔 🦇 🐻 🐨 🐼 🐾 🦃 🐔 🐓🐣 🐤 🐥 🐦 🐧 🦅 🦆 🦉🦕🦖 🐳🐋 🐬 🐟 🐠 🐡 🐡🐙 🐌
🦈 🐚 🦀 🦐 🦑 🐌 🦋 🐛🐜 🐝 🐞 🦗 🕷 🕸 🦂
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1355840">
<div class="subSectionTitle">Arrows</div>
<div class="subSectionDesc">
➟ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➘ ➙ ➛ ➜ ➝ ➞ ➸ ➲ ➳ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ➫ ➬ ➩ ➪ ➭ ➮ ➯ ➱ ↩ ↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊
⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝ ⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳ ⇴ ⇵ ⇶ ⇷ ⇸ ⇹ ⇺ ⇻ ⇼ ⇽ ⇾ ⇿ ☇ ☈
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050601">
<div class="subSectionTitle">Chess Pieces</div>
<div class="subSectionDesc">
♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050598">
<div class="subSectionTitle">Crosses</div>
<div class="subSectionDesc">
† ✞ ✛ ✙ ☩ † ☨ ✞ ✝ ☥ ☦✞ ✜✝✙ ✠
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050526">
<div class="subSectionTitle">Emergency & Medicine</div>
<div class="subSectionDesc">
🚓 🚑 🚒 🏥 💉 💊
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356343">
<div class="subSectionTitle">Food</div>
<div class="subSectionDesc">
🍄🍏🍎🍐🍊🍋🍌🍉🍇🍓🍈🍒🍑🍍🥝🥑🍅🍆🥒🥕🌽🌶🥔🍠🌰🥜🍯🥐🍞🥖🧀🥚🍳🥓🥞🍤🍗🍖🍕🌭🍔🍟🥙🌮🌯🥗🥘🍝🍜🍲🍥🍣🍱🍛🍙🍚🍘🍢🍡🍧 🎂 🍰🍨🍦🍮🍭🍬🍫🍿🍩🍪🥛🍼☕🍵🍶🍺🍻🥂🍷🥃🍸🍹🍾🥄🍴🍽🔪
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356328">
<div class="subSectionTitle">Hands, Faces & People</div>
<div class="subSectionDesc">
😀 😁 😂 🤣 😃 😄 😅 😆 😉 😊 😋 😎 😍 😘 😗 😙 😚 🙂 🤗 🤩 🤔🤨 😐 😑 😶 🙄 😏 😣 😥😮 🤐 😯 😪 😫 😴😌 😛😜 😝 🤤 😒 😓 😔😕 🙃 🤑 😲 🙁 😖 😞 😟 😤 😢<br />😭😦 😧😨 😩 🤯😬 😰 😱😳🤪 😵 😡
😠 🤬 😷 🤒 🤕 🤢 🤮 🤧 😇 🤠🤡 🤥 🤫 🤭 🧐 🤓 😈 👿 👹 👺 💀 👻 👽 🤖 💩 😺 😸 😹 😻 😼 😽 🙀 😿 😾 👶 👦 👧 👨 👩 👴 <br />👵 👨⚕️ 👩⚕️ 👨🎓 👩🎓 👨⚖️ 👩⚖️👨🌾 👩🌾 👨🍳 👩🍳 👨🔧👩🔧👨🏭 👩🏭 👨💼 👩💼👨🔬 👩🔬 👨💻 👩💻 👨🎤👩🎤 👨🎨 👩🎨
👨✈️ 👩✈️ 👨🚀 👩🚀 <br />👨🚒 👩🚒 👮 👮♂️ 👮♀️ 🕵 🕵️♂️ 🕵️♀️ 💂 💂♂️ 💂♀️ 👷 👷♂️ 👷♀️ 🤴 👸 👳👳♂️ 👳♀️ 👲 🧕 🧔 👱 <br />👱♂️👱♀️ 🤵 👰 🤰🤱 👼 🎅 🤶 🧙♀️ 🧙♂️ 🧚♀️ 🧚♂️ 🧛♀️ 🧛♂️ 🧜♀️ 🧜♂️ 🧝♀️ 🧝♂️ 🧞♀️ 🧞♂️🧟♀️ <br />🧟♂️🙍 🙍♂️ 🙍♀️ 🙎 🙎♂️ 🙎♀️ 🙅 🙅♂️ 🙅♀️ 🙆
🙆♂️ 🙆♀️💁 💁♂️💁♀️ 🙋 🙋♂️ 🙋♀️ 🙇 🙇♂️<br />🙇♀️ 🤦 🤦♂️ 🤦♀️ 🤷 🤷♂️🤷♀️ 💆 💆♂️ 💆♀️💇 💇♂️ 💇♀️ 🤷🚶 🚶♂️ 🚶♀️ 🏃🏃♂️ 🏃♀️ 💃 🕺 👯👯♂️ <br />👯♀️ 🧖♀️ 🧖♂️ 🕴 🗣👤 👥 👫👬 👭💏 👨❤️💋👨 👩❤️💋👩 💑 👨❤️👨 👩❤️👩 👪 👨👩👦 👨👩👧 👨👩👧👦 👨👩👦👦 👨👩👧👧 👨👨👦 👨👨👧 👨👨👧👦 👨👨👦👦 <br />👨👨👧👧 👩👩👦 👩👩👧
👩👩👧👦 👩👩👦👦 👩👩👧👧 👨👦 👨👦👦 👨👧 👨👧👦 👨👧👧 👩👦 👩👦👦 👩👧 👩👧👦 👩👧👧 🤳 💪 👈 👉 ☝ 👆 🖕 👇 ✌ 🤞 🖖 🤘 🖐 <br />✋ 👌 👍 👎 ✊ 👊🤛 🤜 🤚 👋 🤟 ✍ 👏 👐 🙌 🤲 🙏 🤝 💅 👂 👃 👣 👀 🧠 👅 👄 💋 👨🎤 <br />👩🎤 💃 🕺 👯♂️ 👯♀️
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050605">
<div class="subSectionTitle">Gender Signs</div>
<div class="subSectionDesc">
♀ ♂ ⚢ ⚣ ⚤ ⚥ ☿ ♁ ⚧
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050535">
<div class="subSectionTitle">Geometric</div>
<div class="subSectionDesc">
☐ Ↄ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▰ ▱ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ▲▼△▽⊿ ◤ ◥ ◣ ◢ ◦ ◧ ◨ ◩ ◪ ◫ ◬ ◭ ◮ ◯ ⍁ ⍂ ⍃ ⍄ ⌷ ⌸ ⌹ ⌺ ⌻ ⌼ ⌿ ⍀ ⍅ ⍆ ⍇ ⍈ ⍉ ⍊ ⍋ ⍌ ⍍ ⍎ ⍏ ⍐ ⍑ ⍒ ⍓ ⍔
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2534949">
<div class="subSectionTitle">Halloween</div>
<div class="subSectionDesc">
😨 😰 😱 🤡 😈 👿 👹 👺 💀 ☠️👻 👽 👾 🤖 🕵 👸 🧙 ⚱️⚰️⛓️🧙♀️🧙♂️ 🧚 🧚♀️ 🧚♂️ <br />
🧛 🧛♀️ 🧛♂️ 🧜 🧜♀️ 🧜♂️ 🧝 🧝♀️ 🧝♂️ 🧞 🧞♀️ 🧞♂️ 🧟 🧟♀️ 🧟♂️ 🕴 💚🖤 🦄 🦇🦉 🕷️🕸️🥀 <br />
🍫 🍬 🍭 🌃 🛸🌕 🌚 ⚡🎃 🔮🎭 🕯️🗡️<br /><br />
<br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356331">
<div class="subSectionTitle">Hearts & Love</div>
<div class="subSectionDesc">
ღ ♥ ♡ ❤ ➳♥ ❥ ❦ ❧ ❣ 💕 💔💘 💓 💔 💖 💗 💌🖤 💜 💙 💚 💛🧡 💞 💟 💝<br /><br />👰 💍 💒 🏩 💑 💏<br /><br /><br /><br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1355831">
<div class="subSectionTitle">Letters</div>
<div class="subSectionDesc">
Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ<br />ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ<br /><br />₠ ₡ ₢ ₣ ₤ ₥ ₦ ₧ ₨ ₪ ₫ € ₭ ₮ ₯ ℀ ℁ ℂ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ №
℗ ℘ ℙ ℚ ℛ ℜ ℝ ℞ ℟ ℡ ™ ℣ ℤ ℥ Ω ℧ ℨ ℩ K Å ℬ ℭ ℮ ℯ ℰ ℱ Ⅎ ℳ ℴ ℵ ℶ ℷ ℸ<br /><br />𝕒𝕓𝕔𝕕𝕖𝕗𝕘𝕙𝕚𝕛𝕜𝕝𝕞𝕟𝕠𝕡𝕢𝕣𝕤𝕥𝕦𝕧𝕨𝕩𝕪𝕫<br />𝔸𝔹ℂ𝔻𝔼𝔽𝔾ℍ𝕀𝕁𝕂𝕃𝕄ℕ𝕆ℙℚℝ𝕊𝕋𝕌𝕍𝕎𝕏𝕐ℤ<br /><br />𝖆𝖇𝖈𝖉𝖊𝖋𝖌𝖍𝖎𝖏𝖐𝖑𝖒𝖓𝖔𝖕𝖖𝖗𝖘𝖙𝖚𝖛𝖜𝖝𝖞𝖟<br />𝕬𝕭𝕮𝕯𝕰𝕱𝕲𝕳𝕴𝕵𝕶𝕷𝕸𝕹𝕺𝕻𝕼𝕽𝕾𝕿𝖀𝖁𝖂𝖃𝖄𝖅<br /><br />𝒶𝒷𝒸𝒹𝑒𝒻𝑔𝒽𝒾𝒿𝓀𝓁𝓂𝓃𝑜𝓅𝓆𝓇𝓈𝓉𝓊𝓋𝓌𝓍𝓎𝓏<br />𝒜𝐵𝒞𝒟𝐸𝐹𝒢𝐻𝐼𝒥𝒦𝐿𝑀𝒩𝒪𝒫𝒬𝑅𝒮𝒯𝒰𝒱𝒲𝒳𝒴𝒵<br /><br />ᵃᵇᶜᵈᵉᶠᵍʰᶤʲᵏˡᵐᶰᵒᵖᵠʳˢᵗᵘᵛʷˣʸᶻ<br /><br />℃
℉ °∃ ∧ ∠ ∨ ∩ ⊂ ⊃ ∪ ⊥ ∀ Ξ Γ ɐ ə ɘ ε β ɟ ɥ ɯ ɔ и ๏ ɹ ʁ я ʌ ʍ λ ч ∞ Σ Π<br /><br />๖ۣۜA ๖ۣۜB ๖ۣۜC ๖ۣۜD ๖ۣۜE ๖ۣۜF ๖ۣۜG ๖ۣۜH ๖ۣۜI ๖ۣۜJ ๖ۣۜK ๖ۣۜL ๖ۣۜM ๖ۣۜN ๖ۣۜO ๖ۣۜP ๖ۣۜQ ๖ۣۜR ๖ۣۜS ๖ۣۜT ๖ۣۜU ๖ۣۜW ๖ۣۜV
๖ۣۜX ๖ۣۜY ๖ۣۜZ <br /><br />æ Æ ø Ø å Å ö Ö ä Ä ë Ê ï Î é É ß <br /><br />α в ¢ ∂ є f g н ι נ к ℓ м и σ ρ q я ѕ т υ ω ν χ у <br /><br />💤 | ᶠᵘᶜᵏᵧₒᵤ | Yᵒᵘ Oᶰˡʸ Lᶤᵛᵉ Oᶰᶜᵉ | ℓ٥ﻻ ﻉ√٥υ | ᶫᵒᵛᵉᵧₒᵤ<br /><br />🆕
🆒 🆙 🆖 🆓 🔤 🔠 🔡 <br /><br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1355839">
<div class="subSectionTitle">Lines, Bars & Dashes</div>
<div class="subSectionDesc">
▂▃▅▆█▆▅▃▂ <br /><br />ılı.lıllılı.ıllı..ılı.lıllılı.ıllı <br /><br />║▌│█║▌│ █║▌│█│║▌║ <br /><br />▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂<br /><br />· ¨ … ¦ ┅ ┆ ┈ ┊ ╱ ╲ ╳ ¯ – —<br /><br />≡ ჻ ░ ▒ ▓ ▤ ▥ ▦ ▧
▨ ▩ █ ▌ ▐ ▀ ▄<br /><br />◠ ◡ ╭ ╮ ╯ ╰<br /><br />│ ┤ ╡ ╢ ╖ ╕ ╣ ║ ╝ ╜ ╛ ┐ └ ┴ ┬ ├ ─ ┼ ╞ ╟ ╚ ╔ ╩ ╦ ╠ ═ ╬ ╧ ╨ ╤ ╥ ╙ ╘ ╒ ╓ ╫ ╪ ┘ ┌<br /><br />
⊢ ⊣ ⊤ ⊥ ⊦ ⊧ ⊨ ⊩ ⊪ ⊫ ⊬ ⊭ ⊮ ⊯<br /><br />☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050595">
<div class="subSectionTitle">Marks, Signs & Symbols</div>
<div class="subSectionDesc">
☢️☣️ 🆗 🏧 🚮 🚰 ♿ 🚹 🚺 🚻 🚼 🚾 ▶️ ⏩ ◀️⏪ 🔼 ⏫ 🔽 ⏬ ⏹️ ⏏️ 🎦 🔅 🔆 📶 📳 📴 ♻️ #️⃣ 0️⃣ 1️⃣2️⃣ 3️⃣ 4️⃣ 5️⃣6️⃣ 7️⃣ 8️⃣ 9️⃣ 🔟 💯 🔠 🔡 🔢 🔣 🔤 🅰 🆎 🅱 🆑🆒 🆓🆕 🆖 🅾 🆗 🅿 🆘 🆙 🆚 🈁 🈂️ 🈷️ 🈶 🈯 🉐 🈹
🈚 🈲 🉑 🈸 🈴 🈳 ㊗️ ㊙️ 🈺🈵 ◽ ◾ ⬛ ⬜ 🔶 🔷 🔸 🔹 🔺 🔻 💠 🔲 🔳 ⚪ ⚫ 🔴 🔵 <br /><br />🛐⚛️🕉️✡️☸️☯️✝️☦️☪️☮️🕎 🔯 ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ⛎ <br /><br />⚠️🚸 ⛔ 🚫 🚳 🚭 🚯 🚱
🚷🔞 <br /><br />⬆️➡️↗️➡️↘️⬇️↙️⬅️↖️↩️↪️⤴️⤵️🔃🔄🔙🔚🔛 🔜 🔝 <br /><br />🔱📛 🔰⭕ ✅ ☑️✔️✖️❌❎➕➖➗➰➿〽️✳️✴️❇️❓❔❕ ❗ Ⓜ️<br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1355841">
<div class="subSectionTitle">Miscellaneous Characters & Symbols</div>
<div class="subSectionDesc">
유 웃 ۵ ∴ △ ∞ ｡ ™ ℠ © ℗ ® ™ ® ™ ✿ ❖ ∞ ზ ⧞ ⧝ ◎ ♣ ♥ ♦ ➸ ☫ ☬ ☭ ☮ ☯ ◎ ♣ ♥ ☼ ☾ ☽ ♦ ✚ ✪ ✣ ✤ ✥ ☠ 유 ℧ ℥ ۵ ≛ ∫ ∬ ∭ ∮ ∯ ∰ ∱∳ 〄 ∩ ∪ ⊗ ⊘ ≅ ≠ Ω ♨ ❢ ❣ ✐ ✎ ✏ ✆ ރ ▧ ▨ ▦ ▩ ۩ ஜ ஜ ๑۩۞۩๑ ஜ ஒ ண இஆ ௰ ௫&➸ ๏̯͡๏
【ツ】 ะ㋚ะ ๑㋡๑ ʚ㋞ɞ <br /><br />∎ − ∓ ∔ ∕ ∖ ∗ ∘ ∙ ∝ ∞ ∟ ∠ ∡ ∢ ∣ ∤ ∥ ∦ ∧ ∨ ∩ ∪ ∴ ∵ ∶ ∷ ∸ ∹ ∺ ∻ ∼ ∽ ∾ ∿ ≀ ≁ ≪ ≫ ≬ ≭ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ≶ ≷ ≸ ≹ ≺ ≻ ≼ ≽ ≾ ≿ ⊀ ⊁ ⊂ ⊃ ⊄ ⊅ ⊆ ⊇ ⊈ ⊉ ⊊ ⊋ ⊌ ⊍ ⊎ ⊏ ⊐ ⊑ ⊒ ⊓ ⊔
⊕ ⊖ ⊗ ⊘ ⊙ ⊚ ⊛ ⊜ ⊝ ⊞ ⊟ ⊠ ⊡ ⊰ ⊱ ⊲ ⊳ ⊴ ⊵ ⊶ ⊷ ⊸ ⊹ ⊺ ⊻ ⊼ ⊽ ⊾ ⊿ ⋀ ⋁ ⋂ ⋃ ⋄ ⋅ ⋇ ⋈ ⋉ ⋊ ⋋ ⋌ ⋍ ⋎ ⋏ ⋐ ⋑ ⋒ ⋓ ⋔ ⋕ ⊾ ⋖ ⋗ ∀ ∃ ∄ ∅ ∈ ∉ ∏ ∑ ∓ ∝ ∟ ∠ ∡ ∢ ≃ ⋖ ⋗ ⋘ ⋙ ⋚ ⋛ ≦ ≧ ⋜ ⋝ ⋞ ⋟ ⋠ ⋡ ⋢ ⋣ ⋤ ⋥ ⋦ ⋧ ⋨ ⋩ ⋪ ⋫ ⋬ ⋭ ⋮ ⋯ ⋰
⋱ ⋲ ⋳ ⋴ ⋵ ⋶ ⋷ ⋸ ⋹ ⋺ ⋻ ⋼ ⋽ ⋾ ⋿ ⌀ ⌁ ⌂ ⌃ ⌄ ⌅ ⌆ ⌇ ⌈ ⌉ ⌊ ⌋ ⌌ ⌍ ⌎ ⌏ ⌐ ⌑ ⌒ ⌓ ⌔ ⌕ ⌖ ⌗ ⌘ ⌙ ⌜⌝ ⌞ ⌟ ⌠ ⌡ ⌢ ⌣ ⌤ ⌥ ⌨ ⟨ ⟩ ⌫ ⌬ ⌭ ⌮ ⌯ ⌰ ⌱ ⌲ ⌳ ⌴ ⌵ ⌶ ⌽ ⌾ ⍕ ⍖ ⍗ ⍘ ⍙ ⍚ ␋ ␢ ␣<br /><br />
☤ ⚛ ☊ ☋ ☌ ☍ ☓ ☖ ☗ ☘ ☙ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☸ ☼ ♃ ♄ ♅ ♇ ♨ ♰ ♱ ☫ ª ↀ ↁ ↂ ϡ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ⁉ ⁈ ؟ ﹖ ¿ Ƹ̵̡Ӝ̵̨̄Ʒ [̲̅$̲̅(̲̅ιοο̲̅)̲̅$̲̅] 🏳 ๖ۣۜ ‡ ☮ ☪ ⚔ ✡ ☭ ✯ <br /><br />
🎀 🎄 🎅 🎆 🎈 🎊 ⚔ 🎃 👻 🎁 🎉🔥💣👑🔥 🎆 🎭🔫 🏁 🚩🎌 🏴 🏳️🌈 🏴☠️ 💺🌠 ⛱️🏖️🎆 🎇 🎑 💴 💵💶 💷 🗿 🗾 🏔️🌋 🗻 🏕️🏜️🏝️🏞️🏟️🏛️🏗️🏘️🏚️🏠 🏡 🏢 🏣 🏤 🏥 🏦 🏨 🏩 🏪 🏫 🏬 🏭 🏯 🏰 💒 🗼 🗽 ⛪ 🕌 🕍 ⛩ 🕋
⛲ ⛺ 🌁 🌃 🏙️🌄 🌅 🌆 🌇 🌉 🌌🎠 🎡 🎢🎥 🎬 💣 👑 🔥 🎭 🔫 ⌚ ⌛☕ 🗯️💭💢♨️💤🌀<br /><br /><br /><br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050555">
<div class="subSectionTitle">Music</div>
<div class="subSectionDesc">
♩ ♫ ♭ ♪ ♯ ♬ ♮ 🔇🔈 🔉 🔊 📢📣 📯 🔔 🔕 🎵 🎶 🎧🎼🎷 🎸 🎹 🎺 🎻 🥁
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1355832">
<div class="subSectionTitle">Numbers</div>
<div class="subSectionDesc">
⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽ ⓾ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴<br /><br />① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳<br /><br />
⒉ ⒊ ⒋ ⒌ ⒍ ⒎ ⒏ ⒐ ⒑ ⒒ ⒓ ⒔ ⒕ ⒖ ⒗ ⒘ ⒙ ⒚ ⒛ <br /><br />𝟢𝟣𝟤𝟥𝟦𝟧𝟨𝟩𝟪𝟫 <br /><br />𝟘𝟙𝟚𝟛𝟜𝟝𝟞𝟟𝟠𝟡𝟘<br /><br />√ ∛ ∜ <br /><br />⅟ ½ ⅓ ⅕<br />⅙ ⅛ ⅔ ⅖<br />⅚ ⅜ ¾ ⅗<br />⅝ ⅞ ⅘<br />
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2436771">
<div class="subSectionTitle">Plants</div>
<div class="subSectionDesc">
💐 🌸 💮 🌹 🥀 🌺 🌻 🌼 🌷 🌱🌲 🌳 🌴 🌵🌾 🌿 ☘🍀 🍁 🍂🍃 🍄 🌰
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356327">
<div class="subSectionTitle">Stars & Circular Shapes</div>
<div class="subSectionDesc">
✸✤ ✥✦✧ ◈ ★ ☆ ✩ ✫ ✬ ✭ ✮ ✯ ✰ 【★】 ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ✪ ⋆ 💫 🌠 ✨🌟
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356354">
<div class="subSectionTitle">Sports</div>
<div class="subSectionDesc">
🏆 🏁 ♕ ♛ ♔ ♚ 🏂 🏄 🏊 🎯 ⚽ ⚾ 🎾 🏀⚽ 🏈🏉 🎳 ⛳ 🎱 🎲 🎮 👾 ♖ ♗ ♘ ♙ ♜ ♝ ♞ ♟ 🃏 ♤ ♧ ♡ ♢ ♠ ♣ ♥ ♦🏅 🥇 🥈 🥉 🏒⛸ 🎿 🛷 🥌 🏹🧗♀️ 🧗♂️ 🧘♀️ 🧘♂️ 🕴 🏇 ⛷ 🏂 🏌 🏌️♂️ 🏌️♀️ 🏄 🏄♂️ 🏄♀️ 🚣 🚣♂️ 🚣♀️ 🏊 🏊♂️ 🏊♀️ ⛹ ⛹️♂️ ⛹️♀️ 🏋
🏋️♂️ 🏋️♀️ 🚴 🚴♂️🚴♀️ 🚵 🚵♂️ 🚵♀️ 🤸 🤸♂️ 🤸♀️ 🤼 🤼♂️ 🤼♀️ 🤽 🤽♂️ 🤽♀️ 🤾 🤾♂️ 🤾♀️ 🤹 🤹♂️ 🤹♀️ 🎪🎫 🎾<br />🎳 🏏 🏑 🏒 🏓 🏸 🥊 🥋 ⛳🎣 🎽 🛷 🥌 🎯 🎱 🎮 🎰 🎲
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2436791">
<div class="subSectionTitle">Transportation</div>
<div class="subSectionDesc">
🏎️🏍️🚂 🚃 🚄 🚅 🚆🚇 🚈 🚊 🚝 🚞 🚋 🚌 🚍🚎 🚐 🚑 🚒 🚓 🚔 🚕 🚖 🚗 🚘 🚚 🚛 <br />🚜🚲 🛴 🛵 🛥️⛵ 🚤 🚢 ✈️🛩️🛫 🛬 🚁 🚟 🚠 🚡 🚀 🛸 ⚓🚧🚦🚥🚨🚏 ⛽ 🛤️
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="2050539">
<div class="subSectionTitle">Weather & Space</div>
<div class="subSectionDesc">
🌪️🌠🌈 🌂 ⚡ ❄🔥💧 🌊 🚀🌍 🌎 🌏🌐☔☂️🌡️🌬️⛄🌁🌂🏂🌨️☁️🌩️⛅🌫️⛆
<div style="clear: both"></div>
</div>
</div>
<div style="clear: both"></div>
<div class="subSection detailBox" id="1356348">
<div class="subSectionTitle">Work & Office</div>
<div class="subSectionDesc">
📅 📆 🔧 🔨 🔩 🚪 🔑 🔐 🔏 🔒 🔓 🎬 🎥 📹 📼 📷 📡 📺 🔌 🔋 💡 🔦 ☎ ☏ 📞📟 ✂ ✃ ✄ 📌 📎 🔗 ✏ ✒ 🔎 🔍 📏 📐 🎨 💻 📠 📇 💾 💽 📀 💿 📊 📈 📉 📇 📠 💻 ✉ 📧 📨 📩 📮 📪 📫 📥 📤 📲 📱 📁 📂 📰 📄 📃
📑 📜 📋 📝 📦 🎫 🔖 📖 📔 📒 📓 📕 📙 📗 📘 📚 💄 👓 👑 🎩 👒 🎓 👛 👜 👝 🎒 💼 🎽 👗 👔 👕 👚 👘 👙 👖 👠 👢 👞 👡 👟 🕛🕧🕐 🕜 🕑🕝 🕒 🕞 🕓🕟 🕔 🕠🕕 🕡 🕖🕢 🕗🕣 🕘 🕤 🕙 🕥 🕚 🕦 📫 📪📬
📭
<div style="clear: both"></div>
</div>
</div>
</div>
`;
const symbolsDialogContainer = document.getElementById("responsive_page_template_content") || document.getElementById("mainContents");
if (symbolsDialogContainer) {
symbolsDialogContainer.appendChild(symbolsDialogDetails);
}
function setSymbolsCharactersModal() {
const showButton = document.getElementById("showSymbols");
const symbolsModal = document.getElementById("symbolsModal");
const closeButton = document.getElementById("close");
showButton.addEventListener("click", () => {
symbolsModal.classList.add("show");
symbolsModal.classList.remove("hide");
});
closeButton.addEventListener("click", () => {
symbolsModal.classList.add("hide");
});
}
// Reload page after 3 seconds
setTimeout(setSymbolsCharactersModal, 1000);
}
setTimeout(setCommentSymbolsPicker, 1500);
});
})();
//* ========================================================================== //
//* 2. Steam Profile Artwork Tool Buttons
//* =======================================================================
(function () {
"use strict";
function rafAsync() {
return new Promise((resolve) => requestAnimationFrame(resolve));
}
async function checkElement(selector) {
let querySelector = null;
while (querySelector === null) {
await rafAsync();
querySelector = document.querySelector(selector);
}
return querySelector;
}
// Check if
checkElement(".createCollectionArrow").then((element) => {
console.log(".createCollectionArrow exists");
function setMainContents() {
// Create Steam Profile Artwork Tool Buttons Container
const steamProfileArtworkContainer = document.createElement("div");
steamProfileArtworkContainer.className = "steamProfileArtworkContainer";
// Create Buttons
steamProfileArtworkContainer.innerHTML = `
<div class="pageTitle">Steam Profile Artwork Tool</div>
<div class="buttonsContainer">
<a id="blankTitleButton" class="btn_darkblue_white_innerfade btn_medium" style="margin: 2px">
<span style="padding-left: 16px; padding-right: 16px;">Enter Blank Title</span>
</a>
<div class="customArtworkButtons">
<details>
<summary class="btn_darkblue_white_innerfade btn_medium enable-custom-artwork-button">Enable Custom Uploads</summary>
<div class="customArtworkButtonsWrapper">
<a id="customArtworkButton" class="btn_medium" style="margin: 2px;">
<span style="padding-left: 16px; padding-right: 16px;">Custom Artwork</span>
</a>
<a id="longScreenshotButton" class="btn_medium" style="margin: 2px;">
<span style="padding-left: 16px; padding-right: 16px;">Screenshot</span>
</a>
<a id="longWorkshopButton" class="btn_medium" style="margin: 2px;">
<span style="padding-left: 16px; padding-right: 16px;">Long Workshop</span>
</a>
<a id="longGuideButton" class="btn_medium" style="margin: 2px;">
<span style="padding-left: 16px; padding-right: 16px;">Long Guide</span>
</a>
</div>
</details>
</div>
<a id="resetButton" class="btn_darkblue_white_innerfade btn_medium" style="margin: 0 0 0 5px;background:#171a21">
<span style="padding-left: 16px; padding-right: 14px;background:#171a21">Reset</span>
</a>
</div>`;
// Grab mainContentsDiv element reference
const mainContentsDiv = document.querySelector("#mainContents");
// Insert the Buttons
mainContentsDiv.parentNode.insertBefore(steamProfileArtworkContainer, mainContentsDiv);
}
setTimeout(setMainContents, 0);
});
})();
(function () {
"use strict";
function rafAsync() {
return new Promise((resolve) => requestAnimationFrame(resolve));
}
async function checkElement(selector) {
let querySelector = null;
while (querySelector === null) {
await rafAsync();
querySelector = document.querySelector(selector);
}
return querySelector;
}
// Check if
checkElement("mainContents").then((element) => {
console.log("mainContents exists");
function setBlankTitleButton() {
// ----------------------------
// Fill Blank Title Button
// ----------------------------
const blankTitleCharacter = "⠀";
const alertBlankTitleSet = document.createElement("div");
alertBlankTitleSet.className = "alertBlankTitleSet";
alertBlankTitleSet.innerHTML = `<span><i>✔</i> Blank Title Set</span>`;
const titleFieldInput = document.querySelector(".titleField");
const blankTitleButton = document.querySelector("#blankTitleButton");
const titleFieldParent = titleFieldInput.parentNode;
blankTitleButton.addEventListener("click", () => {
blankTitleButton.classList.add("blank-title-added");
titleFieldInput.value = blankTitleCharacter;
titleFieldInput.classList.add("fieldInputSuccess");
alertBlankTitleSet.classList.add("fadeIn");
titleFieldParent.insertBefore(alertBlankTitleSet, titleFieldInput.nextSibling);
});
}
setTimeout(setBlankTitleButton, 0);
});
})();
// Custom artwork enabled notification
const alertCustomArtworkEnabled = document.createElement("div");
alertCustomArtworkEnabled.className = "alertCustomArtworkEnabled";
alertCustomArtworkEnabled.innerHTML = `<span><i>✔</i> Upload Custom Artwork Enabled</span>`;
// Long workshop enabled notification
const alertLongWorkshopEnabled = document.createElement("div");
alertLongWorkshopEnabled.className = "alertCustomArtworkEnabled longWorkshopEnabled";
alertCustomArtworkEnabled.classList.add("longWorkshopEnabled");
alertLongWorkshopEnabled.innerHTML = `<span><i>✔</i> Upload Long Workshop Enabled</span>`;
// Long guide enabled notification
const alertLongGuideEnabled = document.createElement("div");
alertLongGuideEnabled.className = "alertCustomArtworkEnabled longGuideEnabled";
alertCustomArtworkEnabled.classList.add("longGuideEnabled");
alertLongGuideEnabled.innerHTML = `<span><i>✔</i> Upload Long Guide Enabled</span>`;
// Long guide enabled notification
const hexEditWebsite = document.createElement("div");
hexEditWebsite.className = "modifyArtworkInstructions";
hexEditWebsite.innerHTML = `<blockquote class="bb_blockquote">This method allows you to upload long workshop images without faking the heights.
<br />This method works with all supported file types independently of size and frame count. <br />You are expected
to apply the instructions below for all workshop images seperately. <div class="description">
<ol>
<li>Visit this site: <a href="https://hexed.it" target="_blank">https://hexed.it</a></li>
<li>Click <b>"Open File"</b> and select your image</li>
<li>Scroll to the very bottom of the page</li>
<li>Replace the last byte of your file with <code>21</code></li>
<li>Click <b>"Export"</b> and save your modified image</li>
<li>Upload your artwork via the <b>"Choose File"</b> button below</li>
</ol>
</div>
<div class="hexEditInstructionsVideo">
<details>
<summary>Video instructions</summary>
<div class="embed-container"><iframe
src="https://www.dropbox.com/s/6ilvut3br5dnks3/HexEdit-Instructions.mp4?raw=1" allowfullscreen
style="border:0"></iframe></div>
</details>
</blockquote>
</div>`;
(function () {
"use strict";
function rafAsync() {
return new Promise((resolve) => requestAnimationFrame(resolve));
}
async function checkElement(selector) {
let querySelector = null;
while (querySelector === null) {
await rafAsync();
querySelector = document.querySelector(selector);
}
return querySelector;
}
// Check if
checkElement("#file").then((element) => {
console.log("#file exists");
function setFileUpload() {
// Buttons selectors
const fileUploadButton = document.querySelector("#file");
const customArtworkButton = document.querySelector("#customArtworkButton");
const longScreenshotButton = document.querySelector("#longScreenshotButton");
const longWorkshopButton = document.querySelector("#longWorkshopButton");
const longGuideButton = document.querySelector("#longGuideButton");
const resetButton = document.querySelector("#resetButton");
const selectArtworkTitle = document.querySelector(".detailBox:nth-of-type(2) .title");
const fileUploadParent = fileUploadButton.parentNode;
let details = [...document.querySelectorAll("details")];
// Scroll functions
function scrollToChooseFileButton() {
document.querySelectorAll(".detailBox")[1].scrollIntoView({ behavior: "smooth", block: "start" });
}
function customArtworkUploadEnable() {
console.log("Custom Artwork Upload Enabled");
$J("#image_width").val(1000).attr("id", ""), $J("#image_height").val(1).attr("id", "");
setTimeout(scrollToChooseFileButton, 0);
}
function customWorkshopUploadEnable() {
console.log("Workshop Upload Enabled");
$J("[name=consumer_app_id]").val(480);
$J("[name=file_type]").val(0);
$J("[name=visibility]").val(0);
setTimeout(scrollToChooseFileButton, 0);
}
function longGuideUploadEnable() {
console.log("Long guide Upload Enabled");
$J("[name=consumer_app_id]").val(767);
$J("[name=file_type]").val(9);
$J("[name=visibility]").val(0);
setTimeout(scrollToChooseFileButton, 0);
}
function longScreenshotUploadEnable() {
console.log("Long screenshot Upload Enabled");
$J("#image_width").val("1000");
$J("#image_height").val("1");
$J('[name="file_type"]').val("5");
setTimeout(scrollToChooseFileButton, 0);
}
function resetUploads() {
console.log("Resetting uploads");
location.reload();
}
const agreeTermsInput = document.querySelector("#agree_terms");
// Buttons event listeners
customArtworkButton.addEventListener("click", () => {
customArtworkUploadEnable();
agreeTermsInput.checked = true;
fileUploadParent.insertBefore(alertCustomArtworkEnabled, fileUploadButton.nextSibling);
details[0].removeAttribute("open");
});
longScreenshotButton.addEventListener("click", () => {
longScreenshotUploadEnable();
agreeTermsInput.checked = true;
fileUploadParent.insertBefore(alertCustomArtworkEnabled, fileUploadButton.nextSibling);
details[0].removeAttribute("open");
});
longWorkshopButton.addEventListener("click", () => {
customWorkshopUploadEnable();
agreeTermsInput.checked = true;
selectArtworkTitle.textContent = "Modify your artwork";
fileUploadParent.insertBefore(alertLongWorkshopEnabled, fileUploadButton);
fileUploadParent.insertBefore(hexEditWebsite, fileUploadButton);
details[0].removeAttribute("open");
});
longGuideButton.addEventListener("click", () => {
longGuideUploadEnable();
agreeTermsInput.checked = true;
selectArtworkTitle.textContent = "Modify your artwork";
fileUploadParent.insertBefore(alertLongGuideEnabled, fileUploadButton);
fileUploadParent.insertBefore(hexEditWebsite, fileUploadButton);
details[0].removeAttribute("open");
});
resetButton.addEventListener("click", () => {
resetUploads();
});
// Details open close functionality
document.addEventListener("click", function (e) {
if (!details.some((f) => f.contains(e.target))) {
details.forEach((f) => f.removeAttribute("open"));
} else {
details.forEach((f) => (!f.contains(e.target) ? f.removeAttribute("open") : ""));
}
});
}
setTimeout(setFileUpload, 0);
});
})();
//* ==========================================================================
//* 3. Steam Mass Comments Poster Vanilla
//* ==========================================================================
(function () {
"use strict";
function rafAsync() {
return new Promise((resolve) => requestAnimationFrame(resolve));
}
async function checkElement(selector) {
let querySelector = null;
while (querySelector === null) {
await rafAsync();
querySelector = document.querySelector(selector);
}
return querySelector;
}
// Check if
checkElement("#manage_friends").then((element) => {
console.log("#manage_friends exists");
const postingDelay = 7; // Seconds in between posting profile comments
const manageFriendsSelector = document.querySelector("#manage_friends > .row");
const manageFriendsSelectorParent = document.querySelector("#manage_friends");
const manageFriendsComments = document.createElement("div");
manageFriendsComments.className = "friends-comments-textarea";
manageFriendsComments.innerHTML = `<div class="row commentthread_entry" style="background-color: initial; padding-right: 24px;">
<div class="commentthread_entry_quotebox">
<textarea rows="3" class="commentthread_textarea" id="comment_textarea" placeholder="Add a comment" style="overflow: hidden; height: 20px;"></textarea>
</div>
<div class="commentthread_entry_submitlink" style="">
<a class="btn_grey_black btn_small_thin" href="javascript:CCommentThread.FormattingHelpPopup('Profile');">
<span>Formatting help</span>
</a>
<span class="emoticon_container">
<span class="emoticon_button small" id="emoticonbtn">
</span>
</span>
<span class="btn_green_white_innerfade btn_small" id="comment_submit">
<span>Post Comments to Selected Friends</span>
</span>
</div>
</div>
<div class="row" id="log">
<span id="log_head"></span>
<span id="log_body"></span>
</div>`;
// ToggleManageFriends();
manageFriendsSelectorParent.parentNode.appendChild(manageFriendsComments, manageFriendsSelectorParent);
manageFriendsSelectorParent.insertBefore(manageFriendsComments, manageFriendsSelector);
const commentSubmitButton = document.querySelector("#comment_submit");
const commentTextarea = document.querySelector("#comment_textarea");
const commentLogHead = document.querySelector("#log_head");
const commentLogBody = document.querySelector("#log_body");
commentSubmitButton.addEventListener("click", (e) => {
// e.preventDefault();
const selectedCheckbox = document.querySelector(".selected");
const totalSelected = selectedCheckbox?.length;
const commentMessage = commentTextarea.value;
if (totalSelected === 0 || commentMessage.length === 0) {
alert("Please make sure you entered a message and selected 1 or more friends.");
return;
}
commentLogHead.innerHTML = "";
commentLogBody.innerHTML = "";
document.querySelectorAll(".selected").forEach((elem, i) => {
let profileID = elem.dataset.steamid;
setTimeout(() => {
let xhr = new XMLHttpRequest();
xhr.open("POST", `//steamcommunity.com/comment/Profile/post/${profileID}/-1/`, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xhr.onloadend = (response) => {
// let logBody = document.querySelector('#log_body')[0];
commentLogBody.innerHTML += `<br>${
response.success === false
? response.error
: 'Successfully posted comment on <a href="https://steamcommunity.com/profiles/${profileID}/#commentthread_Profile_${profileID}_0_area">' + profileID + "</a>"
}`;
document.querySelector(`.friend_block_v2[data-steamid="${profileID}"]`).classList.remove("selected");
document.querySelector(`.friend_block_v2[data-steamid="${profileID}"] .select_friend_checkbox`).checked = false;
UpdateSelection();
};
xhr.send(`comment=${commentMessage}&count=6&sessionid=${g_sessionID}`);
}, postingDelay * i * 1000);
});
});
});
})();
//* ==========================================================================
//* 4. Steam Copy Avatar Frame Source
//* ==========================================================================
function copySrcValueToClipboard() {
// Get the div element with the class "avatarFrame"
var avatarFrame = document.querySelector(".avatarFrame");
// Check if the div element exists
if (avatarFrame) {
// Get the img element inside the div
var imgElement = avatarFrame.querySelector("img");
// Check if the img element exists
if (imgElement) {
// Get the src attribute value
var srcValue = imgElement.src;
// Display the src value in a prompt for manual copying
prompt("Copy the src value:", srcValue);
} else {
console.error("No img element found inside the avatarFrame div.");
}
} else {
console.error('No element found with the class "avatarFrame".');
}
}
// Call the function to copy the src value to the clipboard
// copySrcValueToClipboard();
//* ==========================================================================
//* 5. Steam Replace Avatar Frame Source
//* ==========================================================================
function replaceSrcValue() {
// Get the div element with the class "profile_avatar_frame"
var avatarFrame = document.querySelector(".profile_avatar_frame");
// Check if the div element exists
if (avatarFrame) {
// Get the img element inside the div
var imgElement = avatarFrame.querySelector("img");
// Check if the img element exists
if (imgElement) {
// Prompt the user to enter the new src value
var newSrcValue = prompt("Enter the new src value:");
// Check if the user entered a value
if (newSrcValue !== null) {
// Update the src attribute of the img element
imgElement.src = newSrcValue;
console.log("Src value updated successfully:", newSrcValue);
} else {
console.log("Operation canceled by user.");
}
} else {
console.error("No img element found inside the profile_avatar_frame div.");
}
} else {
console.error('No element found with the class "profile_avatar_frame".');
}
}
// Call the function to replace the src value
// replaceSrcValue();
// 6. Reload Steam market function
// (function () {
// "use strict";
// // Reload Steam market function
// console.log("Reload Steam market function");
// const targetNode = document.body;
// const config = { childList: true, subtree: true };
// const createRefreshButton = function () {
// const refreshButton = document.createElement("button");
// refreshButton.textContent = "Refresh Page";
// // refreshButton.style.position = "fixed";
// refreshButton.style.top = "10px";
// refreshButton.style.right = "10px";
// refreshButton.style.zIndex = "9999";
// refreshButton.style.minWidth = "auto";
// refreshButton.style.padding = "10px";
// refreshButton.style.margin = "10px 0 0 0";
// refreshButton.classList.add("btn_green_white_innerfade", "btn_green_white_innerfade", "btn_medium", "market_commodity_buy_button");
// refreshButton.addEventListener("click", function () {
// location.reload();
// });
// const searchResultsTable = document.getElementById("searchResultsTable");
// if (searchResultsTable) {
// searchResultsTable.appendChild(refreshButton);
// }
// };
// const callback = function (mutationsList, observer) {
// for (const mutation of mutationsList) {
// if (mutation.type === "childList") {
// // Check if the added node is the desired div element
// const errorDiv = document.querySelector(".market_listing_table_message");
// if (errorDiv && errorDiv.textContent.trim() === "There was an error performing your search. Please try again later.") {
// // Trigger a refresh after a short pause (e.g., 2 seconds)
// console.log("There was an error");
// createRefreshButton();
// // Disconnect the observer to stop further checks
// observer.disconnect();
// break;
// }
// }
// }
// };
// const observer = new MutationObserver(callback);
// // Start observing the target node for configured mutations
// observer.observe(targetNode, config);
// })();
})();