diff --git a/css/directory.css b/css/directory.css new file mode 100644 index 0000000..fc11778 --- /dev/null +++ b/css/directory.css @@ -0,0 +1,48 @@ +#directory { + display: grid; + flex-flow: row wrap; + grid-template-columns: repeat(2, 1fr); + gap: 3rem; +} + +@media (max-width: 850px) { + #directory { + grid-template-columns: 1fr; + } +} + +#directory li { + list-style: none; + border: solid thin var(--color-accent); + border-radius: .5rem; + outline-offset: .1rem; +} + +@media (any-hover: hover) { + #directory li:hover { + outline: solid .25rem var(--color-accent); + } +} + +#directory li:focus-within { + outline: solid .25rem var(--color-accent); +} + +#directory a { + text-decoration: none; + margin: 0; +} + +#directory a:focus-visible { + outline: none; /* outline handled by li:focus-within */ +} + +#directory h2 { + text-align: center; + margin-top: 1rem; +} + +#directory img { + margin: 0; + border-radius: 0 0 .5rem .5rem; +} diff --git a/css/main.css b/css/main.css index 47e5047..be89738 100644 --- a/css/main.css +++ b/css/main.css @@ -36,7 +36,7 @@ body { width: 100%; flex-grow: 1; border-radius: 0 0 2rem 2rem; - padding-top: 2rem; + padding: 1rem 0 2rem; } header, @@ -52,7 +52,7 @@ main { } } -@media (min-width: 1800px) { +@media (min-width: 2000px) { header, main { width: 45%; diff --git a/directory/index.html b/directory/index.html new file mode 100644 index 0000000..f54b34c --- /dev/null +++ b/directory/index.html @@ -0,0 +1,71 @@ + + + + Directory | Markets at the Beall Greenhouses + + + + + + + + + + + + + + + + + + + + +
+
+ + + Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme + Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme +
+
+

Markets at the Beall Greenhouses

+ +
    +
  1. + +

    Solstice 2025

    + a filler image for testing +     +
    2. +
  2. + +

    Solstice 2025

    + a filler image for testing +     +
    3. +
+ +
+
+ + + diff --git a/img/filler0.jpg b/img/filler0.jpg new file mode 100755 index 0000000..c2d9563 Binary files /dev/null and b/img/filler0.jpg differ diff --git a/index.html b/index.html index 4a9263d..760d225 100644 --- a/index.html +++ b/index.html @@ -17,23 +17,24 @@ +
+ + Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme

Markets at the Beall Greenhouses

-

Past markets

- - - +

Status

+

We've just completed a successful Solstice 2025 market. Stay tuned for more!