diff --git a/docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.c237a2dd.woff2 b/docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.ed2bb3af.woff2 similarity index 100% rename from docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.c237a2dd.woff2 rename to docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.ed2bb3af.woff2 diff --git a/docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.8b99530a.woff2 b/docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.b197cc55.woff2 similarity index 100% rename from docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.8b99530a.woff2 rename to docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.b197cc55.woff2 diff --git a/docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.7dee1cae.woff2 b/docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.f28a743b.woff2 similarity index 100% rename from docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.7dee1cae.woff2 rename to docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.f28a743b.woff2 diff --git a/docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.6f52e4f1.woff2 b/docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.6fcd7676.woff2 similarity index 100% rename from docs/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.6f52e4f1.woff2 rename to docs/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.6fcd7676.woff2 diff --git a/docs/index.eb7ab67b.css b/docs/index.eb7ab67b.css index fac1a12..84207da 100644 --- a/docs/index.eb7ab67b.css +++ b/docs/index.eb7ab67b.css @@ -1 +1 @@ -:root{--0:"Atkinson Hyperlegible Pro","Atkinson Hyperlegible",Helvetica,Arial,sans-serif;--1:Xcharter,Charter,Georgia,Times,"Times New Roman",serif;--2:"Fira Mono","Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;--3:"Atkinson Hyperlegible Pro","Atkinson Hyperlegible",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--4:#fff;--5:#e6e6e6;--6:#ccc;--7:#b3b3b3;--8:#999;--9:gray;--a:#666;--b:#4d4d4d;--c:#333;--d:#1a1a1a;--e:#000;--f:#263b4b;--g:#223544;--h:#1f303d;--i:#1b2b36;--j:#18252f;--k:#152029;--l:#0f8a42;--m:#0d7337;--n:#0a5c2c;--o:#fb3;--p:#ffb31a;--q:#e69900;--r:#e23636;--s:#df2020;--t:#c91d1d}*,:before,:after{box-sizing:border-box;color:inherit;font:inherit;text-align:inherit;vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0}html{background:var(--4);text-align:left;overflow-wrap:break-word;scroll-behavior:smooth;font-size:clamp(100%,5vw + 1rem,110%)}body{color:var(--k);font-size:1rem;font-family:var(--0);font-weight:400;line-height:1.5}img,svg,picture,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}p,pre,table,blockquote,:is(h1,h2,h3,h4,h5,h6),:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){margin:.75rem 0}:is(h1,h2,h3,h4,h5,h6){font-family:var(--0);font-weight:400}h1,[data-text~=h1]{font-size:clamp(2.488rem,5vw + 1rem,4.209rem);line-height:1.2}h2,[data-text~=h2]{font-size:clamp(2.074rem,5vw + 1rem,3.157rem);line-height:1.2}h3,[data-text~=h3]{font-size:clamp(1.728rem,4vw + 1rem,2.369rem);line-height:1.3}h4,[data-text~=h4]{font-size:clamp(1.44rem,3vw + 1rem,1.777rem);line-height:1.4}h5,[data-text~=h5]{font-size:clamp(1.2rem,3vw + 1rem,1.333rem);line-height:1.45}h6,[data-text~=h6]{font-size:1rem;line-height:1.5}b,strong{font-weight:bolder}i,em,dfn{font-style:italic}[title]:where(abbr,dfn){text-underline-offset:.3125em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}mark{background-color:var(--p);color:var(--e)}small,sub,sup,[data-text~=small]{font-size:.833rem}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}hr{border-top:.125rem solid var(--e);min-height:.0625rem;margin:.75rem 0;display:block}:where(a){text-underline-offset:.3125em;cursor:pointer;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}:where(a:hover,a:active){text-decoration:none}:where(a:focus){outline-offset:-.125rem;outline:thin dotted}blockquote,q{quotes:none}blockquote{font-family:var(--1);font-style:italic}blockquote:before,blockquote:after{content:"";content:none}:where(blockquote) small{display:block}:where(blockquote) small:before{content:"— "}code,kbd,pre,samp{font-family:var(--2)}pre{white-space:pre-wrap;overflow:auto}ol,ul{list-style-type:none}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){padding-left:1.5rem;list-style-position:outside}[data-list~=ol]{list-style-type:decimal}[data-list~=ol]>li:first-child>[data-list~=ol]{list-style-type:lower-alpha}[data-list~=ul]{list-style-type:disc}[data-list~=ul]>li:first-child>[data-list~=ul]{list-style-type:circle}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]) [data-list]{margin:0}table{border-collapse:collapse;border-spacing:0;width:100%;display:table}td,th{padding:.5rem .75rem;display:table-cell}:where(form) select,textarea,input{margin:.5rem 0}select,textarea,input[type=text],input[type=email],input[type=password],input[type=time],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=url]{border:.0625em solid var(--9);color:var(--9);font-family:var(--3);background-color:#0000;border-radius:.25rem;width:100%;padding:.5rem .75rem;transition:color .2s,border-color .2s,background-color .2s;display:block}select:focus,textarea:focus,input:focus:not([type=button],[type=reset],[type=submit]){color:var(--k);border-color:var(--k)}textarea{resize:vertical;min-height:6.25rem;overflow:auto}button,select,[type=button],[type=reset],[type=submit]{font-family:var(--3);text-transform:none;overflow:visible}[type=file]{opacity:0;width:0;height:0;position:absolute}:not([type=button],[type=reset],[type=submit]):invalid{border-color:var(--s)}::selection{color:var(--e);text-shadow:none;background-color:#f5daa3}[data-container]{width:clamp(20rem,100%,60rem);margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}:where(body)>[data-container]:first-child{margin-top:4.5rem}:where(body)>[data-container]:last-child{margin-bottom:3rem}[data-container~=full]{width:100%}[data-grid]{column-gap:1.25rem;display:grid}[data-column=all]{grid-column:1/-1}[data-dropbox]{z-index:-10;visibility:hidden;color:var(--k);opacity:0;min-width:10rem;transition:opacity .3s,visibility .3s;display:none}[data-dropbox~=menu]{background-color:var(--4);border:.0625em solid var(--e)}[data-toggle~=tooltip]{text-underline-offset:.3125em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}[data-dropbox=tooltip]{background-color:var(--e);color:var(--4);min-width:25ch;padding:.5rem .75rem;bottom:100%}[data-toggle]{position:relative}[data-toggle~=tooltip]>[data-dropbox],[data-toggle~=pop]>[data-dropbox],[data-toggle~=pop]+[data-dropbox]{display:block;position:absolute}[data-state=active]>[data-dropbox],[data-state=active]+[data-dropbox],[data-toggle~=tooltip]:hover>[data-dropbox]{z-index:100;visibility:visible;opacity:1;display:block}[data-anchor]{color:var(--e);font-family:var(--3);cursor:pointer;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:block}[data-anchor]:where([data-state=active],:hover,:active){color:var(--9);text-decoration:none}[data-anchor]:focus{outline-offset:-.125rem;outline:thin dotted}[data-anchor~=menu]:where([data-state=active],:hover,:active){background-color:var(--e);color:var(--4)}[data-flex~=breadcrumb]{column-gap:.375em}:where([data-flex~=breadcrumb]) li:after{content:"/";margin-left:.375em}:where([data-flex~=breadcrumb]) li:last-child:after{content:"";margin-right:0}[data-flex~=line-top]{border-top:.125em solid var(--9)}:where([data-flex~=line-top]) [data-anchor~=line]{border-top:.125em solid #0000;bottom:.125em}[data-flex~=line-bottom]{border-bottom:.125em solid var(--9)}:where([data-flex~=line-bottom]) [data-anchor~=line]{border-bottom:.125em solid #0000;top:.125em}[data-anchor~=line]{z-index:1;color:var(--9);position:relative}[data-anchor~=line]:where([data-state=active],:hover,:active){z-index:5;border-color:var(--e);color:var(--k)}[data-navbar]{background-color:var(--k);color:var(--7);width:100%}[data-navbar=top],[data-navbar=bottom]{z-index:1000;position:fixed}[data-navbar=top]{top:0}:where([data-navbar=top]) [data-dropbox]{top:100%}[data-navbar=bottom]{bottom:0}:where([data-navbar=bottom]) [data-dropbox]{bottom:100%}[data-anchor~=navbar]{color:var(--4)}[data-anchor~=navbar]:where([data-state=active],:hover,:active){color:var(--7)}[data-dropbox~=navbar]{background-color:var(--i)}[data-button]{background-color:var(--5);color:var(--k);font-family:var(--3);cursor:pointer;border:.0625em solid #0000;border-radius:.25rem;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-block}[data-button]:is([data-state=active],:hover,:active){background-color:var(--6);text-decoration:none}[data-button]:focus{outline-offset:-.125rem;outline:thin dotted}[data-button~=outline]{border-color:var(--9)}[data-button~=tertiary]{background-color:var(--a);color:var(--4)}[data-button~=tertiary]:is([data-state=active],:hover,:active){background-color:var(--9);color:var(--4)}[data-button=tertiary\ outline]{border-color:var(--a);color:var(--a)}[data-button~=secondary]{background-color:var(--c);color:var(--4)}[data-button~=secondary]:is([data-state=active],:hover,:active){background-color:var(--b);color:var(--4)}[data-button=secondary\ outline]{border-color:var(--c);color:var(--c)}[data-button~=primary]{background-color:var(--e);color:var(--4)}[data-button~=primary]:is([data-state=active],:hover,:active){background-color:var(--c);color:var(--4)}[data-button=primary\ outline]{border-color:var(--e);color:var(--e)}[data-button~=success]{background-color:var(--m);color:var(--4)}[data-button~=success]:is([data-state=active],:hover,:active){background-color:var(--n);color:var(--4)}[data-button=success\ outline]{border-color:var(--m);color:var(--m)}[data-button~=warning]{background-color:var(--p);color:var(--e)}[data-button~=warning]:is([data-state=active],:hover,:active){background-color:var(--o);color:var(--e)}[data-button=warning\ outline]{border-color:var(--p);color:var(--p)}[data-button~=danger]{background-color:var(--s);color:var(--4)}[data-button~=danger]:is([data-state=active],:hover,:active){background-color:var(--t);color:var(--4)}[data-button=danger\ outline]{border-color:var(--s);color:var(--s)}[data-button~=outline]{background-color:#0000}[data-button=link]{color:false;font-family:var(--0);text-underline-offset:.3125em;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}[data-button=link]:is([data-state=active],:hover,:active){background-color:#0000;border-color:#0000;text-decoration:none}[data-state=disabled],[data-state=disabled]:is(:hover,:active,:focus){background-color:var(--5);color:var(--9);cursor:not-allowed;border-color:#0000;outline:0;text-decoration:none}[data-section~=header]{background-color:var(--g);color:var(--4);margin-bottom:1.5rem;padding-top:6rem;padding-bottom:3rem}[data-section~=header] :is(h1,h2,h3,h4,h5,h6),[data-section~=header] a{color:var(--4)}[data-section~=header] h1{margin-bottom:1.5rem}[data-section=footer]{margin-bottom:3rem}[data-filter=blur]{filter:blur(.3rem)}[data-text=flip-zero]{font-variant-numeric:slashed-zero}[data-text~=h0]{font-size:clamp(3.15rem,8vw + 1rem,7.8rem);line-height:1}[data-text~=uppercase]{text-transform:uppercase}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.6f52e4f1.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.7dee1cae.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.c237a2dd.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.8b99530a.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Roman.ff14434c.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Italic.20944042.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Bold.c8f1904c.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-BoldItalic.0f3fe492.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Regular.bd490d99.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Medium.26b3302b.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Bold.ea8f280f.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:icons;src:url(fonts/icons/icons.7604ec27.woff2)format("woff2");font-weight:400;font-style:normal;font-variant:normal}[data-icon]:before{content:attr(data-icon);vertical-align:middle;text-transform:none;font-family:icons;line-height:1;display:inline-block}[data-position~=relative]{position:relative}[data-position~=absolute]{position:absolute}[data-position~=fixed]{position:fixed}[data-position~=top]{top:0}[data-position~=bottom]{bottom:0}[data-position~=left]{left:0}[data-position~=right]{right:0}[data-box~=leading]{margin:.75rem 0}[data-box~=padding]{padding:.5rem .75rem}[data-box~=padding-top]{padding-top:.5rem}[data-box~=padding-x],[data-box~=padding-right]{padding-right:.75rem}[data-box~=padding-bottom]{padding-bottom:.5rem}[data-box~=padding-x],[data-box~=padding-left]{padding-left:.75rem}[data-box~=border]{border:.0625em solid var(--9)}[data-box~=border-top]{border-top:.0625em solid var(--9)}[data-box~=border-left],[data-box~=border-x]{border-left:.0625em solid var(--9)}[data-box~=border-right],[data-box~=border-x]{border-right:.0625em solid var(--9)}[data-box~=border-bottom]{border-bottom:.0625em solid var(--9)}[data-box~=full-width]{width:100%}[data-text~=left]{text-align:left}[data-text~=right]{text-align:right}[data-text~=center]{text-align:center}[data-text~=justify]{text-align:justify;-webkit-hyphens:auto;hyphens:auto}[data-flex]{display:flex}[data-flex~=reverse]{flex-direction:row-reverse}[data-flex~=column]{flex-direction:column}[data-flex*=column\ reverse]{flex-direction:column-reverse}[data-flex~=wrap]{flex-wrap:wrap}[data-flex~=grow]>*,[data-item~=grow]{flex-grow:1}[data-flex~=gap]{gap:1.25rem}[data-flex~=end]{justify-content:flex-end}[data-flex~=center]{justify-content:center}[data-flex~=between]{justify-content:space-between}[data-flex~=around]{justify-content:space-around}[data-flex~=even]{justify-content:space-evenly}@media screen and (width<=42.5em){[data-grid=main]{grid-template-columns:repeat(4,1fr)}[data-grid=main] [data-column~=small-1]{grid-column:span 1}[data-grid=main] [data-column~=small-2]{grid-column:span 2}[data-grid=main] [data-column~=small-3]{grid-column:span 3}[data-grid=main] [data-column~=small-4]{grid-column:span 4}[data-display~=small-none],[data-display~=medium],[data-display~=large]{display:none}}@media screen and (width>=42.5625em) and (width<=61.1875em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=medium-1]{grid-column:span 1}[data-grid=main] [data-column~=medium-2]{grid-column:span 2}[data-grid=main] [data-column~=medium-3]{grid-column:span 3}[data-grid=main] [data-column~=medium-4]{grid-column:span 4}[data-grid=main] [data-column~=medium-5]{grid-column:span 5}[data-grid=main] [data-column~=medium-6]{grid-column:span 6}[data-grid=main] [data-column~=medium-7]{grid-column:span 7}[data-grid=main] [data-column~=medium-8]{grid-column:span 8}[data-grid=main] [data-column~=medium-9]{grid-column:span 9}[data-grid=main] [data-column~=medium-10]{grid-column:span 10}[data-grid=main] [data-column~=medium-11]{grid-column:span 11}[data-grid=main] [data-column~=medium-12]{grid-column:span 12}[data-display~=medium-none],[data-display~=small],[data-display~=large]{display:none}}@media screen and (width>=61.25em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=large-1]{grid-column:span 1}[data-grid=main] [data-column~=large-2]{grid-column:span 2}[data-grid=main] [data-column~=large-3]{grid-column:span 3}[data-grid=main] [data-column~=large-4]{grid-column:span 4}[data-grid=main] [data-column~=large-5]{grid-column:span 5}[data-grid=main] [data-column~=large-6]{grid-column:span 6}[data-grid=main] [data-column~=large-7]{grid-column:span 7}[data-grid=main] [data-column~=large-8]{grid-column:span 8}[data-grid=main] [data-column~=large-9]{grid-column:span 9}[data-grid=main] [data-column~=large-10]{grid-column:span 10}[data-grid=main] [data-column~=large-11]{grid-column:span 11}[data-grid=main] [data-column~=large-12]{grid-column:span 12}[data-display~=large-none],[data-display~=small],[data-display~=medium]{display:none}}@media print{html,body{height:auto}nav{display:none}[data-container]{max-width:100%;margin:0;padding:0}[data-grid]{display:block}} \ No newline at end of file +:root{--0:"Atkinson Hyperlegible Pro","Atkinson Hyperlegible",Helvetica,Arial,sans-serif;--1:Xcharter,Charter,Georgia,Times,"Times New Roman",serif;--2:"Fira Mono","Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;--3:"Atkinson Hyperlegible Pro","Atkinson Hyperlegible",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--4:#fff;--5:#e6e6e6;--6:#ccc;--7:#b3b3b3;--8:#999;--9:gray;--a:#666;--b:#4d4d4d;--c:#333;--d:#1a1a1a;--e:#000;--f:#263b4b;--g:#223544;--h:#1f303d;--i:#1b2b36;--j:#18252f;--k:#152029;--l:#0f8a42;--m:#0d7337;--n:#0a5c2c;--o:#fb3;--p:#ffb31a;--q:#e69900;--r:#e23636;--s:#df2020;--t:#c91d1d}*,:before,:after{box-sizing:border-box;color:inherit;font:inherit;text-align:inherit;vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0}html{background:var(--4);text-align:left;overflow-wrap:break-word;scroll-behavior:smooth;font-size:clamp(100%,5vw + 1rem,110%)}body{color:var(--k);font-size:1rem;font-family:var(--0);font-weight:400;line-height:1.5}img,svg,picture,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}p,pre,table,blockquote,:is(h1,h2,h3,h4,h5,h6),:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){margin:.75rem 0}:is(h1,h2,h3,h4,h5,h6){font-family:var(--0);font-weight:400}h1,[data-text~=h1]{font-size:clamp(2.488rem,5vw + 1rem,4.209rem);line-height:1.2}h2,[data-text~=h2]{font-size:clamp(2.074rem,5vw + 1rem,3.157rem);line-height:1.2}h3,[data-text~=h3]{font-size:clamp(1.728rem,4vw + 1rem,2.369rem);line-height:1.3}h4,[data-text~=h4]{font-size:clamp(1.44rem,3vw + 1rem,1.777rem);line-height:1.4}h5,[data-text~=h5]{font-size:clamp(1.2rem,3vw + 1rem,1.333rem);line-height:1.45}h6,[data-text~=h6]{font-size:1rem;line-height:1.5}b,strong{font-weight:bolder}i,em,dfn{font-style:italic}[title]:where(abbr,dfn){text-underline-offset:.3125em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}mark{background-color:var(--p);color:var(--e)}small,sub,sup,[data-text~=small]{font-size:.833rem}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}hr{border-top:.125rem solid var(--e);min-height:.0625rem;margin:.75rem 0;display:block}:where(a){text-underline-offset:.3125em;cursor:pointer;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}:where(a:hover,a:active){text-decoration:none}:where(a:focus){outline-offset:-.125rem;outline:thin dotted}blockquote,q{quotes:none}blockquote{font-family:var(--1);font-style:italic}blockquote:before,blockquote:after{content:"";content:none}:where(blockquote) small{display:block}:where(blockquote) small:before{content:"— "}code,kbd,pre,samp{font-family:var(--2)}pre{white-space:pre-wrap;overflow:auto}ol,ul{list-style-type:none}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]){padding-left:1.5rem;list-style-position:outside}[data-list~=ol]{list-style-type:decimal}[data-list~=ol]>li:first-child>[data-list~=ol]{list-style-type:lower-alpha}[data-list~=ul]{list-style-type:disc}[data-list~=ul]>li:first-child>[data-list~=ul]{list-style-type:circle}:is([data-list~=ol],[data-list~=ul],[data-list~=dl]) [data-list]{margin:0}table{border-collapse:collapse;border-spacing:0;width:100%;display:table}td,th{padding:.5rem .75rem;display:table-cell}:where(form) select,textarea,input{margin:.5rem 0}select,textarea,input[type=text],input[type=email],input[type=password],input[type=time],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=url]{border:.0625em solid var(--9);color:var(--9);font-family:var(--3);background-color:#0000;border-radius:.25rem;width:100%;padding:.5rem .75rem;transition:color .2s,border-color .2s,background-color .2s;display:block}select:focus,textarea:focus,input:focus:not([type=button],[type=reset],[type=submit]){color:var(--k);border-color:var(--k)}textarea{resize:vertical;min-height:6.25rem;overflow:auto}button,select,[type=button],[type=reset],[type=submit]{font-family:var(--3);text-transform:none;overflow:visible}[type=file]{opacity:0;width:0;height:0;position:absolute}:not([type=button],[type=reset],[type=submit]):invalid{border-color:var(--s)}::selection{color:var(--e);text-shadow:none;background-color:#f5daa3}[data-container]{width:clamp(20rem,100%,60rem);margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}:where(body)>[data-container]:first-child{margin-top:4.5rem}:where(body)>[data-container]:last-child{margin-bottom:3rem}[data-container~=full]{width:100%}[data-grid]{column-gap:1.25rem;display:grid}[data-column=all]{grid-column:1/-1}[data-dropbox]{z-index:-10;visibility:hidden;color:var(--k);opacity:0;min-width:10rem;transition:opacity .3s,visibility .3s;display:none}[data-dropbox~=menu]{background-color:var(--4);border:.0625em solid var(--e)}[data-toggle~=tooltip]{text-underline-offset:.3125em;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:.125rem}[data-dropbox=tooltip]{background-color:var(--e);color:var(--4);min-width:25ch;padding:.5rem .75rem;bottom:100%}[data-toggle]{position:relative}[data-toggle~=tooltip]>[data-dropbox],[data-toggle~=pop]>[data-dropbox],[data-toggle~=pop]+[data-dropbox]{display:block;position:absolute}[data-state=active]>[data-dropbox],[data-state=active]+[data-dropbox],[data-toggle~=tooltip]:hover>[data-dropbox]{z-index:100;visibility:visible;opacity:1;display:block}[data-anchor]{color:var(--e);font-family:var(--3);cursor:pointer;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:block}[data-anchor]:where([data-state=active],:hover,:active){color:var(--9);text-decoration:none}[data-anchor]:focus{outline-offset:-.125rem;outline:thin dotted}[data-anchor~=menu]:where([data-state=active],:hover,:active){background-color:var(--e);color:var(--4)}[data-flex~=breadcrumb]{column-gap:.375em}:where([data-flex~=breadcrumb]) li:after{content:"/";margin-left:.375em}:where([data-flex~=breadcrumb]) li:last-child:after{content:"";margin-right:0}[data-flex~=line-top]{border-top:.125em solid var(--9)}:where([data-flex~=line-top]) [data-anchor~=line]{border-top:.125em solid #0000;bottom:.125em}[data-flex~=line-bottom]{border-bottom:.125em solid var(--9)}:where([data-flex~=line-bottom]) [data-anchor~=line]{border-bottom:.125em solid #0000;top:.125em}[data-anchor~=line]{z-index:1;color:var(--9);position:relative}[data-anchor~=line]:where([data-state=active],:hover,:active){z-index:5;border-color:var(--e);color:var(--k)}[data-navbar]{background-color:var(--k);color:var(--7);width:100%}[data-navbar=top],[data-navbar=bottom]{z-index:1000;position:fixed}[data-navbar=top]{top:0}:where([data-navbar=top]) [data-dropbox]{top:100%}[data-navbar=bottom]{bottom:0}:where([data-navbar=bottom]) [data-dropbox]{bottom:100%}[data-anchor~=navbar]{color:var(--4)}[data-anchor~=navbar]:where([data-state=active],:hover,:active){color:var(--7)}[data-dropbox~=navbar]{background-color:var(--i)}[data-button]{background-color:var(--5);color:var(--k);font-family:var(--3);cursor:pointer;border:.0625em solid #0000;border-radius:.25rem;padding:.5rem .75rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-block}[data-button]:is([data-state=active],:hover,:active){background-color:var(--6);text-decoration:none}[data-button]:focus{outline-offset:-.125rem;outline:thin dotted}[data-button~=outline]{border-color:var(--9)}[data-button~=tertiary]{background-color:var(--a);color:var(--4)}[data-button~=tertiary]:is([data-state=active],:hover,:active){background-color:var(--9);color:var(--4)}[data-button=tertiary\ outline]{border-color:var(--a);color:var(--a)}[data-button~=secondary]{background-color:var(--c);color:var(--4)}[data-button~=secondary]:is([data-state=active],:hover,:active){background-color:var(--b);color:var(--4)}[data-button=secondary\ outline]{border-color:var(--c);color:var(--c)}[data-button~=primary]{background-color:var(--e);color:var(--4)}[data-button~=primary]:is([data-state=active],:hover,:active){background-color:var(--c);color:var(--4)}[data-button=primary\ outline]{border-color:var(--e);color:var(--e)}[data-button~=success]{background-color:var(--m);color:var(--4)}[data-button~=success]:is([data-state=active],:hover,:active){background-color:var(--n);color:var(--4)}[data-button=success\ outline]{border-color:var(--m);color:var(--m)}[data-button~=warning]{background-color:var(--p);color:var(--e)}[data-button~=warning]:is([data-state=active],:hover,:active){background-color:var(--o);color:var(--e)}[data-button=warning\ outline]{border-color:var(--p);color:var(--p)}[data-button~=danger]{background-color:var(--s);color:var(--4)}[data-button~=danger]:is([data-state=active],:hover,:active){background-color:var(--t);color:var(--4)}[data-button=danger\ outline]{border-color:var(--s);color:var(--s)}[data-button~=outline]{background-color:#0000}[data-button=link]{color:false;font-family:var(--0);text-underline-offset:.3125em;background-color:#0000;text-decoration:underline;text-decoration-thickness:.125rem}[data-button=link]:is([data-state=active],:hover,:active){background-color:#0000;border-color:#0000;text-decoration:none}[data-state=disabled],[data-state=disabled]:is(:hover,:active,:focus){background-color:var(--5);color:var(--9);cursor:not-allowed;border-color:#0000;outline:0;text-decoration:none}[data-section~=header]{background-color:var(--g);color:var(--4);margin-bottom:1.5rem;padding-top:6rem;padding-bottom:3rem}[data-section~=header] :is(h1,h2,h3,h4,h5,h6),[data-section~=header] a{color:var(--4)}[data-section~=header] h1{margin-bottom:1.5rem}[data-section=footer]{margin-bottom:3rem}[data-filter=blur]{filter:blur(.3rem)}[data-text=flip-zero]{font-variant-numeric:slashed-zero}[data-text~=h0]{font-size:clamp(3.15rem,8vw + 1rem,7.8rem);line-height:1}[data-text~=uppercase]{text-transform:uppercase}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.6fcd7676.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.f28a743b.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.ed2bb3af.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Atkinson Hyperlegible Pro;src:local(Atkinson Hyperlegible Pro),url(fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.b197cc55.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Roman.ff14434c.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Italic.20944042.woff2)format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-Bold.c8f1904c.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Xcharter;src:local(Xcharter),url(fonts/xcharter/XCharter-BoldItalic.0f3fe492.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Regular.bd490d99.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Medium.26b3302b.woff2)format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Fira Mono;src:local(Fira Code),local(Fira Mono),url(fonts/fira-mono/FiraMono-Bold.ea8f280f.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:icons;src:url(fonts/icons/icons.7604ec27.woff2)format("woff2");font-weight:400;font-style:normal;font-variant:normal}[data-icon]:before{content:attr(data-icon);vertical-align:middle;text-transform:none;font-family:icons;line-height:1;display:inline-block}[data-position~=relative]{position:relative}[data-position~=absolute]{position:absolute}[data-position~=fixed]{position:fixed}[data-position~=top]{top:0}[data-position~=bottom]{bottom:0}[data-position~=left]{left:0}[data-position~=right]{right:0}[data-box~=leading]{margin:.75rem 0}[data-box~=padding]{padding:.5rem .75rem}[data-box~=padding-top]{padding-top:.5rem}[data-box~=padding-x],[data-box~=padding-right]{padding-right:.75rem}[data-box~=padding-bottom]{padding-bottom:.5rem}[data-box~=padding-x],[data-box~=padding-left]{padding-left:.75rem}[data-box~=border]{border:.0625em solid var(--9)}[data-box~=border-top]{border-top:.0625em solid var(--9)}[data-box~=border-left],[data-box~=border-x]{border-left:.0625em solid var(--9)}[data-box~=border-right],[data-box~=border-x]{border-right:.0625em solid var(--9)}[data-box~=border-bottom]{border-bottom:.0625em solid var(--9)}[data-box~=full-width]{width:100%}[data-text~=left]{text-align:left}[data-text~=right]{text-align:right}[data-text~=center]{text-align:center}[data-text~=justify]{text-align:justify;-webkit-hyphens:auto;hyphens:auto}[data-flex]{display:flex}[data-flex~=reverse]{flex-direction:row-reverse}[data-flex~=column]{flex-direction:column}[data-flex*=column\ reverse]{flex-direction:column-reverse}[data-flex~=wrap]{flex-wrap:wrap}[data-flex~=grow]>*,[data-item~=grow]{flex-grow:1}[data-flex~=gap]{gap:1.25rem}[data-flex~=end]{justify-content:flex-end}[data-flex~=center]{justify-content:center}[data-flex~=between]{justify-content:space-between}[data-flex~=around]{justify-content:space-around}[data-flex~=even]{justify-content:space-evenly}@media screen and (width<=42.5em){[data-grid=main]{grid-template-columns:repeat(4,1fr)}[data-grid=main] [data-column~=small-1]{grid-column:span 1}[data-grid=main] [data-column~=small-2]{grid-column:span 2}[data-grid=main] [data-column~=small-3]{grid-column:span 3}[data-grid=main] [data-column~=small-4]{grid-column:span 4}[data-display~=small-none],[data-display~=medium],[data-display~=large]{display:none}}@media screen and (width>=42.5625em) and (width<=61.1875em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=medium-1]{grid-column:span 1}[data-grid=main] [data-column~=medium-2]{grid-column:span 2}[data-grid=main] [data-column~=medium-3]{grid-column:span 3}[data-grid=main] [data-column~=medium-4]{grid-column:span 4}[data-grid=main] [data-column~=medium-5]{grid-column:span 5}[data-grid=main] [data-column~=medium-6]{grid-column:span 6}[data-grid=main] [data-column~=medium-7]{grid-column:span 7}[data-grid=main] [data-column~=medium-8]{grid-column:span 8}[data-grid=main] [data-column~=medium-9]{grid-column:span 9}[data-grid=main] [data-column~=medium-10]{grid-column:span 10}[data-grid=main] [data-column~=medium-11]{grid-column:span 11}[data-grid=main] [data-column~=medium-12]{grid-column:span 12}[data-display~=medium-none],[data-display~=small],[data-display~=large]{display:none}}@media screen and (width>=61.25em){[data-grid=main]{grid-template-columns:repeat(12,1fr)}[data-grid=main] [data-column~=large-1]{grid-column:span 1}[data-grid=main] [data-column~=large-2]{grid-column:span 2}[data-grid=main] [data-column~=large-3]{grid-column:span 3}[data-grid=main] [data-column~=large-4]{grid-column:span 4}[data-grid=main] [data-column~=large-5]{grid-column:span 5}[data-grid=main] [data-column~=large-6]{grid-column:span 6}[data-grid=main] [data-column~=large-7]{grid-column:span 7}[data-grid=main] [data-column~=large-8]{grid-column:span 8}[data-grid=main] [data-column~=large-9]{grid-column:span 9}[data-grid=main] [data-column~=large-10]{grid-column:span 10}[data-grid=main] [data-column~=large-11]{grid-column:span 11}[data-grid=main] [data-column~=large-12]{grid-column:span 12}[data-display~=large-none],[data-display~=small],[data-display~=medium]{display:none}}@media print{html,body{height:auto}nav{display:none}[data-container]{max-width:100%;margin:0;padding:0}[data-grid]{display:block}} \ No newline at end of file diff --git a/src/css/core/fonts/atkinson-hyperlegible.css b/src/css/core/fonts/atkinson-hyperlegible.css index 52f8dd3..80541a6 100644 --- a/src/css/core/fonts/atkinson-hyperlegible.css +++ b/src/css/core/fonts/atkinson-hyperlegible.css @@ -2,7 +2,7 @@ font-family: "Atkinson Hyperlegible Pro"; src: local("Atkinson Hyperlegible Pro"), - url("/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.woff2") + url("/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; @@ -12,7 +12,7 @@ font-family: "Atkinson Hyperlegible Pro"; src: local("Atkinson Hyperlegible Pro"), - url("/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.woff2") + url("/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; @@ -22,7 +22,7 @@ font-family: "Atkinson Hyperlegible Pro"; src: local("Atkinson Hyperlegible Pro"), - url("/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.woff2") + url("/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; @@ -32,7 +32,7 @@ font-family: "Atkinson Hyperlegible Pro"; src: local("Atkinson Hyperlegible Pro"), - url("/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.woff2") + url("/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; diff --git a/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.woff2 b/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.woff2 similarity index 100% rename from src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Bold.woff2 rename to src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Bold.woff2 diff --git a/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.woff2 b/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.woff2 similarity index 100% rename from src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-BoldItalic.woff2 rename to src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-BoldItalic.woff2 diff --git a/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.woff2 b/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.woff2 similarity index 100% rename from src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Italic.woff2 rename to src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Italic.woff2 diff --git a/src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.woff2 b/src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.woff2 similarity index 100% rename from src/fonts/atkinson-hyperlegible/AtkinsonHyperPro-Regular.woff2 rename to src/fonts/atkinson-hyperlegible-pro/AtkinsonHyperPro-Regular.woff2 diff --git a/src/fonts/atkinson-hyperlegible/LICENSE.txt b/src/fonts/atkinson-hyperlegible-pro/LICENSE.txt similarity index 100% rename from src/fonts/atkinson-hyperlegible/LICENSE.txt rename to src/fonts/atkinson-hyperlegible-pro/LICENSE.txt diff --git a/src/fonts/atkinson-hyperlegible/README.md b/src/fonts/atkinson-hyperlegible/README.md deleted file mode 100644 index 6c74edf..0000000 --- a/src/fonts/atkinson-hyperlegible/README.md +++ /dev/null @@ -1,61 +0,0 @@ -# Atkinson Hyperlegible Font Project - -![Brochure Overview](docs/BIA_Brochure-Overview.jpg) - -## Learn more at [brailleinstitute.org/freefont](https://brailleinstitute.org/freefont) - -Atkinson Hyperlegible is a new typeface, offering greater legibility and readability for low vision readers. -The font is named after Braille Institute founder, J. Robert Atkinson. -What makes it different from traditional typography design is that it focuses on letterform distinction to increase character recognition, ultimately improving readability. - -The Braille Institute has made this free for anyone to use, under the SIL Open Font License. - -The typeface was a Winner of Fast Company’s 2019 Innovation By Design Award. - -* Four fonts, including two weights (regular, bold, italics, italics bold) -* 1,340 total glyphs across all fonts, 335 per font -* Accent characters supporting 27 languages -* For designers and anyone interested in making written materials easier to read across the entire visual-ability spectrum -* Improve legibility and readability for low vision readers - -Informational sheet about Atkinson Hyperlegible font, with samples of informational brochures, business card, and more with text in the font: [Download Summary Document [.pdf]](docs/BIA_AtkinsonHyerlegible-Specimen_2020-02-10.pdf) - -"Download the Font …and change the world!" - -#### Instructions for Installing the Font - -* Download the .zip file [from Github](https://github.com/googlefonts/atkinson-hyperlegible/archive/main.zip) (for now, and in future, from Google Fonts) -* Extract the file to reveal additional folders inside. Find the Open Type Format (.otf) files for the four Atkinson Hyperlegible fonts (regular, italic, bold, bold italic) inside the “fonts/otf” folder. -* Note that only the otf files are needed to install the font on a computer, and there are five additional font formats in the “Web Fonts” folder for use on the web. -* On Windows 10: Double-click the font file, then click the “Install” button in the font preview window that opens. The font will be installed. Alternatively, right-click on the file and choose “Install” from the pop-up menu that appears. -* On Mac: Double-click the font file in the Finder, then click “Install Font” in the font preview window that opens. After your Mac validates the font and opens the Font Book app, the font is installed and available for use. - -## License - -SIL Open Font License, v1.1. See [OFL.txt](OFL.txt) for details. - -## Unique design features - -For Low vision readers, certain letters and numbers can be hard to distinguish from one another. - -Atkinson Hyperlegible differentiates common misinterpreted letters and numbers using various design techniques: B vs 8, 1 vs L vs l vs I. - -Recognizable Footprints: Character boundaries clearly defined, ensuring understanding across the visual-ability spectrum. - -Differentiated letterforms: Similar letter pairs are differentiated from each other to dramatically increase legibility. - -> `Q vs G, E vs F, p vs q, i vs r, O vs 0` - -Unambiguous Characters: designed to increase legibility and distinction - -> `ER79jr Vsa36` - -Exaggerated forms: Shaping of letters is exaggerated to provide better clarity - -Opened Counterspace: Open areas of certain letters are expanded to provide greater distinction - -> `aGbgrpqu Åö8ij%?¡,:` - -Angled spurs and differentiated tails: Increase recognition and define distinctive style - -Circular Details: Links to the history of Braille Institute and braille dots