From 654be4e71c3b890891514dd8894a35d2ed00a3a9 Mon Sep 17 00:00:00 2001 From: "prompt.ac/@jeffrey" Date: Sat, 23 May 2026 09:49:18 -0400 Subject: [PATCH] =?UTF-8?q?gigs/thomaslawson:=20TL=20F=C3=ADa=20polish=20v?= =?UTF-8?q?0.3=20=E2=86=92=20v1.3=20=E2=80=94=20May=2019=20+=2022=20notes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Roll-up of Fía's 2026-05-19 + 2026-05-22 multi-batch notes for thomaslawson.com (per the email thread). Plugin version pulled to 1.3. v1.0 — homepage vertical centering, section-page header-image-on-top stacking, project labels italic above image, bookshelf centering. v1.1 — homepage size bumps, Art-context reverse-chronological order, bookshelf left-justified, contact mailto + centred, In-the-Studio overview headings down-sized + detail year-row inline. v1.2 — Beyond-the-Studio project labels solid black + larger, en-dash between year headings on detail pages, bookshelf flattened (Publications + Other Writings headers removed), Art-context tiles rebuilt as one reverse-chronological grid (Art School first, Pat Douthwaite last), contact email vertically centred. Co-Authored-By: Claude Opus 4.7 (1M context) --- .../work-fia-edits/zzz-tl-fia-polish.php | 1034 +++++++++++++++-- 1 file changed, 934 insertions(+), 100 deletions(-) diff --git a/gigs/thomaslawson.com/work-fia-edits/zzz-tl-fia-polish.php b/gigs/thomaslawson.com/work-fia-edits/zzz-tl-fia-polish.php index d33c74e11..a3b87a7f2 100644 --- a/gigs/thomaslawson.com/work-fia-edits/zzz-tl-fia-polish.php +++ b/gigs/thomaslawson.com/work-fia-edits/zzz-tl-fia-polish.php @@ -2,7 +2,109 @@ /** * Plugin Name: TL — Fía polish pass * Description: CSS+JS polish on top of the existing TL theme + Elementor build, per Fía's notes (2026-05-19 + her two replies later that night). Header chrome (no underline / no rule_ hrs / no Home), cream-everywhere, home laid out as a 5-up desktop strip (vertical stack on mobile) in Fía's section order with subtitles, divider widgets dropped on the homepage, Notes image-width capped, In-the-Studio + About years reversed newest-first (with !important on the flex parent so the reorder actually applies), Beyond-the-Studio collapsed to one column with centered subsection labels, 1980-82 caption normalisation, and a JS-injected horizontal cover preview strip per shelf on /bookshelf/. - * Version: 0.3 + * Version: 1.3 + * + * v1.3 — Fía's 2026-05-22 late batch: + * - Bookshelf: "Publications" + "Other writings" category headers + * removed so all subheadings (Artforum, Interviews, …) sit at one + * level. The intro title is pulled tight against the header image. + * - Art in a Broader Context: JS rebuilds the project tiles as a single + * reverse-chronological grid (Art School first, Pat Douthwaite last); + * pairing is by date, not by original Elementor section. + * - Beyond the Studio project labels: solid black, slightly larger, + * no italic. + * - In the Studio overview: year-range section heading sizing reverted + * to the theme default (only the detail pages needed sizing down). + * - In the Studio detail pages: an en-dash sits between the two year + * headings, so "2017 2020" reads "2017 – 2020". + * - Contact: email centred vertically on the page. + * + * v1.2 — Fía's 2026-05-22 night batch: + * - Homepage: titles + painting slightly larger; veil over the painting + * is heavier so the subtitles read. + * - Art in a Broader Context: project sections reverse-chronological + * (Art School first, Pat Douthwaite last). + * - Project tiles on Beyond + Art context: more vertical breathing room + * between items so the label clearly belongs to its image. + * - Bookshelf: intro title + description left-justified (centre reverted), + * spacing tightened. + * - Contact page: email centred and wrapped in a `mailto:` link. + * - In the Studio overview: year-range section headings sized down. + * - In the Studio detail pages: the two year headings now sit inline on + * one row, sized down. + * + * v1.1 — Fía's 2026-05-22 pm batch: + * - Homepage: titles+painting block vertically centred in the viewport. + * - Section-page intros now stack: horizontal header image on top, then + * section title + description, then content underneath. + * - Project labels on Beyond the Studio, Art in a Broader Context, and + * News sit ABOVE their image — centred, italicised, smaller — so they + * read as project labels, not artwork captions. + * - Bookshelf: title, description, and cover strips centred. + * + * v1.0 — Fía's 2026-05-22 batch: + * - Homepage: section titles enlarged + centred; the painting comes back + * behind them (veiled) so the titles overlap it again. + * - Header: About/Contact dropped to the logo's vertical centre. + * - Section pages: intro blurbs standardised — heading left-aligned, the + * intro image cropped to a horizontal band. + * - In the Studio detail pages: even gap between stacked artworks. + * - Beyond the Studio + Art in a Broader Context: project images cropped + * to one uniform shape so each reads as a project window, not an artwork. + * - Bookshelf: intro photo cropped horizontal, "Publications" pulled up, + * empty "Miscellaneous" shelf hidden, cover strips stacked beneath their + * subheading instead of beside it. + * - /notes/ hero heading reads "News" once inside the section. + * + * v0.9 — Fía's 2026-05-21 late batch: + * - Homepage relaid as two halves sharing centre: section titles stacked + * on the left, Tom's painting (full opacity) on the right — no overlap. + * - Footer bio narrowed and left-aligned to the header logo. + * - News page captions folded back beneath their own image, left-aligned. + * - In the Studio OVERVIEW reverted to its collage layout (v0.8's single + * column was wrong); the single-column artwork stack now applies only + * to the year-detail pages (slug inthestudio_YYYY-YYYY). + * - Bookshelf: "Other Writings" + Interviews shelves open by default too. + * + * v0.8 — Fía's 2026-05-21 evening batch: + * - Homepage footer wordmark dropped; bio shuffled to the left edge. + * - Top-left logo smaller (185px) and padded inward so it breathes. + * - Homepage section order: News first, then In the Studio / Beyond the + * Studio / Art in a Broader Context / Bookshelf. + * - Background painting confined to a centered band (~56vh) with breadth + * around it instead of full-bleed cover. + * - News page (page-id-1898): every section forced to a single vertical + * column; larger images. + * - In the Studio (page-id-140): each year section is one vertical column + * of large artworks; captions left-aligned to each image's corner. + * + * v0.7 — Fía's 2026-05-21 reply: homepage "Notes" tile renamed to "News" + * (heading text swapped in JS) with subtitle "plus selections from the + * archive". + * + * v0.6 — Fía's 2026-05-21 follow-ups: homepage section order revised to + * In the Studio / Beyond the Studio / Art in a Broader Context / + * Bookshelf / Notes; subtitles "In the Studio" → "artworks" and + * "Beyond the Studio" → "exhibitions and public artworks". + * + * v0.5 — Fía's 2026-05-21 reply (homepage pass): + * - Five section tiles restacked as one centered vertical column (the + * 5-up row read cluttered); headings centered. + * - Faded background painting (Tom's 2010 "Tree") behind the homepage so + * it no longer reads as empty; headings stay legible over a cream veil. + * - "Art in a Broader Context" subtitle trimmed to "curatorial projects + * and pedagogy"; all subtitles enlarged + full-opacity for legibility. + * - Tom's wordmark logo scaled down; About/Contact pinned to the right. + * + * v0.4 — Fía's 2026-05-20 reply: + * - The line still showing under Tom's name + About + Contact was the Astra + * header bottom-border, not an Elementor divider. Removed sitewide so the + * name breathes. + * - Homepage section tiles drop their cover images down to clean + * title + subtitle; JS re-homes each tile's link onto the heading so the + * titles (and whole columns) stay clickable. + * - /bookshelf/ Publications shelves expanded by default — visible without + * clicking the "Publications" header. * Author: Aesthetic Computer * * Notes: @@ -18,6 +120,22 @@ if (!defined('ABSPATH')) exit; add_action('wp_head', 'tl_fia_polish_css', PHP_INT_MAX); add_action('wp_footer', 'tl_fia_polish_js', PHP_INT_MAX); +add_filter('body_class', 'tl_fia_polish_body_class'); + +/** + * Tag In the Studio year-detail pages (slug inthestudio_YYYY-YYYY) with a + * tl-studio-detail body class so the CSS gives just those pages the + * single-column artwork stack — the In the Studio overview keeps its + * collage layout (Fía, 2026-05-21 pm). + */ +function tl_fia_polish_body_class($classes) { + global $post; + if ($post && isset($post->post_name) && + strpos($post->post_name, 'inthestudio_') === 0) { + $classes[] = 'tl-studio-detail'; + } + return $classes; +} function tl_fia_polish_css() { ?> @@ -55,25 +173,125 @@ li.menu-item-home { display: none !important; } -/* Push the About / Contact menu further right on desktop. */ -.ast-desktop-header-content .site-header-primary-section-right { +/* The single black line spanning under the name + About + Contact was the + Astra header bottom-border (.ast-primary-header-bar border-bottom:1px + solid #000), NOT an Elementor divider — so v0.3's divider drop never + touched it. Remove it sitewide and give the bar a little bottom room so + the name breathes (Fía, 2026-05-20). */ +.ast-primary-header-bar, +.ast-header-break-point .ast-primary-header-bar, +.main-header-bar, +.ast-header-break-point .main-header-bar, +.site-header { + border-bottom: 0 !important; +} +.ast-primary-header-bar .site-primary-header-wrap { + padding-bottom: 0.5rem !important; +} + +/* About / Contact were floating mid-bar — the right header section spans + the whole right half but its menu sat at the section's left edge. Pin + the menu hard into the right corner (Fía, 2026-05-21). */ +.ast-desktop-header-content .site-header-primary-section-right, +#ast-desktop-header .site-header-primary-section-right { margin-left: auto !important; - padding-right: 2.5rem !important; + justify-content: flex-end !important; + padding-right: 2rem !important; } .ast-desktop-header-content .main-header-menu { gap: 1.5rem; } +/* Tom's wordmark logo, smaller again + padded inward so it breathes + (Fía, 2026-05-21 pm). 185px keeps it present without dominating. */ +.custom-logo-link, +.custom-logo-link .custom-logo, +#ast-desktop-header .custom-logo { + max-width: 185px !important; + height: auto !important; +} +.ast-desktop-header-content .site-header-primary-section-left, +#ast-desktop-header .site-header-primary-section-left, +.ast-desktop-header-content .ast-site-identity { + padding-left: 2.5rem !important; +} + +/* About / Contact sit at the logo's vertical centre — the header grid row + is centred so the menu drops in line with the middle of the wordmark + (Fía, 2026-05-22). */ +.ast-desktop-header-content .ast-builder-grid-row, +#ast-desktop-header .ast-builder-grid-row { + align-items: center !important; +} +.ast-desktop-header-content .site-header-primary-section-right { + align-items: center !important; +} +/* Measured: the menu sat ~30px above the logo's vertical centre. Astra + resets transforms on the menu, so shift the