MelonLand Surf Club (webring) - Now Live

[loren]

i just said this in the chatbox, but i think it's worth repeating in a more permanent way: i think the surf club is brilliant! it's such a refreshing take on webrings/directories because of its unique way of sorting based on forum activity. thank you @Melooon for all the work you've put into it!

[starbreaker]

I made some adjustments to the widget to better suit my site, and I'll document them below in case they're useful to others. The main tweak is that instead of setting the height and width through the "style" property, I use the object element's built-in height and width attributes. This ensures that the widget stays smol even if the site doesn't specify a stylesheet or if the browser has CSS disabled or doesn't implement CSS.

Code

<div class="melonland">
  <object id="melonland-surf-club"
          data="https://melonland.net/surf-badge.svg?fill=#16161d" 
          height="100"
          width="100"
          type="image/svg+xml">
  </object>
</div>

Here's my CSS for the "melonland" class. Because my website has a dark theme that kicks in when your device switches to dark mode, the badge loses visibility against a dark background and I haven't found a way to dynamically change its fill property without using JavaScript (which I refuse to use on this website). So when dark mode kicks in, I add a bit of padding and make sure the background is always white.

Code

.melonland {
  padding: .5rem;
  background: white;
}

[Melooon]

The Surf Navigator is now available! https://melonland.net/surf-navigator

Lemmy know if you have bugs, suggestions or feedback! Im aware some sites give a "Firefox Can’t Open This Page" security error - future versions will filter these sites out, but for now you can just skip over them!

Also this is a reminder, please update your sites and URLs to https if possible as HTTP sites will not function very well!

Otherwise enjoy 

[wetnoodle]

Thank you for the incredible work as always @Melooon !!! Hands down my favorite webring to be a part of!

[alexela64]

The navigator looks amazing! So glad i get to be a part of this webring   

[krish]

Echoing others in saying this looks awesome! Cheers

[Melooon]

Im glad people like it!

A few more minor updates today;

• the filtering system now removes sites with no content
• people who mistakenly set their site as HTTP instead of HTTPS will be automatically upgraded (so it loads a bit faster)
• sites that cant be embedded will get a nice splash screen
• I also manually removed a few sites that didn't really fit the vibe and were from unused forum accounts
• The anchor icon below your name will now direct link to your navigator entry
• The Surf Club listing page will now default to open sites in the Navigator if your browser supports JavaScript