diff --git a/assets/conference2026.scss b/assets/conference2026.scss index 3cd03a6..d193af7 100644 --- a/assets/conference2026.scss +++ b/assets/conference2026.scss @@ -304,76 +304,137 @@ $conf-muted: $greydesc; // #777 border-top: 4px solid $conf-accent; } - // Provisional programme / agenda + // Provisional programme / agenda (colour-coded board) + .agenda-legend { + display: flex; + flex-wrap: wrap; + gap: 0.4rem 1.1rem; + margin: 1.25rem 0 0.5rem; + font-size: 0.8rem; + color: $conf-muted; + } + + .agenda-legend-item { + display: inline-flex; + align-items: center; + gap: 0.4rem; + } + + .agenda-dot { + width: 0.7rem; + height: 0.7rem; + border-radius: 3px; + background: #cbd2da; + + &.is-keynote { + background: #e0a020; + } + &.is-talk { + background: $spatialdatablue; + } + &.is-poster { + background: $mudatagreen; + } + &.is-panel { + background: $squidpyviolet; + } + &.is-workshop { + background: $scanpycerise; + } + &.is-social { + background: $anndataorange; + } + } + .agenda { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 1.5rem; - margin: 1.5rem 0 2rem; + grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); + gap: 1rem; + margin: 0.6rem 0 2rem; } - .agenda-day { - background: #fff; - border: 1px solid $overline; - border-radius: 12px; - overflow: hidden; + .agenda-col { + min-width: 0; + } - .agenda-date { - margin: 0; - padding: 0.85rem 1.1rem; - font-size: 1rem; - font-weight: 700; - color: #fff; - background: $conf-accent; - } + .agenda-colhead { + padding: 0.55rem 0.2rem; + margin-bottom: 0.75rem; + border-bottom: 3px solid $conf-accent; + font-size: 0.85rem; + font-weight: 800; + letter-spacing: 0.04em; + text-transform: uppercase; + color: $conf-ink; - .agenda-list { - margin: 0; - padding: 0; - list-style: none; + .agenda-coldate { + display: block; + margin-top: 0.15rem; + font-size: 0.72rem; + font-weight: 600; + letter-spacing: 0.02em; + text-transform: none; + color: $conf-muted; } + } - .agenda-row { - display: flex; - gap: 0.85rem; - padding: 0.6rem 1.1rem; - border-top: 1px solid $overline; - font-size: 0.92rem; - line-height: 1.4; - - &.is-keynote { - background: rgba(64, 169, 255, 0.08); + .agenda-col.is-day1 .agenda-colhead { + border-bottom-color: $anndataorange; + } + .agenda-col.is-day2 .agenda-colhead { + border-bottom-color: $spatialdatablue; + } + .agenda-col.is-day3 .agenda-colhead { + border-bottom-color: $mudatagreen; + } - .agenda-session { - font-weight: 700; - } - } + .agenda-brk { + display: flex; + align-items: center; + gap: 0.5rem; + margin: 0.15rem 0; + padding: 0.1rem 0.2rem; + font-size: 0.72rem; + letter-spacing: 0.03em; + color: #9aa1ab; - &.is-break .agenda-session, - &.is-meal .agenda-session { - color: $conf-muted; - } + &::before, + &::after { + content: ""; + flex: 1; + height: 1px; + background: #e6e9ee; + } - &.is-poster .agenda-session, - &.is-social .agenda-session, - &.is-workshop .agenda-session, - &.is-panel .agenda-session { - font-weight: 600; - } + span { + white-space: nowrap; } + } + + .agenda-block { + margin-bottom: 0.4rem; + padding: 0.4rem 0.65rem; + border-radius: 7px; + border-left: 3px solid #cbd2da; + background: #f4f6f8; .agenda-time { - flex: 0 0 3rem; - color: $conf-muted; + font-size: 0.68rem; font-weight: 600; - font-variant-numeric: tabular-nums; + letter-spacing: 0.03em; + text-transform: uppercase; + color: #6a7280; } .agenda-session { + margin-top: 0.05rem; + font-size: 0.88rem; + font-weight: 600; + line-height: 1.3; color: $conf-ink; a { - color: $conf-accent-dark; + color: inherit; text-decoration: none; &:hover { @@ -381,6 +442,31 @@ $conf-muted: $greydesc; // #777 } } } + + &.is-talk { + background: rgba($spatialdatablue, 0.12); + border-left-color: $spatialdatablue; + } + &.is-keynote { + background: #fff3da; + border-left-color: #e0a020; + } + &.is-poster { + background: rgba($mudatagreen, 0.14); + border-left-color: $mudatagreen; + } + &.is-panel { + background: rgba($squidpyviolet, 0.16); + border-left-color: $squidpyviolet; + } + &.is-workshop { + background: rgba($scanpycerise, 0.12); + border-left-color: $scanpycerise; + } + &.is-social { + background: rgba($anndataorange, 0.14); + border-left-color: $anndataorange; + } } // Speakers diff --git a/content/conference2026/schedule.md b/content/conference2026/schedule.md index 3b47b4e..13c8c72 100644 --- a/content/conference2026/schedule.md +++ b/content/conference2026/schedule.md @@ -10,49 +10,52 @@ weight = 3 The conference runs over three days at DTU, Copenhagen. This is a provisional programme: session times are indicative and may change, and contributed and sponsor talks will be listed here once the programme is finalised. +