diff --git a/Custom.css b/Custom.css
new file mode 100644
index 0000000..6192327
--- /dev/null
+++ b/Custom.css
@@ -0,0 +1,13 @@
+iframe.youtube-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+iframe.metabase-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+
diff --git a/CustomScript.js b/CustomScript.js
new file mode 100644
index 0000000..72bc63d
--- /dev/null
+++ b/CustomScript.js
@@ -0,0 +1,106 @@
+/*
+
+
+
+
+iframe.youtube-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+iframe.metabase-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+ */
+window.addEventListener('load', () => {
+
+ // !Change it!
+ const amazonLogo = '/attachment/677116aa307fe184858fd549';
+
+ const isbn10to13 = (code) => {
+ var newCode="978" + code.substring(0,9);
+ return newCode + checksum13(newCode);
+ };
+
+ const isbn13to10 = (code) => {
+ const oldCode = code.substring(3,12);
+ return oldCode + checksum10(oldCode);
+ };
+
+ const checksum10 = (code) => {
+ let sum=0;
+ for( cnt=0 ; cnt<9 ; cnt++ ){
+ sum=sum + (code.charAt(cnt)-'0') * (10-cnt);
+ }
+ checksum = ( 11 - (sum % 11) );
+ return (checksum == 11 ? "0" : (checksum == 10 ? "X" : checksum)) ;
+ };
+
+ const checksum13 = (code) => {
+ var sum=0;
+ for( cnt=0 ; cnt<12 ; cnt++ ){
+ sum=sum + (code.charAt(cnt)-'0') * (cnt%2==0 ? 1 : 3);
+ }
+ checksum = ( 10 - (sum % 10) );
+ return checksum;
+ };
+
+ const handleUrlChange = () => {
+ document.querySelectorAll('div.modify').forEach((dtag) => {
+ try {
+ if (0 < dtag.children.length) {
+ // if there are already contents in dtag.
+ return;
+ } else if (dtag.dataset.youtube) {
+ const movie_id = dtag.dataset.youtube;
+ dtag.innerHTML = ``;
+ } else if (dtag.dataset.isbn13) {
+ const isbn = dtag.dataset.isbn13.trim();
+ const asin = isbn13to10(isbn);
+ dtag.innerHTML = `![\"${isbn}\"/](\"https://img.hanmoto.com/bd/img/${isbn}.jpg\")
`;
+ } else if (dtag.dataset.isbn10) {
+ const asin = dtag.dataset.isbn10.trim();
+ const isbn = isbn10to13(asin);
+ dtag.innerHTML = ``;
+ } else if (dtag.dataset.asin) {
+ const asin = dtag.dataset.asin;
+ dtag.innerHTML = `![\"${asin}\"/](\"${amazonLogo}\")
`;
+ } else if (dtag.dataset.metabase) {
+ const dashboard_id = dtag.dataset.metabase;
+ dtag.innerHTML = ``;
+ }
+ } catch (e) {
+ console.log(e);
+ }
+ });
+ };
+
+ // ---- onload event ----
+ requestAnimationFrame((timestamp)=>{
+ handleUrlChange();
+ });
+
+ // ---- url change event (observe body changed) ----
+ let href = location.href;
+ const observer = new MutationObserver((mutations) => {
+ if (href == location.href) {
+ return;
+ }
+
+ href = location.href;
+ requestAnimationFrame((timestamp) => {
+ handleUrlChange();
+ });
+ });
+
+ const config = {
+ characterData: true,
+ subtree: true
+ };
+
+ observer.observe(document.body, config);
+});
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..966a824
--- /dev/null
+++ b/README.md
@@ -0,0 +1,24 @@
+## HTML
+
+```html
+
+
+
+```
+
+## CSS
+
+```css
+iframe.youtube-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+iframe.metabase-16-9 {
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1.78;
+ max-width: 768px;
+}
+```
diff --git a/Sample.html b/Sample.html
new file mode 100644
index 0000000..e0b9310
--- /dev/null
+++ b/Sample.html
@@ -0,0 +1,3 @@
+
+
+