Nes
/
SGDB-Extension
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Removed unused icons 

Cleaned up a bit before release.
main
Nes370 2024-08-08 13:38:37 -07:00
parent 6fd2bf7771
commit 799fc55a8a
6 changed files with 51 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icons/gitea_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
icons/nes_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

0
icons/icon_16_white.png → icons/sgdb_16.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

16
manifest.json
View File

@ -3,13 +3,6 @@
"name": "SGDB Button on Steam", "name": "SGDB Button on Steam",
"version": "1.0.0", "version": "1.0.0",
"description": "Adds a button on Steam game pages to bring you to its SteamGridDB entry.", "description": "Adds a button on Steam game pages to bring you to its SteamGridDB entry.",
"permissions": [
"storage"
],
"action": {
"default_icon": "icons/icon_128.png",
"default_popup": "popup.html"
},
"icons": { "icons": {
"16": "icons/icon_16.png", "16": "icons/icon_16.png",
"32": "icons/icon_32.png", "32": "icons/icon_32.png",
@ -18,6 +11,13 @@
"96": "icons/icon_96.png", "96": "icons/icon_96.png",
"128": "icons/icon_128.png" "128": "icons/icon_128.png"
}, },
"action": {
"default_icon": "icons/icon_128.png",
"default_popup": "popup.html"
},
"permissions": [
"storage"
],
"content_scripts": [ "content_scripts": [
{ {
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ], "matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ],
@ -26,7 +26,7 @@
], ],
"web_accessible_resources": [ "web_accessible_resources": [
{ {
"resources": [ "icons/icon_16_white.png" ], "resources": [ "icons/sgdb_16.png", "icons/nes_32.png" ],
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ] "matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ]
} }
] ]

42
popup.html
View File

@ -11,10 +11,50 @@
background-color: #32414c; background-color: #32414c;
color: #8ecaf4; color: #8ecaf4;
} }
.btn {
border-radius: 2px;
padding: 1px;
display: inline-block;
text-decoration: none;
color: #67c1f5;
background: rgba(103, 193, 245, 0.2);
}
.btn:hover {
text-decoration: none !important;
color: #fff !important;
background: #417a9b;
background: -webkit-linear-gradient( 150deg, #417a9b 5%,#67c1f5 95%);
background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%);
}
.btn > span {
padding: 0 15px;
font-size: 15px;
line-height: 30px;
}
.icon {
margin: 7px;
vertical-align: middle;
display: inline-block;
width: 22px;
height: 22px;
}
</style> </style>
</head> </head>
<body> <body>
<h2 style="text-align: center"><img src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_32.png" style="vertical-align: middle; display: inline"> SGBD Button on Steam</h2> <h2 style="text-align: center"><img src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_32.png" style="vertical-align: middle; display: inline"> SGBD Button on Steam</h2>
<p style="text-align: center">Created by <a href="https://www.steamgriddb.com/profile/76561198274324627" style="color: #FC2A7C">Nes</a> <a href="https://www.steamgriddb.com/profile/76561198274324627"><img src="https://avatars.steamstatic.com/ee0596d5cbba554a4e7b1adb7bac26e740336975_full.jpg" style="vertical-align: middle; display: inline; height: 36px"></a></p>
<a class="btn" href="https://www.steamgriddb.com/profile/76561198274324627">
<span data-tooltip-text="View my profile">
<img class="icon" src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/nes_32.png">Created by <span style="color: #FC2A7C">Nes</span>
</span>
</a>
<a class="btn" href="https://gitea.goblincave.synology.me/Nes/SGDB-Extension">
<span data-tooltip-text="View source">
<img class="icon" src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/gitea_32.png">View Source
</span>
</a>
</body> </body>
</html> </html>

3
script.js
View File

@ -13,7 +13,8 @@ if(appIDMatch) {
const icon = document.createElement("img"); const icon = document.createElement("img");
icon.className = "ico16"; icon.className = "ico16";
icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_16_white.png"; icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/sgdb_16.png";
icon.style.backgroundImage = "none";
span.append(icon); span.append(icon);
sgdb_button.append(span); sgdb_button.append(span);