Differences

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

--- pad [2024/04/17 17:02] – melon
+++ pad [2024/11/17 15:05] (current) – [File Types] melon
@@ Line 1: / Line 1: @@
-====== MelonLand Ether Pad ======
+====== 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.
@@ Line 5: / Line 5: @@
   - 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
-Everything written in the community pads is instantly published to https://everyone.melonland.net as the Everyone Website.
@@ Line 17: / Line 15: @@
   * 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 =====
+===== Animations / Classes =====
-Most Melonking.net and Melonland Forum animations are available as classes on every page! Just make sure your page has a <head> and then you can apply animations such as:
+Most Melonking.net and Melonland Forum animations are available as classes on every page!
 | Class | What it does |
 | .spin | Makes things spin |
@@ Line 36: / Line 44: @@
 | .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 with a <head>
+All forum fonts are supported by default on every page
   * wingdings
   * pixel basiic
@@ Line 52: / Line 63: @@
   * 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>