ARCHIVE/xahau-web
3
0
Fork 0
mirror of https://github.com/Xahau/xahau-web.git synced 2026-08-19 01:01:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

update numbers

Browse Source
This commit is contained in:
alloynetworks
2026-04-20 13:24:22 +03:00
parent a6492d12dc
commit 2d1d94a72a
7 changed files with 79 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/XahauAbout.astro
View File

@@ -25,7 +25,7 @@ const videoId = '4pruN6sWJho'
</div>
<div class="xa-chips">
<span class="xa-chip">Est. October 2023</span>
<span class="xa-chip">100k+ Accounts</span>
<span class="xa-chip">200k+ Accounts</span>
<span class="xa-chip">~4s Settlement</span>
<span class="xa-chip">10k tx / ledger</span>
</div>
@@ -208,8 +208,8 @@ const videoId = '4pruN6sWJho'
<style>
/* ══════════════════════════════════════════════════════════════════════════
Design tokens — mirrors XahauFeatures exactly
══════════════════════════════════════════════════════════════════════════ */
Design tokens — mirrors XahauFeatures exactly
══════════════════════════════════════════════════════════════════════════ */
.xabout {
--ink: #0f2328;
--dim: #2d3e44;
@@ -235,8 +235,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Page header
══════════════════════════════════════════════════════════════════════════ */
Page header
══════════════════════════════════════════════════════════════════════════ */
.xa-head {
display: flex;
justify-content: space-between;
@@ -277,8 +277,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Acts
══════════════════════════════════════════════════════════════════════════ */
Acts
══════════════════════════════════════════════════════════════════════════ */
.xa-act {
padding-top: 52px;
}
@@ -313,8 +313,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Labels
══════════════════════════════════════════════════════════════════════════ */
Labels
══════════════════════════════════════════════════════════════════════════ */
.xa-lbl {
display: inline-block;
font-family: ui-monospace, monospace;
@@ -340,8 +340,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Statement sections
══════════════════════════════════════════════════════════════════════════ */
Statement sections
══════════════════════════════════════════════════════════════════════════ */
.xa-statement {
display: flex;
align-items: center;
@@ -406,8 +406,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Video section
══════════════════════════════════════════════════════════════════════════ */
Video section
══════════════════════════════════════════════════════════════════════════ */
.xa-video-section {
padding: 20px 28px 52px;
}
@@ -434,8 +434,8 @@ const videoId = '4pruN6sWJho'
}
/* ══════════════════════════════════════════════════════════════════════════
Responsive
══════════════════════════════════════════════════════════════════════════ */
Responsive
══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.xa-statement {
flex-direction: column;

2
src/components/XahauAboutEs.astro
View File

@@ -24,7 +24,7 @@ const videoId = '4pruN6sWJho'
</div>
<div class="xa-chips">
<span class="xa-chip">Est. octubre 2023</span>
<span class="xa-chip">100k+ cuentas</span>
<span class="xa-chip">200k+ cuentas</span>
<span class="xa-chip">~4s de liquidación</span>
<span class="xa-chip">10k tx / ledger</span>
</div>

2
src/components/XahauAboutJa.astro
View File

@@ -24,7 +24,7 @@ const videoId = '4pruN6sWJho'
</div>
<div class="xa-chips">
<span class="xa-chip">2023年10月設立</span>
<span class="xa-chip">10万以上のアカウント</span>
<span class="xa-chip">20万以上のアカウント</span>
<span class="xa-chip">~4秒で決済</span>
<span class="xa-chip">10k tx / レジャー</span>
</div>

36
src/components/XahauFeatures.astro
View File

@@ -370,8 +370,8 @@ const { lang = 'en' } = Astro.props
<style>
/* ══════════════════════════════════════════════════════════════════════════
Design tokens
══════════════════════════════════════════════════════════════════════════ */
Design tokens
══════════════════════════════════════════════════════════════════════════ */
.xfeat {
--ink: #0f2328;
--dim: #2d3e44;
@@ -397,8 +397,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Page header
══════════════════════════════════════════════════════════════════════════ */
Page header
══════════════════════════════════════════════════════════════════════════ */
.xf-head {
display: flex;
justify-content: space-between;
@@ -439,8 +439,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Acts
══════════════════════════════════════════════════════════════════════════ */
Acts
══════════════════════════════════════════════════════════════════════════ */
.xf-act {
padding-top: 52px;
}
@@ -475,8 +475,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Labels
══════════════════════════════════════════════════════════════════════════ */
Labels
══════════════════════════════════════════════════════════════════════════ */
.xf-lbl {
display: inline-block;
font-family: ui-monospace, monospace;
@@ -502,8 +502,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Statement sections
══════════════════════════════════════════════════════════════════════════ */
Statement sections
══════════════════════════════════════════════════════════════════════════ */
.xf-statement {
display: flex;
align-items: center;
@@ -567,8 +567,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Detail sections — pairs and trios
══════════════════════════════════════════════════════════════════════════ */
Detail sections — pairs and trios
══════════════════════════════════════════════════════════════════════════ */
.xf-pair,
.xf-trio {
display: grid;
@@ -618,8 +618,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Solo wide section
══════════════════════════════════════════════════════════════════════════ */
Solo wide section
══════════════════════════════════════════════════════════════════════════ */
.xf-solo {
padding: 52px 0 52px 28px;
}
@@ -644,8 +644,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Closing section
══════════════════════════════════════════════════════════════════════════ */
Closing section
══════════════════════════════════════════════════════════════════════════ */
.xf-closing {
padding: 52px 0 52px 28px;
}
@@ -670,8 +670,8 @@ const { lang = 'en' } = Astro.props
}
/* ══════════════════════════════════════════════════════════════════════════
Responsive
══════════════════════════════════════════════════════════════════════════ */
Responsive
══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.xf-statement {
flex-direction: column;

36
src/components/XahauFeaturesJa.astro
View File

@@ -258,8 +258,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
<style>
/* ══════════════════════════════════════════════════════════════════════════
Design tokens
══════════════════════════════════════════════════════════════════════════ */
Design tokens
══════════════════════════════════════════════════════════════════════════ */
.xfeat {
--ink: #0f2328;
--dim: #2d3e44;
@@ -285,8 +285,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Page header
══════════════════════════════════════════════════════════════════════════ */
Page header
══════════════════════════════════════════════════════════════════════════ */
.xf-head {
display: flex;
justify-content: space-between;
@@ -327,8 +327,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Acts
══════════════════════════════════════════════════════════════════════════ */
Acts
══════════════════════════════════════════════════════════════════════════ */
.xf-act {
padding-top: 52px;
}
@@ -363,8 +363,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Labels
══════════════════════════════════════════════════════════════════════════ */
Labels
══════════════════════════════════════════════════════════════════════════ */
.xf-lbl {
display: inline-block;
font-family: ui-monospace, monospace;
@@ -390,8 +390,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Statement sections
══════════════════════════════════════════════════════════════════════════ */
Statement sections
══════════════════════════════════════════════════════════════════════════ */
.xf-statement {
display: flex;
align-items: center;
@@ -456,8 +456,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Detail sections — pairs and trios
══════════════════════════════════════════════════════════════════════════ */
Detail sections — pairs and trios
══════════════════════════════════════════════════════════════════════════ */
.xf-pair,
.xf-trio {
display: grid;
@@ -508,8 +508,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Solo wide section
══════════════════════════════════════════════════════════════════════════ */
Solo wide section
══════════════════════════════════════════════════════════════════════════ */
.xf-solo {
padding: 52px 0 52px 28px;
}
@@ -534,8 +534,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Closing section
══════════════════════════════════════════════════════════════════════════ */
Closing section
══════════════════════════════════════════════════════════════════════════ */
.xf-closing {
padding: 52px 0 52px 28px;
}
@@ -560,8 +560,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
}
/* ══════════════════════════════════════════════════════════════════════════
Responsive
══════════════════════════════════════════════════════════════════════════ */
Responsive
══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
.xf-statement {
flex-direction: column;

9
src/components/XahauHome.astro
View File

@@ -54,7 +54,9 @@ const features = [1, 2, 3, 4, 5].map((n) => ({
<p>{f.desc}</p>
</div>
))}
</div>
<div class="xh-feats-cta">
<a
href={getRelativeLocaleUrl(locale, '/features')}
class="xh-cta xh-cta-grn"
@@ -227,7 +229,12 @@ const features = [1, 2, 3, 4, 5].map((n) => ({
color: var(--dim);
}
/* CTA button inside features grid */
/* CTA row below features grid */
.xh-feats-cta {
margin-top: 28px;
}
/* CTA button */
.xh-cta {
display: inline-flex;
align-items: center;

36
src/components/XahauRoadmap.astro
View File

@@ -292,11 +292,11 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
<style>
.xroadmap {
/* Xahau palette (aligned with site tokens):
xahau-gray #0f2328 — dark panel background
xahau-green #5de48c — bright accent
xahau-green-dark #007b3d — darker accent
xahau-secondary #fad7ae — warm secondary
*/
xahau-gray #0f2328 — dark panel background
xahau-green #5de48c — bright accent
xahau-green-dark #007b3d — darker accent
xahau-secondary #fad7ae — warm secondary
*/
--bg: #0a1619;
--panel: #0f2328;
--ink: #e9edf1;
@@ -323,9 +323,9 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
}
/* === Light theme override ==================================================
Activate by rendering <XahauRoadmap theme="light" />. Rollback is a one-word
prop change in src/pages/roadmap.astro (or remove the prop for the default
"dark"). */
Activate by rendering <XahauRoadmap theme="light" />. Rollback is a one-word
prop change in src/pages/roadmap.astro (or remove the prop for the default
"dark"). */
.xroadmap.theme-light {
/* Panel is a warm off-white so cards don't dissolve into the page bg. */
--bg: #eef2f1;
@@ -339,7 +339,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
--section-shadow: 0 22px 56px -28px rgba(15, 35, 40, 0.28);
}
/* Feature cards: near-white surface + chunky left accent, matching rollouts.
Keeps green as an accent colour instead of a pastel wash. */
Keeps green as an accent colour instead of a pastel wash. */
.xroadmap.theme-light .xr-feat {
background: #ffffff;
border: 1px solid var(--line);
@@ -350,7 +350,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
background: #ffffff;
}
/* Bump tags up a touch — 9px text was fragile on white. Colour stays
per-card-type so status colours (live/pilot/partnership/launch) still apply. */
per-card-type so status colours (live/pilot/partnership/launch) still apply. */
.xroadmap.theme-light .xr-feat .k,
.xroadmap.theme-light .xr-roll .k {
font-size: 10px;
@@ -396,7 +396,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
border-left-color: var(--teal);
}
/* Deepen the status accent colours so tag text and pegs read cleanly on white.
The bright dark-theme palette (teal/violet/rose/green) washes out at small sizes. */
The bright dark-theme palette (teal/violet/rose/green) washes out at small sizes. */
.xroadmap.theme-light .xr-roll.status-live .k {
color: #2fa84f;
}
@@ -987,7 +987,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
}
/* Per-card quarter badge — hidden on desktop (timeline carries this info)
and shown on mobile where the horizontal arrow is collapsed. */
and shown on mobile where the horizontal arrow is collapsed. */
.xr-q-badge {
display: none;
}
@@ -1024,10 +1024,10 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
}
/* === Mobile (≤640px) ======================================================
The horizontal timeline metaphor does not survive narrow viewports, so at
phone widths we flip to a linear, stacked card list. The quarter header
row, arrow and column dividers are hidden; every card instead shows its
own period via the .xr-q-badge (populated at build time). */
The horizontal timeline metaphor does not survive narrow viewports, so at
phone widths we flip to a linear, stacked card list. The quarter header
row, arrow and column dividers are hidden; every card instead shows its
own period via the .xr-q-badge (populated at build time). */
@media (max-width: 640px) {
.xroadmap {
padding: 20px 16px 18px;
@@ -1089,7 +1089,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
}
/* Lanes collapse to a simple block list with a section heading derived
from the existing aria-label (so no extra markup is needed). */
from the existing aria-label (so no extra markup is needed). */
.xr-lane {
display: block;
padding: 0 !important;
@@ -1113,7 +1113,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
}
/* Cards become full-width blocks; drop peg/open-ended/clip glyphs that
only make sense against a horizontal timeline. */
only make sense against a horizontal timeline. */
.xr-feat,
.xr-roll {
display: block !important;