Differences

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

--- pad [2024/04/16 20:53] – created melon
+++ pad [2024/11/17 15:05] (current) – [File Types] melon
@@ Line 1: / Line 1: @@
-to do
+====== MelonLand EtherPad ======
+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.
+Currently there are two kinda of pads you can create:
+  - 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
+====== MelonLand Everyone Website ======
+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.
+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!
+Pads are mapped to their matching everyone url, so for example:
+  * https://pad.melonland.net?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!
+===== Editors and Timeline =====
+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.
+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!
+===== 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
+  * MS PGothic Okato
+===== 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
+===== 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>