jean/metamorpov
jean
/
metamorpov
1
0
Fork 0
Code Issues 5 Pull Requests Releases 2 Wiki Activity

Add sponsor

This commit is contained in:
Mariam Maarouf 2021-02-15 18:50:30 +01:00
parent bef8b7f186
commit ce0057a2d9
5 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
manifest.json
View File

@ -3,7 +3,7 @@
"manifest_version": 2, "manifest_version": 2,
"name": "InteractiveFics", "name": "InteractiveFics",
"author": "mariamrf", "author": "mariamrf",
"version": "5.2.0", "version": "5.2.1",
"description": "Replaces Y/N & other variables in Reader Insert/second person fics with words of your choice.", "description": "Replaces Y/N & other variables in Reader Insert/second person fics with words of your choice.",
"browser_action": { "browser_action": {
"default_title": "InteractiveFics", "default_title": "InteractiveFics",
@ -34,5 +34,8 @@
"background": { "background": {
"page": "popup.html" "page": "popup.html"
}, },
"homepage_url": "https://interactivefics.tumblr.com" "homepage_url": "https://interactivefics.tumblr.com",
"web_accessible_resources": [
"toucan-banner.png"
]
} }

29
popup.css
View File

@ -1,10 +1,35 @@
body { body {
background-color: white; background-color: white;
color: #2C3531; color: #2C3531;
width: 270px; width: 332px;
padding:10px;
font-family: 'Rubik', sans-serif; font-family: 'Rubik', sans-serif;
margin: 0px;
} }
#body-without-toucan {
padding:10px;
margin: 8px;
}
#toucan {
width: 100%;
}
#toucan a {
text-decoration: none;
font-weight: 800;
}
#toucan hr {
opacity: 0.3;
}
#toucan h4 {
margin: 10px;
text-transform: uppercase;
text-align: center;
}
h1 { h1 {
font-size: 16px; font-size: 16px;
} }

10
popup.html
View File

@ -2,11 +2,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<html> <html>
<head> <head>
<link href="https://fonts.googleapis.com/css?family=Rubik&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Rubik:wght@300;500;800&display=swap" rel="stylesheet">
<link href='popup.css' rel='stylesheet' type='text/css'> <link href='popup.css' rel='stylesheet' type='text/css'>
<script src="popup.js" type="text/javascript"></script> <script src="popup.js" type="text/javascript"></script>
</head> </head>
<body> <body>
<div id="body-without-toucan">
<div class="fade-when-deactivate"> <div class="fade-when-deactivate">
<h1>Enter the name here:</h1> <h1>Enter the name here:</h1>
<form id="change-name-form"> <form id="change-name-form">
@ -63,5 +64,12 @@
<div id="src-code"> <div id="src-code">
🤖 <a href="https://github.com/interactivefics/interactive-fics" target="_blank">source code</a> 🤖 🤖 <a href="https://github.com/interactivefics/interactive-fics" target="_blank">source code</a> 🤖
</div> </div>
</div>
<div id="toucan">
<hr>
<a id="toucan-link" href="https://jointoucan.com/partners/interactivefics" target="_blank" title="Please install Toucan via this link to support InteractiveFics!">
<h4><b>Sponsored by</b></h4>
</a>
</div>
</body> </body>
</html> </html>

7
popup.js
View File

@ -17,6 +17,7 @@ document.addEventListener('DOMContentLoaded', function () {
setDeactivateKey() setDeactivateKey()
setMutationObserverKey() setMutationObserverKey()
setPauseDomainKey() setPauseDomainKey()
addToucanBanner()
}); });
@ -233,3 +234,9 @@ const togglePauseDomain = () => {
}) })
}) })
} }
const addToucanBanner = () => {
const img = document.createElement('img')
img.src = chrome.extension.getURL('toucan-banner.png')
document.getElementById('toucan-link').appendChild(img)
}

BIN
toucan-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB