Differences

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

--- web_gardens [2025/01/31 04:00] – Update links missmoss
+++ web_gardens [2025/01/31 04:07] (current) – [Pots] missmoss
@@ Line 1: / Line 1: @@
 ====== Web Gardens ======
-[[https://webgardens.neocities.org/|Webgardens]] are micro sites originally created by [[https://justbecaws.neocities.org/|JustBeCaws]] (formerly MissMoss). The idea is that you can create a miniature version of your site that people can embed into their site in what's called a Greenhouse.
+[[https://webgardens.neocities.org/|Webgardens]] are micro sites originally created by [[https://justbecaws.neocities.org/|Just Becaws]] (formerly Miss Moss). The idea is that you can create a miniature version of your site that people can embed into their site in what's called a Greenhouse.
 ===== Greenhouses =====
-A greenhouse is a page that contains all the web gardens you have collected!
+A greenhouse is a page that contains all the Webgardens you have collected! The official Webgardens site offers the following blank [[Frames|iFrame]] code to fill in with links you find:
+<code>
+<iframe src="PUT A SITE'S POT LINK HERE!" height="250px" width="250px" scrolling="no"></iframe>
+</code>
 ===== Pots =====
-Your "pot" or "bonsai" is the miniature version of your site, it typicality fits into a 250x250px [[Frames|iFrame]]. MissMoss offers the following code for making your own web garden pot below:
+Your "pot" or "bonsai" is a miniature version of your site that fits into a 250x250px [[Frames|iFrame]]. The official Webgardens site has a template for you to copy and make your own:
 <code>
-Copy the code below for each pot you want to create. Replace the "PUT A SITE'S POSTS PAGE LINK HERE!" with the link in question.:
+<!DOCTYPE html>
+<html lang="en">
-<iframe src="PUT A SITE'S POTS PAGE LINK HERE!" height="250px" width="250px" scrolling="no"></iframe>
+<head>
-</code>
+    <meta charset="UTF-8">
+    <style>
+        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            outline: 0;
+            font-size: 100%;
+            vertical-align: baseline;
+            background: transparent;
+        }
+        .plant {
+            width: 250px;
+            height: 250px;
+        }
+    </style>
+</head>
+<body>
+    <div class="plant">
+        <p>This is some example content for the plant that is actually visible in other people's pots.</p>
+    </div>
+</body>
+</html>
+</code>
 ===== A list of known pots =====
   * https://melonking.net/webgarden.html