Merge branch 'master' into release/0.3.49
This commit is contained in:
commit
d5b8c6b0b2
3 changed files with 125 additions and 40 deletions
|
|
@ -35,16 +35,43 @@
|
|||
.topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
|
||||
.topnav a.get:hover{background:rgba(214,255,61,.18)}
|
||||
|
||||
/* Left floating in-page nav. Sits outside the 900px content box on wide viewports. */
|
||||
.sidenav{position:fixed;top:96px;left:max(16px,calc((100vw - 1180px) / 2));width:172px;z-index:10;
|
||||
padding:14px 4px 14px 14px;border-left:1px solid var(--line);font-size:13px}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.22em;text-transform:uppercase;
|
||||
margin:0 0 10px 2px}
|
||||
.sidenav a{display:block;color:var(--mut);text-decoration:none;padding:7px 10px;border-radius:8px;
|
||||
border-left:2px solid transparent;margin-left:-2px;transition:color .1s,background .1s,border-color .1s}
|
||||
/* Adaptive edge nav: full-width panel at left edge on wide,
|
||||
icon rail on medium, bottom bar with icons on mobile. */
|
||||
:root{--sn-w:220px}
|
||||
body{padding-left:var(--sn-w)}
|
||||
.sidenav{position:fixed;top:0;left:0;bottom:0;width:var(--sn-w);z-index:15;
|
||||
background:rgba(11,14,20,.82);backdrop-filter:blur(10px);
|
||||
border-right:1px solid var(--line);padding:74px 14px 22px 18px;
|
||||
overflow-y:auto;transition:width .15s ease}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase;
|
||||
margin:0 0 14px 4px}
|
||||
.sidenav a{display:flex;align-items:center;gap:14px;color:var(--mut);text-decoration:none;
|
||||
padding:11px 12px;border-radius:10px;border-left:3px solid transparent;margin-left:-3px;
|
||||
font-size:14.5px;font-weight:500;transition:color .1s,background .1s,border-color .1s}
|
||||
.sidenav a .ic{flex:none;width:22px;font-size:18px;line-height:1;text-align:center;
|
||||
display:inline-flex;justify-content:center;align-items:center}
|
||||
.sidenav a .lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.sidenav a:hover{color:var(--ink);background:var(--panel)}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.06)}
|
||||
@media (max-width:1180px){.sidenav{display:none}}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.07)}
|
||||
@media (max-width:1180px){
|
||||
:root{--sn-w:64px}
|
||||
.sidenav{padding:74px 6px 22px 6px}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{justify-content:center;padding:12px 4px;gap:0}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
@media (max-width:720px){
|
||||
:root{--sn-w:0px}
|
||||
body{padding-left:0;padding-bottom:64px}
|
||||
.sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;
|
||||
padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line);
|
||||
display:flex;justify-content:space-around;overflow-x:auto}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none;
|
||||
border-top:3px solid transparent;margin-left:0;margin-top:-3px;gap:0}
|
||||
.sidenav a.active{border-left-color:transparent;border-top-color:var(--acid)}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
|
||||
header.hero{text-align:center;padding:3.5rem 1.2rem 1rem}
|
||||
h1{font-size:clamp(1.8rem,4.5vw,2.4rem);margin:.6rem 0 .3rem;letter-spacing:-.3px}
|
||||
|
|
@ -103,12 +130,12 @@
|
|||
|
||||
<aside class="sidenav" aria-label="On this page">
|
||||
<div class="lbl">On this page</div>
|
||||
<a href="#bundled">Bundled</a>
|
||||
<a href="#community">Community</a>
|
||||
<a href="#build">Build & publish</a>
|
||||
<a href="#updates">How updates work</a>
|
||||
<a href="#operator-key">Operator key</a>
|
||||
<a href="#roadmap">Roadmap</a>
|
||||
<a href="#bundled" title="Bundled" ><span class="ic" aria-hidden="true">📦</span><span class="lb">Bundled</span></a>
|
||||
<a href="#community" title="Community" ><span class="ic" aria-hidden="true">👥</span><span class="lb">Community</span></a>
|
||||
<a href="#build" title="Build & publish" ><span class="ic" aria-hidden="true">🔨</span><span class="lb">Build & publish</span></a>
|
||||
<a href="#updates" title="How updates work" ><span class="ic" aria-hidden="true">🔄</span><span class="lb">How updates work</span></a>
|
||||
<a href="#operator-key" title="Operator key" ><span class="ic" aria-hidden="true">🔑</span><span class="lb">Operator key</span></a>
|
||||
<a href="#roadmap" title="Roadmap" ><span class="ic" aria-hidden="true">🗺</span><span class="lb">Roadmap</span></a>
|
||||
</aside>
|
||||
|
||||
<header class="hero">
|
||||
|
|
|
|||
57
index.html
57
index.html
|
|
@ -40,16 +40,47 @@
|
|||
.topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
|
||||
.topnav a.get:hover{background:rgba(214,255,61,.18)}
|
||||
|
||||
/* Left floating in-page nav (home only). Sits outside the 980px content box on wide viewports. */
|
||||
.sidenav{position:fixed;top:96px;left:max(16px,calc((100vw - 1240px) / 2));width:172px;z-index:10;
|
||||
padding:14px 4px 14px 14px;border-left:1px solid var(--line);font-size:13px}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.22em;text-transform:uppercase;
|
||||
margin:0 0 10px 2px}
|
||||
.sidenav a{display:block;color:var(--mut);text-decoration:none;padding:7px 10px;border-radius:8px;
|
||||
border-left:2px solid transparent;margin-left:-2px;transition:color .1s,background .1s,border-color .1s}
|
||||
/* Adaptive edge nav: full-width panel at left edge on wide,
|
||||
icon rail on medium, bottom bar with icons on mobile.
|
||||
body padding-left carves the space so topnav + content flow as one column
|
||||
beside the sidebar. */
|
||||
:root{--sn-w:220px}
|
||||
body{padding-left:var(--sn-w)}
|
||||
.sidenav{position:fixed;top:0;left:0;bottom:0;width:var(--sn-w);z-index:15;
|
||||
background:rgba(11,14,20,.82);backdrop-filter:blur(10px);
|
||||
border-right:1px solid var(--line);padding:74px 14px 22px 18px;
|
||||
overflow-y:auto;transition:width .15s ease}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase;
|
||||
margin:0 0 14px 4px}
|
||||
.sidenav a{display:flex;align-items:center;gap:14px;color:var(--mut);text-decoration:none;
|
||||
padding:11px 12px;border-radius:10px;border-left:3px solid transparent;margin-left:-3px;
|
||||
font-size:14.5px;font-weight:500;transition:color .1s,background .1s,border-color .1s}
|
||||
.sidenav a .ic{flex:none;width:22px;font-size:18px;line-height:1;text-align:center;
|
||||
display:inline-flex;justify-content:center;align-items:center}
|
||||
.sidenav a .lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.sidenav a:hover{color:var(--ink);background:var(--panel)}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.06)}
|
||||
@media (max-width:1200px){.sidenav{display:none}}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.07)}
|
||||
/* Medium: shrink to an icon rail */
|
||||
@media (max-width:1180px){
|
||||
:root{--sn-w:64px}
|
||||
.sidenav{padding:74px 6px 22px 6px}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{justify-content:center;padding:12px 4px;gap:0}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
/* Mobile: bottom icon bar */
|
||||
@media (max-width:720px){
|
||||
:root{--sn-w:0px}
|
||||
body{padding-left:0;padding-bottom:64px}
|
||||
.sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;
|
||||
padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line);
|
||||
display:flex;justify-content:space-around;overflow-x:auto}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none;
|
||||
border-top:3px solid transparent;margin-left:0;margin-top:-3px;gap:0}
|
||||
.sidenav a.active{border-left-color:transparent;border-top-color:var(--acid)}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
|
||||
header.hero{text-align:center;padding:5rem 1.2rem 1.5rem}
|
||||
.mark{display:inline-block}
|
||||
|
|
@ -120,10 +151,10 @@
|
|||
|
||||
<aside class="sidenav" aria-label="On this page">
|
||||
<div class="lbl">On this page</div>
|
||||
<a href="#what">What it is</a>
|
||||
<a href="#features">Features</a>
|
||||
<a href="#download">Download</a>
|
||||
<a href="#verify">Verify</a>
|
||||
<a href="#what" title="What it is"><span class="ic" aria-hidden="true">🌐</span><span class="lb">What it is</span></a>
|
||||
<a href="#features" title="Features" ><span class="ic" aria-hidden="true">⚡</span><span class="lb">Features</span></a>
|
||||
<a href="#download" title="Download" ><span class="ic" aria-hidden="true">⬇</span><span class="lb">Download</span></a>
|
||||
<a href="#verify" title="Verify" ><span class="ic" aria-hidden="true">🔐</span><span class="lb">Verify</span></a>
|
||||
</aside>
|
||||
|
||||
<header class="hero">
|
||||
|
|
|
|||
|
|
@ -33,16 +33,43 @@
|
|||
.topnav a.get{margin-left:auto;background:rgba(214,255,61,.10);color:var(--acid);font-weight:500}
|
||||
.topnav a.get:hover{background:rgba(214,255,61,.18)}
|
||||
|
||||
/* Left floating in-page nav. Sits outside the 900px content box on wide viewports. */
|
||||
.sidenav{position:fixed;top:96px;left:max(16px,calc((100vw - 1180px) / 2));width:172px;z-index:10;
|
||||
padding:14px 4px 14px 14px;border-left:1px solid var(--line);font-size:13px}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.22em;text-transform:uppercase;
|
||||
margin:0 0 10px 2px}
|
||||
.sidenav a{display:block;color:var(--mut);text-decoration:none;padding:7px 10px;border-radius:8px;
|
||||
border-left:2px solid transparent;margin-left:-2px;transition:color .1s,background .1s,border-color .1s}
|
||||
/* Adaptive edge nav: full-width panel at left edge on wide,
|
||||
icon rail on medium, bottom bar with icons on mobile. */
|
||||
:root{--sn-w:220px}
|
||||
body{padding-left:var(--sn-w)}
|
||||
.sidenav{position:fixed;top:0;left:0;bottom:0;width:var(--sn-w);z-index:15;
|
||||
background:rgba(11,14,20,.82);backdrop-filter:blur(10px);
|
||||
border-right:1px solid var(--line);padding:74px 14px 22px 18px;
|
||||
overflow-y:auto;transition:width .15s ease}
|
||||
.sidenav .lbl{color:var(--dim);font:600 10.5px/1 system-ui;letter-spacing:.24em;text-transform:uppercase;
|
||||
margin:0 0 14px 4px}
|
||||
.sidenav a{display:flex;align-items:center;gap:14px;color:var(--mut);text-decoration:none;
|
||||
padding:11px 12px;border-radius:10px;border-left:3px solid transparent;margin-left:-3px;
|
||||
font-size:14.5px;font-weight:500;transition:color .1s,background .1s,border-color .1s}
|
||||
.sidenav a .ic{flex:none;width:22px;font-size:18px;line-height:1;text-align:center;
|
||||
display:inline-flex;justify-content:center;align-items:center}
|
||||
.sidenav a .lb{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.sidenav a:hover{color:var(--ink);background:var(--panel)}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.06)}
|
||||
@media (max-width:1180px){.sidenav{display:none}}
|
||||
.sidenav a.active{color:var(--acid);border-left-color:var(--acid);background:rgba(214,255,61,.07)}
|
||||
@media (max-width:1180px){
|
||||
:root{--sn-w:64px}
|
||||
.sidenav{padding:74px 6px 22px 6px}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{justify-content:center;padding:12px 4px;gap:0}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
@media (max-width:720px){
|
||||
:root{--sn-w:0px}
|
||||
body{padding-left:0;padding-bottom:64px}
|
||||
.sidenav{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;
|
||||
padding:4px 4px;flex-direction:row;border-right:none;border-top:1px solid var(--line);
|
||||
display:flex;justify-content:space-around;overflow-x:auto}
|
||||
.sidenav .lbl{display:none}
|
||||
.sidenav a{flex:1;min-width:56px;padding:10px 6px;justify-content:center;border-left:none;
|
||||
border-top:3px solid transparent;margin-left:0;margin-top:-3px;gap:0}
|
||||
.sidenav a.active{border-left-color:transparent;border-top-color:var(--acid)}
|
||||
.sidenav a .lb{display:none}
|
||||
}
|
||||
|
||||
header.hero{text-align:center;padding:3.5rem 1.2rem 1rem}
|
||||
h1{font-size:clamp(1.8rem,4.5vw,2.4rem);margin:.6rem 0 .3rem;letter-spacing:-.3px}
|
||||
|
|
@ -95,9 +122,9 @@
|
|||
|
||||
<aside class="sidenav" aria-label="On this page">
|
||||
<div class="lbl">On this page</div>
|
||||
<a href="#aegis-section">Aegis wallet</a>
|
||||
<a href="#ariadne-section">Ariadne's Thread</a>
|
||||
<a href="#line">Plug-ins vs extensions</a>
|
||||
<a href="#aegis-section" title="Aegis wallet" ><span class="ic" aria-hidden="true">🛡</span><span class="lb">Aegis wallet</span></a>
|
||||
<a href="#ariadne-section" title="Ariadne's Thread" ><span class="ic" aria-hidden="true">🧵</span><span class="lb">Ariadne's Thread</span></a>
|
||||
<a href="#line" title="Plug-ins vs extensions"><span class="ic" aria-hidden="true">🧩</span><span class="lb">Plug-ins vs extensions</span></a>
|
||||
</aside>
|
||||
|
||||
<header class="hero">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue