Differences

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

--- pad [2024/04/16 20:53] – created melon
+++ pad [2026/09/26 16:20] (current) – [Fonts] melon
@@ Line 1: / Line 1: @@
-to do
+====== 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 !
+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!
+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
+===== Making New Pages =====
+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.
+===== 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!
+{{ :everyone_editor.jpg |}}
+  - The main HTML area where you can put your code, this is what gets rendered on the live site!
+  - 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.
+===== Everyone Site Etiquette =====
+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!
+===== 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.
+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.
+Healthy pages have:
+  * Between **2 - 6 links**
+  * A **few** people who have edited them
+  * **2-10+** images
+  * **100-1000+** characters of text
+  * 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">
+===== Editors and Timeline =====
+Editor names are listed in the sidebar, you can also hover over text to see who wrote it!
+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 =====
+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 ^
+| .spin | Makes things spin |
+| .spin-slow | A slower spin |
+| .swing | Swinging like a lamp |
+| .bobbing | Floating in the sea |
+| .tossing | Floating in space |
+| .blink | Flashing |
+| .marquee | Forum marquee, requires an inner span |
+| .twist | Melonking nav icons spin on hover |
+| .tilt | Melonking image bow on hover |
+| .flip | GifyPet flip on hover |
+| .wiggle | GifyPet wiggle on hover |
+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** 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
+  * wingdings
+  * pixel basiic
+  * pixel heart
+  * pixel romance
+  * chicago
+  * cherrybomb
+  * blox
+  * mrs monster
+  * trash hand
+  * flavors
+  * baby doll
+  * papyrus
+  * Comic Sans MS
+===== 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 |
+| 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 |
+| 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.