Javi/saborflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some improvments

Browse Source
This commit is contained in:
Javier Blanco
2026-05-01 21:19:07 +07:00
parent 02685b8e0b
commit 2cde8401d3
10 changed files with 90 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
css/style.css
View File

@@ -262,6 +262,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
line-height: 0.87;
letter-spacing: -4px;
margin-top: 18px;
padding-right: 6px;
color: var(--sf-paper);
}
.sfB-hero h1 .glow {
@@ -276,6 +277,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
display: inline-block;
transform: rotate(-3deg) translateY(6px);
margin: 0 -4px;
padding-right: 6px;
}
.sfB-hero h1 .vn {
display: block;
@@ -416,7 +418,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
letter-spacing: 1px;
color: rgba(255,255,255,0.65);
color: rgba(255,255,255,0.80);
text-transform: uppercase;
}
@@ -513,7 +515,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
letter-spacing: 1.5px;
color: rgba(255,246,232,0.4);
color: rgba(255,246,232,0.6);
white-space: nowrap;
}
.sfB-grid3 {
@@ -523,10 +525,10 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
}
.sfB-pcard {
position: relative;
padding: 28px 24px;
padding: 20px 20px;
border-radius: 22px;
overflow: hidden;
min-height: 280px;
min-height: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -547,7 +549,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
font-weight: 800;
font-size: 30px;
line-height: 1;
margin-top: 56px;
margin-top: 28px;
letter-spacing: -0.8px;
}
.sfB-pcard h3 em { font-family: 'Caveat Brush', cursive; font-style: normal; font-weight: 400; }
@@ -778,7 +780,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
}
.sfB-page-head .info {
font-size: 13px;
color: rgba(255,246,232,0.65);
color: rgba(255,246,232,0.80);
line-height: 1.55;
padding: 16px 18px;
border-radius: 14px;
@@ -814,7 +816,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
color: rgba(255,246,232,0.65);
color: rgba(255,246,232,0.80);
transition: all .18s;
border: 0;
cursor: pointer;
@@ -835,7 +837,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
}
.sfB-row {
display: grid;
grid-template-columns: 120px 1fr 1.5fr 1fr 110px 90px;
grid-template-columns: 130px 75px 1fr 1fr 1fr 95px;
align-items: center;
gap: 14px;
padding: 18px 22px;
@@ -855,6 +857,16 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
border-color: rgba(242,107,107,0.45);
}
.sfB-row .col-day { display: flex; flex-direction: column; gap: 4px; }
.sfB-row .col-day .day-line { display: flex; align-items: baseline; gap: 7px; }
.sfB-row .col-day .date-num {
font-family: 'JetBrains Mono', monospace;
font-size: 15px;
font-weight: 500;
color: var(--sf-gold);
opacity: 0.65;
letter-spacing: -0.5px;
flex-shrink: 0;
}
.sfB-row .col-day .name {
font-family: 'Caveat Brush', cursive;
font-size: 24px;
@@ -871,6 +883,13 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
color: rgba(255,246,232,0.45);
text-transform: uppercase;
}
.sfB-row .col-when {
font-family: 'JetBrains Mono', monospace;
font-size: 11px;
letter-spacing: 0.5px;
color: rgba(255,246,232,0.5);
text-transform: uppercase;
}
.sfB-row .col-venue {
font-family: 'Bricolage Grotesque', sans-serif;
font-weight: 800;
@@ -899,7 +918,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
font-family: 'JetBrains Mono', monospace;
font-size: 9px;
letter-spacing: 0.5px;
color: rgba(255,246,232,0.4);
color: rgba(255,246,232,0.6);
margin-top: 4px;
text-transform: uppercase;
}
@@ -934,7 +953,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
.sfB-page .footnote {
margin-top: 20px;
font-size: 11px;
color: rgba(255,246,232,0.4);
color: rgba(255,246,232,0.6);
letter-spacing: 0.5px;
}
@@ -1200,7 +1219,7 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
color: transparent;
margin-bottom: 4px;
}
.sfB-connect-hero p { font-size: 13px; color: rgba(255,246,232,0.65); margin-top: 8px; line-height: 1.5; }
.sfB-connect-hero p { font-size: 13px; color: rgba(255,246,232,0.80); margin-top: 8px; line-height: 1.5; }
.sfB-connect-hero .ch-right { display: flex; flex-direction: column; gap: 10px; }
.sfB-igrid {
@@ -1308,8 +1327,8 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
.sfB-pillars { padding: 40px 20px 20px; }
.sfB-pillars .head h2 { font-size: 38px; }
.sfB-grid3 { grid-template-columns: 1fr; }
.sfB-pcard { min-height: 200px; }
.sfB-pcard h3 { font-size: 26px; margin-top: 40px; }
.sfB-pcard { min-height: auto; }
.sfB-pcard h3 { font-size: 26px; margin-top: 24px; }
.sfB-coming { padding: 20px 20px 40px; }
.sfB-coming .head h2 { font-size: 38px; }