From 0513124dc3b07b70b639b87e9e9c6fea2348f4df Mon Sep 17 00:00:00 2001
From: Pablo Armentano <pabloarmentano@gmail.com>
Date: Sat, 21 Aug 2021 15:09:51 -0300
Subject: [PATCH 1/4] New feature: custom favicon and styles

---
 worker.js | 54 ++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 42 insertions(+), 12 deletions(-)

diff --git a/worker.js b/worker.js
index 17dd635..27a6da7 100644
--- a/worker.js
+++ b/worker.js
@@ -23,7 +23,13 @@ const PAGE_DESCRIPTION =
 /* Step 4: enter a Google Font name, you can choose from https://fonts.google.com */
 const GOOGLE_FONT = "Rubik";
 
-/* Step 5: enter any custom scripts you'd like */
+/* Step 5: Add a custom favicon (your Notion avatar URL works too) */
+const CUSTOM_AVATAR = "";
+
+/* Step 6: enter any custom CSS, no style tag needed */
+const CUSTOM_STYLE = ``;
+
+/* Step 7: enter any custom scripts you'd like, script tag needed */
 const CUSTOM_SCRIPT = ``;
 
 /* CONFIGURATION ENDS HERE */
@@ -175,12 +181,26 @@ class MetaRewriter {
   }
 }
 
+  class LinkRewriter {
+    element(element) {
+      if (element.getAttribute('rel') === 'shortcut icon') {
+        element.setAttribute('href', CUSTOM_AVATAR);
+      }
+
+      if (element.getAttribute('rel') === 'apple-touch-icon') {
+        element.setAttribute('href', CUSTOM_AVATAR);
+      }
+    }
+  }
+
 class HeadRewriter {
   element(element) {
     if (GOOGLE_FONT !== "") {
-      element.append(
-        `<link href='https://fonts.googleapis.com/css?family=${GOOGLE_FONT.replace(' ', '+')}:Regular,Bold,Italic&display=swap' rel='stylesheet'>
-        <style>* { font-family: "${GOOGLE_FONT}" !important; }</style>`,
+        element.append(`<link href="https://fonts.googleapis.com/css?family=${GOOGLE_FONT.replace(' ', '+')}:Regular,Bold,Italic&display=swap" rel="stylesheet">
+        <style>
+            * { font-family: "${GOOGLE_FONT}" !important; }
+            a { font-weight: inherit !important; }
+        </style>`,
         {
           html: true
         }
@@ -196,6 +216,8 @@ class HeadRewriter {
       div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }
       div.notion-topbar > div > div:nth-child(1n).toggle-mode { display: block !important; }
       div.notion-topbar-mobile > div:nth-child(1n).toggle-mode { display: block !important; }
+
+      ${CUSTOM_STYLE}
       </style>`,
       {
         html: true
@@ -209,8 +231,9 @@ class BodyRewriter {
     this.SLUG_TO_PAGE = SLUG_TO_PAGE;
   }
   element(element) {
-    element.append(
-      `<script>
+      element.append(`<div style="display:none">Powered by <a href="http://fruitionsite.com">Fruition</a></div>
+      <script>
+      window.CONFIG.domainBaseUrl = "https://${MY_DOMAIN}/";
       const SLUG_TO_PAGE = ${JSON.stringify(this.SLUG_TO_PAGE)};
       const PAGE_TO_SLUG = {};
       const slugs = [];
@@ -258,7 +281,7 @@ class BodyRewriter {
         el.addEventListener('click', toggle);
         nav.appendChild(el);
 
-        // enable smart dark mode based on user-preference
+        // enable smart dark mode basded on user-preference
         if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
             onDark();
         } else {
@@ -271,6 +294,12 @@ class BodyRewriter {
         });
       }
       const observer = new MutationObserver(function() {
+        document.querySelectorAll('link').forEach((element) => {
+        if (element.getAttribute('rel') === 'shortcut icon') {
+            element.setAttribute('href', '${CUSTOM_AVATAR}');
+        }
+        })
+
         if (redirected) return;
         const nav = document.querySelector('.notion-topbar');
         const mobileNav = document.querySelector('.notion-topbar-mobile');
@@ -325,9 +354,10 @@ class BodyRewriter {
 
 async function appendJavascript(res, SLUG_TO_PAGE) {
   return new HTMLRewriter()
-    .on("title", new MetaRewriter())
-    .on("meta", new MetaRewriter())
-    .on("head", new HeadRewriter())
-    .on("body", new BodyRewriter(SLUG_TO_PAGE))
+      .on('title', new MetaRewriter())
+      .on('meta', new MetaRewriter())
+      .on('head', new HeadRewriter())
+      .on('link', new LinkRewriter())
+      .on('body', new BodyRewriter(SLUG_TO_PAGE))
     .transform(res);
-}
+}
\ No newline at end of file

From 9bf7e5a6d2672c1dfaca3682ba5ddb955180cf24 Mon Sep 17 00:00:00 2001
From: Pablo Armentano <pabloarmentano@gmail.com>
Date: Fri, 27 Aug 2021 03:07:04 -0300
Subject: [PATCH 2/4] fix(workers.js): revert powered by Fruition footnote

---
 worker.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/worker.js b/worker.js
index 27a6da7..92dce30 100644
--- a/worker.js
+++ b/worker.js
@@ -231,8 +231,7 @@ class BodyRewriter {
     this.SLUG_TO_PAGE = SLUG_TO_PAGE;
   }
   element(element) {
-      element.append(`<div style="display:none">Powered by <a href="http://fruitionsite.com">Fruition</a></div>
-      <script>
+      element.append(`<script>
       window.CONFIG.domainBaseUrl = "https://${MY_DOMAIN}/";
       const SLUG_TO_PAGE = ${JSON.stringify(this.SLUG_TO_PAGE)};
       const PAGE_TO_SLUG = {};

From 99f680790540c5699a6b7494f80d9e54a1052fc2 Mon Sep 17 00:00:00 2001
From: Pablo Armentano <pabloarmentano@gmail.com>
Date: Fri, 27 Aug 2021 03:07:57 -0300
Subject: [PATCH 3/4] fix(worker.js): quotes on conflit

---
 worker.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/worker.js b/worker.js
index 92dce30..0ea0e99 100644
--- a/worker.js
+++ b/worker.js
@@ -232,7 +232,7 @@ class BodyRewriter {
   }
   element(element) {
       element.append(`<script>
-      window.CONFIG.domainBaseUrl = "https://${MY_DOMAIN}/";
+      window.CONFIG.domainBaseUrl = 'https://${MY_DOMAIN}';
       const SLUG_TO_PAGE = ${JSON.stringify(this.SLUG_TO_PAGE)};
       const PAGE_TO_SLUG = {};
       const slugs = [];

From a604cfa022e229171b9d5702ffb2cc63e1cd911e Mon Sep 17 00:00:00 2001
From: Pablo Armentano <pabloarmentano@gmail.com>
Date: Fri, 27 Aug 2021 03:09:15 -0300
Subject: [PATCH 4/4] style(worker.js): adding newline to fix conflict

---
 worker.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/worker.js b/worker.js
index 0ea0e99..809c7a2 100644
--- a/worker.js
+++ b/worker.js
@@ -231,7 +231,8 @@ class BodyRewriter {
     this.SLUG_TO_PAGE = SLUG_TO_PAGE;
   }
   element(element) {
-      element.append(`<script>
+      element.append(
+      `<script>
       window.CONFIG.domainBaseUrl = 'https://${MY_DOMAIN}';
       const SLUG_TO_PAGE = ${JSON.stringify(this.SLUG_TO_PAGE)};
       const PAGE_TO_SLUG = {};