Update README.md and change index.html to use Git URL as source

thevickypedia · Feb 18, 2024 · 2f9d42d · 2f9d42d
1 parent 0dcfbec
commit 2f9d42d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -3,11 +3,25 @@ A repository to share resources across different modules
 
 To source data from this repository please use any of the following links
 
-- For programming languages
+### For programming languages
 ```text
 https://raw.githubusercontent.com/thevickypedia/open-source/main/
 ```
-- For injecting into web UI
+
+### For injecting into web UI
+
+**Format:**
 ```text
-https://rawgit.com/thevickypedia/open-source/main/
+https://[username].github.io/[repository]/[filename].js
+```
+
+```html
+<script src="https://thevickypedia.github.io/open-source/nightmode/night.js" defer></script>
+<link rel="stylesheet" href="https://thevickypedia.github.io/open-source/nightmode/night.css">
 ```
+
+- `raw.github.com` cannot be used for web UI since GitHub changed the `Content-Type`
+  - Refer [GitHub blog][blog]
+- Users may also experience `(failed)net::ERR_BLOCKED_BY_ORB` 
+
+[blog]: https://github.blog/2013-04-24-heads-up-nosniff-header-support-coming-to-chrome-and-firefox/
diff --git a/index.html b/index.html
@@ -7,8 +7,8 @@
   <title>Sample Page for Night Mode</title>
   <!-- CSS and JS for night mode -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
-  <script type="text/javascript" src="nightmode/night.js" defer></script>
-  <link rel="stylesheet" href="nightmode/night.css">
+  <script type="text/javascript" src="https://thevickypedia.github.io/open-source/nightmode/night.js" defer></script>
+  <link rel="stylesheet" type="text/css" href="https://thevickypedia.github.io/open-source/nightmode/night.css">
   <style>
     body {
       text-align:center;