add badgeHEADmain

7 files changed, 35 insertions, 33 deletions

diff --git a/README.md b/README.md
index a142211..794d266 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # the bunny web!
 
+![badge](badge.png)
+
 come join the bunny web!!! the webring for all bunny enjoyers 🐇
 
 ## rules and guidelines
diff --git a/badge.png b/badge.png
new file mode 100644
index 0000000..fdc790d
--- /dev/null
+++ b/badge.png
diff --git a/bnuy.png b/bnuy.png
new file mode 100644
index 0000000..f6e8747
--- /dev/null
+++ b/bnuy.png
diff --git a/bunnyring.js b/bunnyring.js
index a783a41..9fa9fa6 100644
--- a/bunnyring.js
+++ b/bunnyring.js
@@ -28,10 +28,10 @@ var bunnyring_members = [
 // Again, if you're hosting this Librering, please change all the instances of bunnyring to your particular webring name in lower case, and insert valid image URLs for the badges and navigation.
 var bunnyring_ringurl = "https://bunny.garden/bunnyring/about/"; // The URL of the webring itself, for contact and information purposes.
 // var bunnyring_badgeurl = "https://bunny.garden/bunnyring/badge.png"; // The URL of the main badge of the webring; 88x31 recommended, but any size goes.
-// var bunnyring_prevurl = "https://thewebringitself.site/prev.png"; // The URL of the PREVIOUS badge of the webring; in the original design, a quarter of the main badge.
-// var bunnyring_nexturl = "https://thewebringitself.site/next.png"; // The URL of the NEXT badge of the webring; in the original design, a quarter of the main badge.
-// var bunnyring_randomurl = "https://thewebringitself.site/random.png"; // The URL of the RANDOM badge of the webring; in the original design, a quarter of the main badge.
-// var bunnyring_abouturl = "https://thewebringitself.site/about.png"; // The URL of the ABOUT LIBRERING badge of the webring; in the original design, a quarter of the main badge.
+var bunnyring_prevurl = "https://bunny.garden/bunnyring/plain/prev.png"; // The URL of the PREVIOUS badge of the webring; in the original design, a quarter of the main badge.
+var bunnyring_nexturl = "https://bunny.garden/bunnyring/plain/next.png"; // The URL of the NEXT badge of the webring; in the original design, a quarter of the main badge.
+var bunnyring_randomurl = "https://bunny.garden/bunnyring/plain/random.png"; // The URL of the RANDOM badge of the webring; in the original design, a quarter of the main badge.
+var bunnyring_abouturl = "https://bunny.garden/bunnyring/plain/bnuy.png"; // The URL of the ABOUT LIBRERING badge of the webring; in the original design, a quarter of the main badge.
 
 // ····························································································································
 // : DISPLAY SECTION :: This defines whatever happens on a member's individual site: most notably, inserting a little display. :
@@ -59,30 +59,6 @@ if (siteIndex == -1) {
 }
 
 // If our current location IS in the webring, this is where it continues.
-// else {
-//     // This is a readable (but technologically not very sound) way to loop around when you are either the first or last member of the webring.
-//     var beforeID;
-//     var afterID;
-//     if (siteIndex == 0) { beforeID = bunnyring_members.length - 1; }
-//     else { beforeID = siteIndex - 1; }
-//     if (siteIndex == bunnyring_members.length - 1) { afterID = 0; }
-//     else { afterID = siteIndex + 1; }
-    
-//     // This chooses a random website from a copy of the member list.
-//     var randomID;
-//     randomID = Math.floor(Math.random() * bunnyring_members.length);
-
-//     // Now it is time to get to the meaty stuff. This will replace our little display container with the actual display content: a general badge, next/previous buttons, and a webring info and random link.
-//     // Remove, swap around or change these components as you see fit.
-//     displayElement.innerHTML =
-//     "<a href='" + bunnyring_ringurl + "'><img alt='Badge: bunnyring webring' src='" + bunnyring_badgeurl + "' /></a><br />" +
-//     "<a href='" + bunnyring_members[beforeID] + "'><img alt='Previous' src='" + bunnyring_prevurl + "' /></a>" +
-//     "<a href='" + bunnyring_members[randomID] + "'><img alt='Random' src='" + bunnyring_randomurl + "' /></a>" +
-//     "<a href='https://libre.town/creative/development/librering.xhtml'><img alt='About LibreRing' src='" + bunnyring_abouturl + "' /></a>" + 
-//     "<a href='" + bunnyring_members[afterID] + "'><img alt='Next' src='" + bunnyring_nexturl + "' /></a>";
-// }
-
-// If you want to choose a text-based display instead without any images, remove or comment up the entire else block above and instead uncomment this one.
 else {
     // This is a readable (but technologically not very sound) way to loop around when you are either the first or last member of the webring.
     var beforeID;
@@ -99,9 +75,33 @@ else {
     // Now it is time to get to the meaty stuff. This will replace our little display container with the actual display content: a general badge, next/previous buttons, and a webring info and random link.
     // Remove, swap around or change these components as you see fit.
     displayElement.innerHTML =
-    "<p><a href='" + bunnyring_ringurl + "'>this site is part of the bunny web!!</a></br>" +
-    "<a href='" + bunnyring_members[beforeID] + "'>previous |</a>" +
-    " <a href='" + bunnyring_members[randomID] + "'>random |</a>" +
-    " <a href='https://libre.town/creative/development/librering.xhtml'>about LibreRing |</a>" + 
-    " <a href='" + bunnyring_members[afterID] + "'>next</a></p>";
+    // "<a href='" + bunnyring_ringurl + "'><img alt='Badge: bunnyring webring' src='" + bunnyring_badgeurl + "' /></a><br />" +
+    "<a href='" + bunnyring_members[beforeID] + "'><img alt='previous' src='" + bunnyring_prevurl + "' /></a>" +
+    "<a href='" + bunnyring_ringurl + "'><img alt='about the bunny web' src='" + bunnyring_abouturl + "' /></a>" + 
+    "<a href='" + bunnyring_members[randomID] + "'><img alt='random' src='" + bunnyring_randomurl + "' /></a>" +
+    "<a href='" + bunnyring_members[afterID] + "'><img alt='next' src='" + bunnyring_nexturl + "' /></a>";
 }
+
+// If you want to choose a text-based display instead without any images, remove or comment up the entire else block above and instead uncomment this one.
+// else {
+//     // This is a readable (but technologically not very sound) way to loop around when you are either the first or last member of the webring.
+//     var beforeID;
+//     var afterID;
+//     if (siteIndex == 0) { beforeID = bunnyring_members.length - 1; }
+//     else { beforeID = siteIndex - 1; }
+//     if (siteIndex == bunnyring_members.length - 1) { afterID = 0; }
+//     else { afterID = siteIndex + 1; }
+    
+//     // This chooses a random website from a copy of the member list.
+//     var randomID;
+//     randomID = Math.floor(Math.random() * bunnyring_members.length);
+
+//     // Now it is time to get to the meaty stuff. This will replace our little display container with the actual display content: a general badge, next/previous buttons, and a webring info and random link.
+//     // Remove, swap around or change these components as you see fit.
+//     displayElement.innerHTML =
+//     "<p><a href='" + bunnyring_ringurl + "'>this site is part of the bunny web!!</a></br>" +
+//     "<a href='" + bunnyring_members[beforeID] + "'>previous |</a>" +
+//     " <a href='" + bunnyring_members[randomID] + "'>random |</a>" +
+//     " <a href='https://libre.town/creative/development/librering.xhtml'>about LibreRing |</a>" + 
+//     " <a href='" + bunnyring_members[afterID] + "'>next</a></p>";
+// }
diff --git a/next.png b/next.png
new file mode 100644
index 0000000..4f2dc82
--- /dev/null
+++ b/next.png
diff --git a/prev.png b/prev.png
new file mode 100644
index 0000000..9aa0e75
--- /dev/null
+++ b/prev.png
diff --git a/random.png b/random.png
new file mode 100644
index 0000000..277b806
--- /dev/null
+++ b/random.png