Differences

This shows you the differences between two versions of the page.

--- pad [2024/04/19 13:29] – [Animations / Classes] melon
+++ pad [2026/10/09 18:56] (current) – Testing an idea Rubbereon
@@ Line 1: / Line 1: @@
-====== MelonLand EtherPad ======
+{{ :0:clock.gif|}}
-The MelonLand pad is a free notepad powered by etherpad that everyone can use. It allows you to create text documents that you can access via a link and edit with others (like a google doc). As you type on the pad you'll see everyone's changes in near-real-time! Feel free to use these pads for your own projects if you need them.
+====== Everyone Website ======
+The Everyone website is a community coded website that anyone with a MelonLand account can edit. Edits are published instantly to https://everyone.melonland.net !
-Currently there are two kinda of pads you can create:
+You are very welcome to edit pages, add new pages, and do what you like on here (as along as it does not break [[guidelines|MelonLand Guidelines]] of course). Feel free to use it as a playground, personal web host or whatever you can think of using it for!
-  - Public pads can be edited by everyone with the link - https://pad.melonland.net
-  - Community pads can only be edited by forum members - https://forum.melonland.net/pad.php
+Editor pads are mapped to their matching everyone url, so for example:
+  * https://forum.melonland.net/pad.php?p=playlist - is the pad url for the playlist page
+  * https://everyone.melonland.net/playlist - is the page it will be publicly visible on
-====== MelonLand Everyone Website ======
+===== Making New Pages =====
-Everything written in the Community Pad is published instantly to https://everyone.melonland.net where it can be read publicly! Its published as plain HTML, so its essentially a shared website that all forum members can edit with each other.
+Creating a new page is easy, just enter its name in the text box at the top and click "Make or Open a page", if the page already exists it will open it for you, if it does not yet exist it will create it and open it for you! When linking to a page in your html code just use its name in the href! You can check the [[https://everyone.melonland.net/@/todo|todo]] section to see if there are any pages that other people have requested.
-You are very welcome to edit pages, add new pages, and do what you like on here (as along as it does not break MelonLand rules of course :s). Feel free to use this as a playground, personal web host or whatever you can think of using it for!
+===== The Editor =====
+The everyone editor can be accessed via the "Edit this page!" link on all everyone site pages, plus the "My Room" link in the site nav. Here is a brief tour of what you'll find!
-Pads are mapped to their matching everyone url, so for example:
+{{ :everyone_editor.jpg |}}
-  * https://pad.melonland.net?p=playlist - is the pad url for the playlist page
+  - The main HTML area where you can put your code, this is what gets rendered on the live site!
-  * https://everyone.melonland.net/playlist - is the page it will be publicly visible on
+  - A notes pad for planning and discussing the page, this is __not__ rendered on the site!
+  - A separate CSS file for the page is included by default, this link opens that css file in a new tab.
+  - The "Public View" link opens the live page in a new tab.
+  - This is where you name a page to open or create it.
+  - The editor offers syntax highlighting, you can select the highlight type you want here.
+  - The names of editors is listed on the left (only if your screen is wide enough)
+  - If you want to see past version of the page, you can view old code versions here.
-===== Making New Pages =====
+===== Everyone Site Etiquette =====
-Creating a new page is easy, just enter its name in the text box at the top and click "Make or Open a page", if the page already exists it will open it for you, if it does not yet exist it will create it and open it for you!
+You can make anything on the everyone site, but here are a few tips to get the most out of it:
+  - Don't be afraid to edit other peoples pages, everything is here to be edited!
+  - Aim to create a "Healthy Page" (see section below)
+  - Think about what others might add to the page, are there things they can add?
+  - Fill out the notes section! Add notes about how you'd like people to use the page!
+  - Upload your images and other assets to the [[ftp|MelonLand FTP]], so they don't link rot!
-When linking to a page in your html code just use its name in the href!
+===== Page Health =====
+Pages are marked as healthy (or unhealthy) based on key factors like how many links they have, how many people edit them, how many images they have etc. You can see a pages details from its "Info" link! The Info link also includes a face to let you know the state of the page (dead, sick, healthy, guru), although please note it can take a while for this face to update.
-===== Editors and Timeline =====
+The best thing you can do to improve a pages health is to ensure it has a few links going out to other everyone site pages. The pages you link don't need to exist yet, you can just add a link such as href="bob" and if the bob page does not exist it will automatically be added to the [[https://everyone.melonland.net/@/todo|todo]] page for others to create.
-Hover over text to see who wrote it! Everyone is able to set a unique color to highlight their edits; if you find this hard to read you can hide it using the cog menu.
+Healthy pages have:
+  * Between **2 - 6 links** (to other everyone pages, outbound links are not counted)
+  * A **few** people who have edited them
+  * **2-10+** images
+  * **100-1000+** characters of text
+  * Autoplay **audio**
+  * Are edited every **few months**
+Pages with less that 50 health are included in the [[https://everyone.melonland.net/@/needswork|needs work]] listing, you should go an help these pages out!
+==== Everywhere Links & Random ====
+Healthy pages gain a few perks! If a page has 50+ health it will be "everywhere-linked" this mean any word matching the page name anywhere on the site will automatically link to that page. If a page has 70+ health, it will be included in the Random button!
+==== No Health Pages ====
+If a page is internal (such as an iframe focused page) and does not need direct traffic, you can include the no-health opt-out tag, that will remove it from needs work, random and everywhere links.
+  <meta name="health" content="false">
-Every edit on the pads is connected to a forum account and can be followed through time using the timeline tab, so you can see all past edits. You can use the snapshot feature to save a freeze-frame of a a pad, then even if the pad is changed you can easily return to your snapshoted version of the pad!
 ===== Images and Media =====
-There is no image or media hosting on the pad, but your welcome to hotlink media from other hosts such as [[nekoweb|nekoweb]] or [[neocities|neocities]]. Images are automatically proxied through the melonland image server to ensure they load fast regardless of where they are from!
+You can use [[ftp|MelonLand FTP/Sneeze]] to host images/files. You are also welcome to hotlink media from other hosts such as [[nekoweb|nekoweb]] or [[neocities|neocities]]. Images are automatically proxied through the melonland image server to ensure they load fast regardless of where they are from!
 ===== Animations / Classes =====
 Most Melonking.net and Melonland Forum animations are available as classes on every page!
-| Class | What it does |
+^ Class ^ What it does ^
 | .spin | Makes things spin |
 | .spin-slow | A slower spin |
@@ Line 46: / Line 76: @@
 MoMG Picture frames can also be used by default, just wrap your image in a frame div/span like so:
   <div class="picture-frame-1"><img src="https://momg.neocities.org/gifs/i-41399.gif" /></div>
-.picture-frame-1 - picture-frame-5 are supported and will offer different sizes and colors of frame.
+**.picture-frame-1** to **.picture-frame-5** are supported and will offer different sizes and colors of frame.
 ===== Fonts =====
-All forum fonts are supported by default on every page
+All forum fonts are supported by default on every page. [[https://everyone.melonland.net/fonts|Preview them here]]!
   * wingdings
   * pixel basiic
@@ Line 63: / Line 93: @@
   * Comic Sans MS
   * MS PGothic Okato
+  * BPDots
+===== File Types =====
+The Everyone Site supports some pages with file types e.g. if you title your page "hello.css" it will be processed as a css file instead of a webpage - this allows you to host community styles and scripts.
+The supported file types are:
+  * .css - Processed as a CSS Style sheet
+  * .js - Processed as a JavaScript file
+  * .txt - Processed as a plain text file
+  * .xml - Processed as a plaintext XML file
+  * .x3d - Processed as a plaintext [[X3D]] file
+  * .json - Processed as a plaintext JSON file
+  * .jpg - Processed as a JPEG image
+  * .gif - Processed as a GIF image
+  * .png - Processed as a PNG image
+===== Nav Bar Style =====
+All everyone pages embed the standard MelonLand nav bar as an iframe, the nav supports multiple themes and you can select the pages theme using a custom meta tag.
+  <meta name="nav-theme" content="purple">
+Supported themes include:
+  * **default** - The standard Everyone navbar
+  * **basic** - A more minimal navbar
+  * **purple** - The forums default pruple
+  * **dream** - The forums blue theme
+  * **dreamlite** - The forums blue theme in white
+  * **arthub** - The art hub theme
+===== Snippets =====
+You may notice snippets on some everyone pages, these are data flags that tell the render to include extra data inside that element. An example snippet that will render the 8 latest artifacts as a list:
+  <div data-snippet="latest_artifacts" data-format="list" data-count="8"></div>
+^ **Data Format (optional)** ^ **Result** ^
+| list | Outputs a HTML list structure |
+| table | Outputs a HTML table structure |
+Snippets automatically receive a class name of their type e.g. "latest_artifacts", plus inner elements recive class names based on their data structure, such as "image", for the artifact image "title" for the artifact name, etc. This means that you can fully style snippets using CSS!
+Here are the currently documented snippet types, if you need others request them from melon!
+^ **Snippet** ^ **Result** ^
+| edditors | The name of everyone who has edited the page this snippet is on |
+| everyone_page_count | The number of HTML pages on the everyone site |
+| recent_edits | A list of everyone pages that have been edited recently |
+| todo_links | A list of everyone pages that are on the todo list |
+| needs_work | A list of everyone pages that are on the needs work list |
+| news | A random forum news string |
+| activity_score | The forum activity star rating |
+| user_name | The logged in members display name |
+| swap_credit | The logged in member swap credit amount |
+| new_messages | The number of new messages a logged in member has |
+| recent_artworks | A list of recently artworks (respects ignored members) |
+| pic_of_day | A random artwork selected by the forum every day |
+| whos_online | A list of Melonlanders who have been active in the last 10.beats |
+| member_count | Total number of melonland members |
+| recent_posts | A list of recent forum posts and who made the post (respects ignored members) |
+| guild_recents | A list of recent activity in public guilds (respects ignored members) |
+| active_guilds | A list of guild logos and names sorted by recent activity |
+| latest_artifacts | Recently created swapable artifacts |
+===== API =====
+You can call **?api=X&target=Y** on all everyone site pages.
+Currently it supports 3 API calls: (Everything returns JSON data)
+  * texts - returns an array of text on the page
+  * links - returns an array of all text and urls of links
+  * images - returns an array of all image urls on the page
+You can use the target= request to limit the api to part of a page using a CSS selector - for example:
+<code>
+https://everyone.melonland.net/?api=texts&target=li a
+# This will return all the text within links on the homepage.
+https://everyone.melonland.net/links?api=links&target=.links
+# This will return all the links and urls in the community links list (useful if you want to embed them in your own site)
+https://everyone.melonland.net/danceparty?api=images
+# This will return the urls of every image in the dance party!
+</code>
+====== Public Etherpad ======
+Prior to July 2025 it was possible to create non-everyone site pads via pad.melonland.net ~ this feature has been retired.