Release 0.5.0
This commit is contained in:
hnzio committed
1 parent
4042fe6a64
commit
5a9d7735d4
26 files changed
+1855
-113
No files matched your search
+267
@@ -1101,6 +1101,273 @@ a {
|
||||
font-size: 0.61rem;
|
||||
}
|
||||
|
||||
.live-state-line {
|
||||
margin: 0.4rem 0 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.live-toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.55rem;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 1rem;
|
||||
background: var(--panel);
|
||||
}
|
||||
|
||||
.live-session-summary {
|
||||
display: grid;
|
||||
margin-left: auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.live-session-summary strong {
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.live-session-summary span {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
.live-grid.without-rail {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.live-markdown > :first-child,
|
||||
.prompter-copy > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.live-markdown > :last-child,
|
||||
.prompter-copy > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.live-current-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-top: 1.4rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.live-current-actions form:last-child {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.live-run-item,
|
||||
.live-reserve-item {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.35rem;
|
||||
padding: 0.5rem 0.55rem;
|
||||
border-radius: 0.65rem;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.live-run-item.current {
|
||||
box-shadow: inset 3px 0 var(--accent);
|
||||
background: var(--accent-soft);
|
||||
}
|
||||
|
||||
.live-run-item > div:first-child,
|
||||
.live-reserve-item > div:first-child {
|
||||
display: grid;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.live-run-item strong,
|
||||
.live-reserve-item strong {
|
||||
font-size: 0.7rem;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.live-run-item small,
|
||||
.live-reserve-item small {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.61rem;
|
||||
}
|
||||
|
||||
.live-run-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.2rem;
|
||||
}
|
||||
|
||||
.live-run-actions form {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.live-run-actions button:not(.text-button) {
|
||||
min-width: 1.65rem;
|
||||
min-height: 1.65rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.live-run-actions .text-button {
|
||||
padding: 0.3rem;
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
.live-reserve {
|
||||
padding: 1rem;
|
||||
border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
|
||||
border-radius: 1rem;
|
||||
background: color-mix(in srgb, var(--gold) 5%, var(--panel));
|
||||
}
|
||||
|
||||
.live-reserve > header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 720;
|
||||
}
|
||||
|
||||
.live-reserve > p {
|
||||
margin: 0.65rem 0 0;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.heinzlive-output {
|
||||
min-height: 100vh;
|
||||
padding: clamp(2rem, 6vw, 6rem);
|
||||
background:
|
||||
radial-gradient(circle at 12% 15%, rgb(103 221 232 / 12%), transparent 32rem), #0b1220;
|
||||
color: #fff7e8;
|
||||
font-family: Inter, ui-sans-serif, system-ui, sans-serif;
|
||||
}
|
||||
|
||||
.output-connection {
|
||||
position: fixed;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
padding: 0.4rem 0.65rem;
|
||||
border: 1px solid rgb(255 255 255 / 12%);
|
||||
border-radius: 2rem;
|
||||
background: rgb(11 18 32 / 78%);
|
||||
color: rgb(255 247 232 / 68%);
|
||||
font-size: 0.68rem;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.output-connection span {
|
||||
width: 0.42rem;
|
||||
height: 0.42rem;
|
||||
border-radius: 50%;
|
||||
background: #67dde8;
|
||||
}
|
||||
|
||||
.output-connection.problem {
|
||||
color: #ffd0cb;
|
||||
}
|
||||
|
||||
.output-connection.problem span {
|
||||
background: #ff776d;
|
||||
}
|
||||
|
||||
.output-content {
|
||||
display: grid;
|
||||
max-width: 88rem;
|
||||
min-height: calc(100vh - clamp(4rem, 12vw, 12rem));
|
||||
align-content: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.output-kicker,
|
||||
.output-sources > span {
|
||||
color: #67dde8;
|
||||
font-size: clamp(0.68rem, 1.2vw, 0.9rem);
|
||||
font-weight: 760;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.output-content h1,
|
||||
.output-idle h1 {
|
||||
max-width: 16ch;
|
||||
margin: 0.45rem 0 1.5rem;
|
||||
font-size: clamp(2.8rem, 8vw, 8rem);
|
||||
letter-spacing: -0.055em;
|
||||
line-height: 0.94;
|
||||
}
|
||||
|
||||
.output-copy {
|
||||
max-width: 44ch;
|
||||
font-family: ui-serif, Georgia, serif;
|
||||
font-size: clamp(1.4rem, 2.8vw, 2.7rem);
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.output-copy a,
|
||||
.output-sources a {
|
||||
color: #e7b957;
|
||||
}
|
||||
|
||||
.output-images {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
|
||||
gap: 1rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.output-images img {
|
||||
width: 100%;
|
||||
max-height: 48vh;
|
||||
object-fit: contain;
|
||||
border-radius: 1.2rem;
|
||||
background: rgb(255 255 255 / 5%);
|
||||
}
|
||||
|
||||
.output-sources {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.65rem 1rem;
|
||||
margin-top: 2rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid rgb(255 255 255 / 14%);
|
||||
}
|
||||
|
||||
.output-sources a {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.output-idle {
|
||||
display: grid;
|
||||
min-height: calc(100vh - clamp(4rem, 12vw, 12rem));
|
||||
place-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.output-idle .brand-mark {
|
||||
margin: 0 auto 1.5rem;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.output-idle h1 {
|
||||
max-width: 18ch;
|
||||
font-size: clamp(2.4rem, 6vw, 5.5rem);
|
||||
}
|
||||
|
||||
.output-idle p {
|
||||
margin: 0;
|
||||
color: rgb(255 247 232 / 62%);
|
||||
font-size: clamp(0.9rem, 1.8vw, 1.3rem);
|
||||
}
|
||||
|
||||
.quiet-panel {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-large);
|
||||
|
||||
Reference in new issue
Block a user