diff --git a/public/css/projects.css b/public/css/projects.css index 4efddd2..b2de32f 100755 --- a/public/css/projects.css +++ b/public/css/projects.css @@ -1,101 +1,105 @@ .projects-page, .entry-page { - padding-top: 18px; + padding-top: 18px; } .projects-hero, .entry-shell, .content-section { - background: var(--menu-text-bg); - border: 1px solid var(--border); - border-radius: 22px; - padding: 28px; - box-shadow: var(--shadow); + background: var(--menu-text-bg); + border: 1px solid var(--border); + border-radius: 22px; + padding: 28px; + box-shadow: var(--shadow); } .projects-hero { - margin-bottom: 24px; + margin-bottom: 24px; } .projects-hero h1, .entry-title { - font-size: clamp(2rem, 4vw, 3rem); - line-height: 1.1; - margin: 6px 0 14px; + font-size: clamp(2rem, 4vw, 3rem); + line-height: 1.1; + margin: 6px 0 14px; } .projects-intro, .entry-summary { - margin: 0; - max-width: 760px; - color: var(--muted); + margin: 0; + max-width: 760px; + color: var(--muted); } .eyebrow { - text-transform: uppercase; - letter-spacing: 0.14em; - font-size: 0.78rem; - color: var(--secondary); - margin: 0; - font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.14em; + font-size: 0.78rem; + color: var(--secondary); + margin: 0; + font-weight: 700; } .content-section { - margin-bottom: 24px; + margin-bottom: 24px; } .section-heading { - display: flex; - justify-content: space-between; - align-items: end; - gap: 12px; - margin-bottom: 18px; + display: flex; + justify-content: space-between; + align-items: end; + gap: 12px; + margin-bottom: 18px; } .section-heading h2 { - margin: 6px 0 0; - font-size: 1.8rem; + margin: 6px 0 0; + font-size: 1.8rem; } .section-link, .card-link, .entry-back, .inline-button { - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 12px; - border: 1px solid var(--border); - padding: 10px 14px; - font-weight: 600; - background: transparent; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 12px; + border: 1px solid var(--border); + padding: 10px 14px; + font-weight: 600; + background: transparent; } .section-link:hover, .card-link:hover, .entry-back:hover, .inline-button:hover { - border-color: rgba(235, 82, 52, 0.32); + border-color: rgba(235, 82, 52, 0.32); } .content-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 18px; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 18px; +} + +.updates-grid { + grid-template-columns: 1fr; } .content-card { - border-radius: 18px; - padding: 22px; - background: var(--panel); - border: 1px solid var(--border); - display: flex; - flex-direction: column; - min-height: 100%; + border-radius: 18px; + padding: 22px; + background: var(--panel); + border: 1px solid var(--border); + display: flex; + flex-direction: column; + min-height: 100%; } .content-card.featured { - border-color: rgba(235, 82, 52, 0.34); + border-color: rgba(235, 82, 52, 0.34); } .card-meta, @@ -104,176 +108,180 @@ .card-links, .tag-list, .entry-tag-list { - display: flex; - flex-wrap: wrap; - gap: 10px; + display: flex; + flex-wrap: wrap; + gap: 10px; } .card-meta { - margin-bottom: 14px; + margin-bottom: 14px; } .card-kicker, .card-date, .entry-pill { - display: inline-flex; - align-items: center; - border-radius: 999px; - padding: 6px 12px; - font-size: 0.84rem; - font-weight: 600; + display: inline-flex; + align-items: center; + border-radius: 999px; + padding: 6px 12px; + font-size: 0.84rem; + font-weight: 600; } .card-kicker, .entry-pill-primary { - background: rgba(235, 82, 52, 0.16); - color: var(--secondary); + background: rgba(235, 82, 52, 0.16); + color: var(--secondary); } .card-date, .entry-pill-secondary { - background: rgba(216, 216, 217, 0.08); - color: var(--muted); + background: rgba(216, 216, 217, 0.08); + color: var(--muted); } .content-card h3 { - margin: 0 0 10px; - font-size: 1.35rem; - line-height: 1.2; + margin: 0 0 10px; + font-size: 1.35rem; + line-height: 1.2; } .card-summary { - color: var(--muted); - margin: 0 0 18px; - flex: 1; + color: var(--muted); + margin: 0 0 18px; + flex: 1; } .tag, .entry-tag { - display: inline-flex; - border-radius: 999px; - padding: 6px 10px; - font-size: 0.82rem; - background: rgba(255, 255, 255, 0.04); - border: 1px solid var(--border); + display: inline-flex; + border-radius: 999px; + padding: 6px 10px; + font-size: 0.82rem; + background: rgba(255, 255, 255, 0.04); + border: 1px solid var(--border); } .card-links, .entry-links { - margin-top: 18px; + margin-top: 18px; } .card-link-primary, .inline-button-primary { - background: var(--secondary); - color: #fff; - border-color: transparent; + background: var(--secondary); + color: #fff; + border-color: transparent; } .card-link-primary:hover, .inline-button-primary:hover { - color: #fff; - filter: brightness(1.04); + color: #fff; + filter: brightness(1.04); } .updates-grid .content-card { - background: linear-gradient(180deg, rgba(235, 82, 52, 0.08), rgba(255, 255, 255, 0.02)); + background: linear-gradient( + 180deg, + rgba(235, 82, 52, 0.08), + rgba(255, 255, 255, 0.02) + ); } .site-footer { - margin-bottom: 24px; + margin-bottom: 24px; } .entry-shell { - padding: 24px 28px 30px; + padding: 24px 28px 30px; } .entry-header { - margin-bottom: 24px; + margin-bottom: 24px; } .entry-back { - margin-bottom: 20px; + margin-bottom: 20px; } .entry-meta { - margin-bottom: 18px; + margin-bottom: 18px; } .entry-links { - margin-top: 18px; + margin-top: 18px; } .entry-content { - margin-top: 28px; - padding-top: 24px; - border-top: 1px solid var(--border); + margin-top: 28px; + padding-top: 24px; + border-top: 1px solid var(--border); } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { - margin-top: 28px; - line-height: 1.2; + margin-top: 28px; + line-height: 1.2; } .entry-content p, .entry-content li, .entry-content blockquote { - color: var(--primary); + color: var(--primary); } .entry-content ul, .entry-content ol { - padding-left: 22px; + padding-left: 22px; } .entry-content a { - color: var(--secondary); + color: var(--secondary); } .entry-content blockquote { - margin: 18px 0; - padding: 12px 16px; - border-left: 4px solid var(--secondary); - background: rgba(235, 82, 52, 0.08); - border-radius: 0 12px 12px 0; + margin: 18px 0; + padding: 12px 16px; + border-left: 4px solid var(--secondary); + background: rgba(235, 82, 52, 0.08); + border-radius: 0 12px 12px 0; } .entry-content code { - background: rgba(0, 0, 0, 0.24); - padding: 2px 6px; - border-radius: 6px; - font-size: 0.92rem; + background: rgba(0, 0, 0, 0.24); + padding: 2px 6px; + border-radius: 6px; + font-size: 0.92rem; } .entry-content pre { - padding: 16px; - overflow-x: auto; - background: rgba(0, 0, 0, 0.24); - border-radius: 16px; + padding: 16px; + overflow-x: auto; + background: rgba(0, 0, 0, 0.24); + border-radius: 16px; } .entry-content pre code { - background: transparent; - padding: 0; + background: transparent; + padding: 0; } .entry-empty { - text-align: center; - padding: 40px 18px; + text-align: center; + padding: 40px 18px; } @media only screen and (max-width: 740pt) { - .projects-hero, - .entry-shell, - .content-section { - padding: 22px; - } + .projects-hero, + .entry-shell, + .content-section { + padding: 22px; + } - .section-heading { - flex-direction: column; - align-items: start; - } + .section-heading { + flex-direction: column; + align-items: start; + } }