Nes370
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 207 B |
|
After Width: | Height: | Size: 260 B |
|
After Width: | Height: | Size: 289 B |
|
After Width: | Height: | Size: 356 B |
|
|
@ -0,0 +1,33 @@
|
||||||
|
{
|
||||||
|
"manifest_version": 3,
|
||||||
|
"name": "SGDB Button on Steam",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"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": {
|
||||||
|
"16": "icons/icon_16.png",
|
||||||
|
"32": "icons/icon_32.png",
|
||||||
|
"48": "icons/icon_48.png",
|
||||||
|
"64": "icons/icon_64.png",
|
||||||
|
"96": "icons/icon_96.png",
|
||||||
|
"128": "icons/icon_128.png"
|
||||||
|
},
|
||||||
|
"content_scripts": [
|
||||||
|
{
|
||||||
|
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ],
|
||||||
|
"js": [ "script.js" ]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"web_accessible_resources": [
|
||||||
|
{
|
||||||
|
"resources": [ "icons/icon_16_white.png" ],
|
||||||
|
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<link rel="icon" href="icons/icon_128.png">
|
||||||
|
<title>SGBD Button Placement</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: "Open Sans", sans-serif;
|
||||||
|
background-color: #32414c;
|
||||||
|
color: #8ecaf4;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
const url = window.location.href;
|
||||||
|
const appIDMatch = url.match(/\/app\/(\d+)/);
|
||||||
|
if(appIDMatch) {
|
||||||
|
|
||||||
|
const appID = appIDMatch[1];
|
||||||
|
|
||||||
|
const sgdb_button = document.createElement('a');
|
||||||
|
sgdb_button.href = `https://steamgriddb.com/steam/${appID}`;
|
||||||
|
sgdb_button.className = "btnv6_blue_hoverfade btn_medium";
|
||||||
|
|
||||||
|
const span = document.createElement('span');
|
||||||
|
span.setAttribute("data-tooltip-text", "View on SteamGridDB");
|
||||||
|
|
||||||
|
const icon = document.createElement("img");
|
||||||
|
icon.className = "ico16";
|
||||||
|
icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_16_white.png";
|
||||||
|
span.append(icon);
|
||||||
|
|
||||||
|
sgdb_button.append(span);
|
||||||
|
|
||||||
|
const buttonContainer = document.querySelector(".apphub_OtherSiteInfo");
|
||||||
|
if(buttonContainer) {
|
||||||
|
sgdb_button.style.marginRight = "3px";
|
||||||
|
buttonContainer.prepend(sgdb_button);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||