goings and comings pages

RiversInstitute · Jan 17, 2025 · 4dd5339 · 4dd5339
1 parent b666330
commit 4dd5339
Show file tree

Hide file tree

Showing 16 changed files with 263 additions and 175 deletions.
diff --git a/README.md b/README.md
@@ -28,6 +28,12 @@ Production is deployed automatically from the `master` branch. Once a PR is merg
 ## Running the site locally
 Kirby 4.0 works with PHP 8.3. Make sure to run PHP 8.3 locally.
 
+## Pulling /content to your local env
+
+```
+rsync -avz --delete [email protected]:/var/www/riversinstitute.org/content/ ./content --dry-run'
+```
+
 ```
 php -S localhost:8000 kirby/router.php
 ```
@@ -37,6 +43,4 @@ CSS is compiled with Sass.
 ## To generate css, run:
 ```
 sass --watch assets/scss/main.scss:assets/css/main.css
-```
-
-test
+```
diff --git a/assets/css/main.css b/assets/css/main.css
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
diff --git a/assets/scss/_subsection-grid.scss b/assets/scss/_subsection-grid.scss
@@ -0,0 +1,72 @@
+.subsection__contents__wrapper {
+    height: 100dvh;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+    margin-top: -120px;
+
+    .subsection__contents {
+        display: flex;
+        flex-direction: column;
+        flex-flow: column nowrap;
+        justify-content: center;
+        align-items: flex-start;
+        z-index: 1;
+
+        .subsection__back__container {
+            margin-bottom: -1px;
+
+            .subsection__back {
+                font-size: 1.5rem;
+                display: flex;
+                justify-content: flex-start;
+                align-items: flex-start;
+                position: relative;
+                height: 100%;
+                color: var(--text-color);
+                border: 1px solid var(--main-color);
+                padding: 10px;
+                aspect-ratio: 1/1;
+                width: 220px;
+                height: 220px;
+
+                &:hover {
+                    z-index: 10;
+                    background-color: #f3f3f3;
+                }
+            }
+
+        }
+
+
+        .subsection__blocks {
+            display: flex;
+            flex-flow: row nowrap;
+
+            .subsection__block__container {
+                grid-area: var(--grid-area);
+
+                .subsection__block {
+                    position: relative;
+                    height: 100%;
+                    width: 220px;
+                    height: 220px;
+                    color: var(--main-color);
+                    border: 1px solid var(--main-color);
+                    background-color: #fff;
+                    aspect-ratio: 1/1;
+                    margin-right: -1px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+
+                    &:hover {
+                        border: 1px solid var(--outline-color);
+                        z-index: 10;
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -4,6 +4,7 @@
 
 @import "base.scss";
 @import "associated-grid.scss";
+@import "subsection-grid.scss";
 @import "layout.scss";
 @import "nav.scss";
 @import "kirbytext.scss";

diff --git a/site/blueprints/pages/comings.yml b/site/blueprints/pages/comings.yml
@@ -0,0 +1,22 @@
+title: Comings
+
+columns:
+  main_1:
+    width: 2/3
+    sections:
+      pages:
+        headline: Subpages
+        type: pages
+        image: icon
+        templates:
+          - default
+  main_2:
+    width: 1/3
+    sections:
+      fields:
+        fields:
+          main_content:
+            label: Header
+            type: textarea
+            size: large
+      files:
diff --git a/site/blueprints/pages/default.yml b/site/blueprints/pages/default.yml
@@ -12,4 +12,8 @@ fields:
   main_content:
     label: Content
     type: textarea
-    size: large
+    size: large
+  color:
+    label: Color
+    type: color
+    default: "#000"
diff --git a/site/blueprints/pages/events.yml b/site/blueprints/pages/events.yml
@@ -19,4 +19,8 @@ columns:
             label: Header
             type: textarea
             size: large
-      files:
+          color:
+            label: Color
+            type: color
+            default: "#000"
+      files:
diff --git a/site/blueprints/pages/exhibitions.yml b/site/blueprints/pages/exhibitions.yml
@@ -19,4 +19,8 @@ columns:
             label: Header
             type: textarea
             size: large
+          color:
+            label: Color
+            type: color
+            default: "#000"
       files:
diff --git a/site/blueprints/pages/goings.yml b/site/blueprints/pages/goings.yml
@@ -0,0 +1,25 @@
+title: Goings
+
+columns:
+  main_1:
+    width: 2/3
+    sections:
+      pages:
+        headline: Subpages
+        type: pages
+        image: icon
+        templates:
+          - exhibitions
+          - events
+          - publications
+          - radio
+  main_2:
+    width: 1/3
+    sections:
+      fields:
+        fields:
+          main_content:
+            label: Header
+            type: textarea
+            size: large
+      files:
diff --git a/site/blueprints/pages/publications.yml b/site/blueprints/pages/publications.yml
@@ -38,4 +38,11 @@ columns:
           - origin__9_weber_payton
           - 2__1_caroline_bergvall
           - 2__2_edwards
+      color_fields:
+        type: fields
+        fields:
+          color:
+            label: Color
+            type: color
+            default: "#000"
       files:
diff --git a/site/blueprints/site.yml b/site/blueprints/site.yml
@@ -20,6 +20,8 @@ tabs:
               - partners
               - residency
               - about
+              - goings
+              - comings
       main_2:
         width: 1/2
         sections:

diff --git a/site/snippets/subsection-grid.php b/site/snippets/subsection-grid.php
@@ -0,0 +1,21 @@
+
+
+<div class="subsection__contents__wrapper">
+    <div class="subsection__contents">
+        <div class="subsection__back__container">
+            <a href="<?= $site->url(); ?>" class="subsection__back">Back</a>
+        </div>
+        <ul class="subsection__blocks">
+          <?php foreach($subpages as $subpage): ?>
+            <li class="subsection__block__container">
+              <a href="<?= $subpage->url(); ?>">
+                <div class="subsection__block" style="--outline-color: <?= $subpage->color(); ?>">
+                  <?= $subpage->title(); ?>
+                </div>
+              </a>
+            </li>
+          <?php endforeach; ?>
+        </ul>
+      </div>
+    </div>
+</div>
diff --git a/site/templates/comings.php b/site/templates/comings.php
@@ -0,0 +1,14 @@
+<?php snippet('header'); ?>
+<?php snippet('nav'); ?>
+
+<div class="layout-wrapper--full comings">
+    <div class="home__header">
+    <a href="<?= $site->url(); ?>/about" class="home__site-title">
+        <div class="site-title__text"><?= $site->full_title(); ?></div>
+    </a>
+    </div>
+
+    <?php snippet('subsection-grid', ['subpages' => $page->children()->listed()->sortBy()]); ?>
+</div>  
+
+<?php snippet('footer'); ?>
diff --git a/site/templates/goings.php b/site/templates/goings.php
@@ -0,0 +1,14 @@
+<?php snippet('header', ['headerClass' => 'height-limited']); ?>
+<?php snippet('nav'); ?>
+
+<div class="layout-wrapper--full goings">
+    <div class="home__header">
+    <a href="<?= $site->url(); ?>/about" class="home__site-title">
+        <div class="site-title__text"><?= $site->full_title(); ?></div>
+    </a>
+    </div>
+
+    <?php snippet('subsection-grid', ['subpages' => $page->children()->listed()->sortBy()]); ?>
+</div>  
+
+<?php snippet('footer'); ?>