From ec8d12cdb3d37f954e808f975d90103f689a580b Mon Sep 17 00:00:00 2001
From: Stefan Bohacek <stefan@stefanbohacek.com>
Date: Fri, 17 May 2024 19:51:26 -0400
Subject: [PATCH] Use the demo site as the default hosting for all files.

---
 README.md  | 16 +++++-----------
 index.html |  8 ++------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 00a9080..205e8cc 100644
--- a/README.md
+++ b/README.md
@@ -15,17 +15,7 @@ You can see a demo at [fediverse-share-button.stefanbohacek.dev](https://fediver
 
 ## How to use
 
-1. Download the files in this repo.
-2. Add the JavaScript code and CSS stylesheet to your page.
-
-```html
-<link rel="stylesheet" href="./fediverse-share-button/styles.min.css">
-<script src="./fediverse-share-button/script.min.js" defer class="fsb-script"></script>
-```
-
-Note that if you need to change where the `fediverse-share-button` folder is uploaded, you will also have to change the JS and CSS paths above, and also the path of the initial Mastodon logo below.
-
-3. Add a sharing prompt to your page.
+Add the following snippet to where you want your sharing button to show up:
 
 ```html
 <form class="fsb-prompt">
@@ -47,8 +37,12 @@ Note that if you need to change where the `fediverse-share-button` folder is upl
       target="_blank"
       href=""></a>.</p>
 </form>
+<link rel="stylesheet" href="https://fediverse-share-button.stefanbohacek.dev/fediverse-share-button/styles.min.css">
+<script src="https://fediverse-share-button.stefanbohacek.dev/fediverse-share-button/script.min.js" defer class="fsb-script"></script>
 ```
 
+Alternatively, you can download the code from this repo and host all the JS, CSS, and image files yourself.
+
 ## FAQ
 
 **Q: How does this work?**
diff --git a/index.html b/index.html
index 5681545..1e18358 100644
--- a/index.html
+++ b/index.html
@@ -9,8 +9,7 @@
   <meta name="description"
     content="One of the current objections to Communism, and Socialism altogether, is that the idea is so old, and yet it has
   never been realized.">
-  <link rel="stylesheet"
-    href="./fediverse-share-button/styles.min.css">
+  <link rel="stylesheet" href="https://fediverse-share-button.stefanbohacek.dev/fediverse-share-button/styles.min.css">
   <style>
     body {
       padding: 20px 24px;
@@ -89,10 +88,7 @@
         target="_blank"
         href=""></a>.</p>
   </form>
-  <script class="fsb-script"
-    src="./fediverse-share-button/script.min.js"
-    defer>
-    </script>
+  <script src="https://fediverse-share-button.stefanbohacek.dev/fediverse-share-button/script.min.js" defer class="fsb-script"></script>  
 </body>
 
 </html>
\ No newline at end of file