diff options
Diffstat (limited to 'greenhouse')
| -rw-r--r-- | greenhouse/bg.jpg | bin | 0 -> 539379 bytes | |||
| -rw-r--r-- | greenhouse/bg.jxl | bin | 0 -> 454813 bytes | |||
| -rw-r--r-- | greenhouse/index.php | 62 |
3 files changed, 62 insertions, 0 deletions
diff --git a/greenhouse/bg.jpg b/greenhouse/bg.jpg Binary files differnew file mode 100644 index 0000000..151aa15 --- /dev/null +++ b/greenhouse/bg.jpg diff --git a/greenhouse/bg.jxl b/greenhouse/bg.jxl Binary files differnew file mode 100644 index 0000000..5461da8 --- /dev/null +++ b/greenhouse/bg.jxl diff --git a/greenhouse/index.php b/greenhouse/index.php new file mode 100644 index 0000000..c0e10d3 --- /dev/null +++ b/greenhouse/index.php @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Greenhouse</title> + <link href="../../style.css" rel="stylesheet" type="text/css" media="all"> + <style type="text/css"> + body { + max-width: 50rem; + } + .shelf { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + } + .shelf > iframe { + box-shadow: 2px 2px 6px black; + width: 250px; + height: 250px; + } + .shelf > * { + margin-bottom: 1rem; + } + #bodytext { + height: 250px; + width: 524px; + overflow-x: hidden; + overflow-y: scroll; + } + @media only screen and (hover: none) and (max-width: 43rem) { + #bodytext { + width: 250px; + } + } + body { + max-width: var(--bodywidth); + } + </style> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?> + </head> + <body> + <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); bg(true, 10); ?> + <h1 style="overflow: hidden;">webgreenhouse</h1> + <h2 id="caption"> </h2> + <div class="shelf"> + <iframe src="https://isopod.cool/stuff/webgarden/" scrolling="no" loading="lazy"></iframe> + <div id="bodytext"> + <p style="margin-top: 0; margin-bottom: 0.85rem;">You've found my webgarden page! A <a href="https://webgardens.neocities.org/tutorial/" title="or pot, or bonsai">webgarden</a> is a mini‑webpage that other people can embed in their websites, as defined by <a href="https://justbecaws.neocities.org/">Corv</a>. Here's the code for mine:</p> + <textarea style="width: 100%; margin: 0; box-sizing: border-box;" rows="2" readonly><iframe src="https://isopod.cool/stuff/webgarden/" style="height: 250px; width: 250px;" scrolling="no" loading="lazy"></iframe></textarea> + </div> + <iframe src="https://lu.tiny-universes.net/webgarden/webgarden.html" scrolling="no" loading="lazy"></iframe> + <iframe src="https://obspogon.neocities.org/webgarden" scrolling="no" loading="lazy"></iframe> + <iframe src="https://pip-pepping.neocities.org/web-garden/webgarden.html" scrolling="no" loading="lazy"></iframe> + <iframe src="https://dantescanline.com/webgarden.html" scrolling="no" loading="lazy"></iframe> + <iframe src="https://missmoss.neocities.org/webgarden.html/" scrolling="no" loading="lazy"></iframe> + <iframe src="https://neonriser.neocities.org/webgarden.html" scrolling="no" loading="lazy"></iframe> + <iframe src="https://zeusofthecrows.github.io/stadt/webgarden" scrolling="no" loading="lazy"></iframe> + </div> + + </body> +</html> |
