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

<!DOCTYPE html>
<html lang="en">
  <head>
    <?php include($_SERVER['DOCUMENT_ROOT'] . '/boilerplate.php'); ?>
    <title>greenhouse | <?php echo($_SERVER['HTTP_HOST']);?></title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <style type="text/css">
      .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;
        }
      }
    </style>
  </head>
  <body>
    <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
    <main>
      <section>
        <h2>webgreenhouse</h2>
        <p class="h2caption">I'll be honest, I'm not sure some of these plants belong underwater...</p>
        <div class="shelf">
          <iframe src="https://bugwo.men/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://bugwo.men/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>
      </section>
    </main>
    <?php include($_SERVER['DOCUMENT_ROOT'] . '/footer.php'); ?>
  </body>
</html>