{"id":30987679,"url":"https://github.com/imagewize/thyra","last_synced_at":"2026-02-15T01:32:05.074Z","repository":{"id":314087291,"uuid":"1053231963","full_name":"imagewize/thyra","owner":"imagewize","description":"Thyra Theme based on Roots Sage 11","archived":false,"fork":false,"pushed_at":"2025-09-10T11:52:08.000Z","size":9342,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-10T15:23:19.958Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Blade","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imagewize.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-09T07:00:59.000Z","updated_at":"2025-09-10T11:51:25.000Z","dependencies_parsed_at":"2025-09-10T15:25:37.263Z","dependency_job_id":"fc740e5e-9300-4c05-b661-00f28c16e811","html_url":"https://github.com/imagewize/thyra","commit_stats":null,"previous_names":["imagewize/thyra"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/imagewize/thyra","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagewize%2Fthyra","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagewize%2Fthyra/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagewize%2Fthyra/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagewize%2Fthyra/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imagewize","download_url":"https://codeload.github.com/imagewize/thyra/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imagewize%2Fthyra/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29464046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-15T01:01:38.065Z","status":"ssl_error","status_checked_at":"2026-02-15T01:01:23.809Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-12T16:39:45.035Z","updated_at":"2026-02-15T01:32:05.062Z","avatar_url":"https://github.com/imagewize.png","language":"Blade","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Thyra\" src=\"resources/images/thyra-logo.svg\" height=\"100\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://packagist.org/packages/roots/sage\"\u003e\u003cimg alt=\"Packagist Installs\" src=\"https://img.shields.io/packagist/dt/roots/sage?label=projects%20created\u0026colorB=2b3072\u0026colorA=525ddc\u0026style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/roots/sage/actions/workflows/main.yml\"\u003e\u003cimg alt=\"Build Status\" src=\"https://img.shields.io/github/actions/workflow/status/roots/sage/main.yml?branch=main\u0026logo=github\u0026label=CI\u0026style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://bsky.app/profile/roots.dev\"\u003e\u003cimg alt=\"Follow roots.dev on Bluesky\" src=\"https://img.shields.io/badge/follow-@roots.dev-0085ff?logo=bluesky\u0026style=flat-square\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eThyra\u003c/h1\u003e\n\n**Minimalist editorial WordPress theme inspired by Thaiconomics design**\n\nBuilt on Sage 11 with Laravel Blade, Tailwind CSS, and modern development workflow.\n\n## Design Philosophy\n\nThyra embodies the sophisticated minimalism of editorial publishing, drawing inspiration from the clean aesthetics of Thaiconomic. The theme focuses on:\n\n- **Editorial Typography** — Lato Regular (400) - Primary Sans Serif, Bitter Regular (400) - Serif \u0026 Display Font, Menlo Regular (400) - Monospace Font with carefully crafted type hierarchy\n- **Magazine-Style Layout** — Asymmetric grids and generous whitespace  \n- **Minimalist Aesthetic** — Black, white, and subtle grays color palette\n- **Reading Experience** — Optimized for long-form content consumption\n- **Mobile-First Design** — Responsive design that works beautifully on all devices\n\n## Features\n\n- **Modern PHP Architecture** — Laravel Blade templating with Acorn framework\n- **Lightning Fast** — Vite build system with hot reload development\n- **Tailwind CSS** — Utility-first CSS framework with custom editorial design tokens\n- **Responsive Design** — Mobile-first approach with perfect cross-device experience\n- **Editorial Layout** — Magazine-style homepage with featured articles grid\n- **Typography Focus** — Optimized reading experience with proper type hierarchy\n- **SEO Optimized** — Clean semantic HTML structure\n- **Performance** — Minimal CSS footprint and optimized asset loading\n\n## Architecture\n\nThyra is built on **Sage 11**, combining modern Laravel patterns with WordPress theme development:\n\n- **Laravel Blade templates** for clean, maintainable templating\n- **Roots Acorn** Laravel framework integration for WordPress\n- **View Composers** for proper separation of data logic and presentation\n- **PSR-4 autoloading** with Composer for organized PHP classes\n- **Modern asset compilation** with Vite for optimal performance\n\n### Key Technologies\n\n- **PHP 8.2+** with Laravel patterns\n- **Blade Templating** for clean, component-based views\n- **Tailwind CSS** with custom editorial design system\n- **Vite** for modern frontend build tooling\n- **WordPress 6.6+** with full theme integration\n\n## Design Implementation\n\nBased on comprehensive analysis of the [Thaiconomics design system](docs/DESIGN.md), Thyra implements:\n\n### Homepage Layout\n- **3-column magazine grid** for featured articles\n- **Hero article section** with large imagery and excerpt\n- **Clean navigation** with centered logo and minimal footer\n- **Editorial spacing** with generous whitespace throughout\n\n### Single Post Layout  \n- **Large hero images** with centered presentation\n- **Typography hierarchy** from hero titles to body text\n- **Sidebar components** including subscribe box and author information\n- **Reading-focused layout** with optimal line length and spacing\n\n### Responsive Design\n- **Mobile-first approach** with single-column mobile layout\n- **Progressive enhancement** for tablet and desktop experiences\n- **Touch-friendly navigation** with hamburger menu on mobile\n- **Optimized typography** scaling across all device sizes\n\n## Development\n\n### Quick Start\n\n```bash\n# Install dependencies\ncomposer install\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build production assets\nnpm run build\n```\n\n### Development Commands\n\n```bash\n# Frontend development with hot reload\nnpm run dev\n\n# Build production assets\nnpm run build\n\n# Code formatting\n./vendor/bin/pint\n\n# Clear Blade template cache\nwp acorn view:clear\n\n# Generate View Composers\nwp acorn make:composer ComposerName\n```\n\n### Local Development\n\nFor local development with Laravel Valet or similar:\n\n```bash\n# Test local site (HTTP recommended for development)\ncurl -i http://thyra.test\n\n# Compare with reference design\nnode compare-sites.js\n```\n\n## File Structure\n\n```\nthyra/\n├── app/                          # Theme functionality (PSR-4: App\\)\n│   ├── View/Composers/          # Data logic for Blade templates\n│   ├── Providers/               # Service providers\n│   ├── setup.php               # Theme setup and WordPress integration\n│   └── filters.php             # WordPress filters and hooks\n├── resources/\n│   ├── views/                   # Blade templates (.blade.php)\n│   │   ├── layouts/            # Base layout templates\n│   │   ├── partials/           # Reusable template components\n│   │   └── sections/           # Header, footer, navigation\n│   ├── css/\n│   │   ├── app.css             # Main styles with Tailwind\n│   │   └── editor.css          # Block editor styles\n│   └── js/\n│       └── app.js              # Main JavaScript entry\n├── public/build/                # Compiled assets (auto-generated)\n└── docs/                        # Design system documentation\n    └── DESIGN.md               # Complete Thaiconomics design analysis\n```\n\n## Design System\n\n### Typography\n- **Sans Serif**: Lato Regular (400) for body text and UI elements\n- **Serif**: Bitter Regular (400) for headings, intros, and editorial content\n- **Monospace**: Menlo Regular (400) for code and technical content\n- **Type Scale**: From 55px hero titles to 16px body text\n- **Line Heights**: Optimized for readability (1.2 - 1.8)\n\n### Color Palette\n- **Primary**: Black (#000000) for headings and navigation\n- **Body Text**: Charcoal (#333333) for optimal readability  \n- **Meta Text**: Gray (#666666) for dates and secondary info\n- **Background**: White (#ffffff) with subtle off-white variants\n\n### Spacing System\n- **Editorial Spacing**: 80px between major sections\n- **Article Spacing**: 40px between articles\n- **Paragraph Spacing**: 24px between text blocks\n- **Generous Whitespace**: Following magazine design principles\n\n## Documentation\n\n- **[Design System](docs/DESIGN.md)** — Complete Thaiconomics design analysis and implementation guide\n- **[Development Guide](CLAUDE.md)** — Detailed development instructions and architecture\n- **[Sage Documentation](https://roots.io/sage/docs/)** — Official Sage framework docs\n\n## Use Cases\n\nThyra is perfect for:\n\n- **Editorial Publications** — Magazines, journals, news sites\n- **Personal Blogs** — Writers and content creators focused on readability\n- **Professional Portfolios** — Clean, minimal presentation of work\n- **Corporate Blogs** — Companies wanting sophisticated, readable content presentation\n- **Literary Sites** — Publishers and authors prioritizing typography and reading experience\n\n## Requirements\n\n- **PHP**: 8.2+\n- **WordPress**: 6.6+\n- **Node.js**: 20.0+\n- **Composer**: Latest version\n\n## Built With Sage\n\nThyra extends the powerful Sage starter theme framework:\n\n- **Sage Framework** provides the modern WordPress development foundation\n- **Laravel Integration** through Roots Acorn for advanced PHP patterns\n- **Community Support** backed by the Roots ecosystem\n- **Best Practices** following WordPress and Laravel conventions\n\n---\n\n**Thyra Theme** — Minimalist editorial design meets modern WordPress development.\n\nBuilt with love using [Sage](https://roots.io/sage/) • Inspired by editorial excellence\n\n## Resources\n\n### Unsplash\n\nAsian woman photo by [Mathias Huysmans](https://unsplash.com/@matman01?utm_content=creditCopyText\u0026utm_medium=referral\u0026utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/woman-in-pink-crew-neck-shirt-in-closeup-photography-U4JDjYmjn1g?utm_content=creditCopyText\u0026utm_medium=referral\u0026utm_source=unsplash)   \nBeach photo by [Il Vagabiondo](https://unsplash.com/@ilvagabiondo?utm_content=creditCopyText\u0026utm_medium=referral\u0026utm_source=unsplash) on [Unsplash](https://unsplash.com/photos/brown-wooden-dock-during-daytime-izhLVIfpSBo?utm_content=creditCopyText\u0026utm_medium=referral\u0026utm_source=unsplash)\n         ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimagewize%2Fthyra","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimagewize%2Fthyra","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimagewize%2Fthyra/lists"}