greenhouse/index.php


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

<!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); ?>
      <h1 style="overflow: hidden;">webgreenhouse</h1>
      <h2 id="caption">I'll be honest, I'm not sure some of these plants belong underwater...</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&#8209;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>&lt;iframe src="https://isopod.cool/stuff/webgarden/" style="height: 250px; width: 250px;" scrolling="no" loading="lazy"&gt;&lt;/iframe&gt;</textarea>
          <p>It may or may not be fully functional if you're on mobile, but then again this entire standard isn't really the most responsive thing in the world anyway.</p>
        </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://justbecaws.neocities.org/webgarden"                  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>
        <iframe src="https://sixey.es/greenhouse/webgarden.html"                  scrolling="no" loading="lazy"></iframe>
        <iframe src="https://shroom.ink/webgarden.html"                           scrolling="no" loading="lazy"></iframe>
      </div>
    
  </body>
</html>