surf_club [MelonLand Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Surf Club! ======

Greetings chum, this is an info page for the [[https://melonland.net/surf-club.html|Surf Club]] (aka **MelonLand Surf Club**)! The surf club is a [[webring|webring]] that is designed to promote and help people find the homepages of MelonLand Forum members! {{ :screenshot_2024-11-17_at_14-43-19_melonland_surf_club_-_webring.png?400}}

The page depicts a blue and white tamanotchi-like gradient, displays info on the top, along with a widget that you can place, which is shown on the top right, on the bottom is tiles, containing links to the pages in the Web Ring.

Song Name playing in the background is //8-bit remix of the song Beach Boys - Be True To Your School//

===== Joining the Webring =====

Joining the webring is really easy!

  - Make an account and login to the [[https://forum.melonland.net/|MelonLand Forum]]
  - Select your Profile and click the "My Details" tab from the profile links.
  - Scroll down to the "Website URL" and "Website Title" text input fields!
  - Enter your homepage's URL (including https:%%//%%) and Title, then click the "Change Profile" button!
  - Done! Your homepage should appear in the webring after the next automatic update (in a few hours or days).

When your site is added, you will see an anchor icon under your name in forum posts that can be clicked to jump to your surf club entry!

===== F.A.Q. =====

  * Q: **My site is not showing up in the webring list!! :(**
  * A: Make sure your URL is correct and your site does not have errors! ~ straw.page sites are __not__ supported, JavaScript-only sites are __not__ supported. Sites must have content and load within 5 seconds!

  * Q: **How is the webring members list sorted?**
  * A: Its sorted by forum activity, so visiting the forum will move you up the list!

  * Q: **How often is the webring page updated?**
  * A: Its updated automatically and can take from a few hours, to a day, depending on server load!

  * Q: **Do I need to display the webring widget on my site?**
  * A: Nope, the widget is optional, but hella cool if you do use it!

  * Q: **Can I use the forum but opt-out of the webring?**
  * A: Sure! Just don't include your homepage on your profile (you can still put it in your signature)

  * Q: **My site is not displaying its colours/background correctly on the webring list?**
  * A: The list tries to get your <body> background-color, background-image and your <p> or <a> color - set those to modify your style!

  * Q: **How do I get a cool site description on the list??**
  * A: Easy, just set a description [[https://www.w3schools.com/tags/tag_meta.asp|meta tag]] in the head of your index.html!

  * Q: **How do I get my site to show up in Surf Search for certain words?**
  * A: Just set meta-keywords [[https://www.w3schools.com/tags/tag_meta.asp|meta tags]] in the head of your index.html!

----

===== Using the Navigator =====

It's very easy using the Navigator, pick a site you wanna visit, and will be all contained within the navigator*. This section of the wiki will help you if you don't know how to the features that the navigator has to offer!

{{ :floorp_4cpvyym8hl.png?400}}

  - This will take you to the next site every 9 seconds when toggled.
  - Prev and Next buttons, this will take you to the previous/next pex
  - The navigator logo itself (Sometimes will show something different then just "Explore Surf Club Sites!")
  - The site itself
  - The site name and author. Clicking the author will lead to their melonland forum account, Clicking the site name will take you to that site (viewing it without the navbar)

==== iFrame Error ====

{{ :screenshot_2024-11-18_at_16-39-53_opps_no_embed_error_.png?400&nolink}}

If the site doesn't support iframe, you'll get this error, but don't worry. You can still visit the site (outside of the Navigator) by clicking on the link on the top center. If you are very curious, this page can be viewed [[https://melonland.net/small-pages/surf-no-embed|here]].

If you're using [[https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy|CSP headers]], and find that your browser returns a security error when visiting your site on the Navigator, you may need to add "melonland.net" to your "frame-ancestors". Here's an example directive for Nginx:

<code nginx mysite.conf>
add_header Content-Security-Policy "frame-ancestors 'self' https://melonland.net/;";
</code>

----

===== Modifying the Widget & Making your own! =====

<WRAP center round info 60%>

If you are using a different device, the color picker may look different for you. It should be self-explanatory though.

</WRAP>

{{ :floorp_sbxdls04oe.png?388}}

You can resize the widget by changing the width and height values included in the widget code (by default its 100x100px). You can also supply your own colour code in the url (or use the colour picker; see below for instructions) to change the widgets colour.

  - Click on the colour picker (Marked 1. in the figure)
  - Set your desired color.
  - Click OK.
  - Once you done that, copy the code and paste it in your site. Enjoy.

----

===== Site Rules and Moderation =====

<WRAP center round important 60%>

Sites will not be for everyone, So be careful!

Note that some sites do have a disclaimer, a censorship panda, anyways of showing the age rating for the site. So if you are sensitive to that stuff, Read it carefully before proceeding, or show your parent/guardian for prior approval.

</WRAP>

The Surf Club focuses on creative personal homepages, so social media accounts and link lists aren't included. Commercial sites, some portfolio sites, and fully AI generated or Wix/Square Space style sites are also not included. The mods try to ensure sites in the webring are safe and enjoyable, but these homepages reflect their creators' personal views, which may differ from yours. Sites that don’t fit the MelonLand rules may be removed. If you spot harmful content or a broken site, please report it to [[webmaster@melonking.net|webmaster@melonking.net]]!

----

====== See also ======

  - The Random Site button - [[https://surf.melonland.net/surf-club-random]]