Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@jacobxperez
jacobxperez committed Sep 19, 2023
1 parent 8c3ac47 commit 4dc4355
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 53 deletions.
2 changes: 1 addition & 1 deletion src/css/var.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ $headings-font-family: var(--font-sans);
$headings-font-weight: 400;
$headings-color: false;

$h1-font-size: clamp(3.2rem, 7vw + 1rem, 7.7rem);
$h1-font-size: clamp(3.15rem, 7vw + 1rem, 7.7rem);
$h1-line-height: 1;

$h2-font-size: clamp(2.074rem, 3vw + 1rem, 3.157rem);
Expand Down
127 changes: 75 additions & 52 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,19 +45,6 @@
Award.
</p>

<!-- <p data-text="h1 center">B8&nbsp; O0&nbsp; 1Iil</p>
<p data-text="h1 center">
<span data-filter="blur">B8&nbsp; O0&nbsp; 1Iil</span>
</p>
<p>
Designed 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.
</p> -->

<ul data-grid="main">
<li data-column="large-8 medium-12 small-4" data-text="center">
<p data-text="h1">B8 O0 1Iil</p>
Expand Down Expand Up @@ -103,13 +90,48 @@
<p data-text="h3">aGbgpqu</p>
<p>Angled spurs and distinguish tails to increase recognition.</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">Csa36</p>
<p>Opened Counterspace Defines open spaces better.</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">Åöij%?¡,:</p>
<p>Circular Details Links to the history of the braille dots.</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">fiffifl</p>
<p>Standard ligatures to improve legibility and harmony.</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">007</p>
<p>Includes and alternative flipped number zero.</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">Kern</p>
<p>Improved kerning for body text and headings.</p>
</li>

<li data-column="large-3 medium-3 small-2">
<p data-text="h3">Regular</p>
<p>Atkinson Hyperlegible</p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3"><em>Italic</em></p>
<p><em>Atkinson Hyperlegible</em></p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3"><strong>Bold</strong></p>
<p><strong>Atkinson Hyperlegible</strong></p>
</li>
<li data-column="large-3 medium-3 small-2">
<p data-text="h3">
<strong><em>Bold Italic</em></strong>
</p>
<p><strong><em>Atkinson Hyperlegible</em></strong></p>
</li>
</ul>

<h3>Non-Discrimination Statement</h3>
<h3>The Braille Institute</h3>

<p>
The Braille Institute is a nonprofit organization whose mission is to positively
Expand Down Expand Up @@ -144,13 +166,13 @@ <h2>Lowercase</h2>
liebknecht marcgravia ecbolic arcticward dickcissel pincpinc boldface maidkin
adjective adcraft adman dwarfness applejack darkbrown kiln palzy always farmland
flimflam unbossy nonlineal stepbrother lapdog stopgap sx countdown basketball
beaujolais vb. flowchart aztec lazy bozo syrup tarzan annoying dyke yucky hawg
gagzhukz cuzco squire when hiho mayhem nietzsche szasz gumdrop milk emplotment
ambidextrously lacquer byway ecclesiastes stubchen hobgoblins crabmill aqua
hawaii blvd. subquality byzantine empire debt obvious cervantes jekabzeel
anecdote flicflac mechanicville bedbug couldn’t i’ve it’s they’ll they’d dpt.
headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama amtrak amway fixity
axmen quumbabda upjohn hrumpf
beaujolais vb. bauhaus flowchart aztec lazy bozo syrup tarzan annoying dyke
yucky hawg gagzhukz cuzco squire when hiho mayhem nietzsche szasz gumdrop milk
emplotment ambidextrously lacquer byway ecclesiastes stubchen hobgoblins
crabmill aqua hawaii blvd. subquality byzantine empire debt obvious cervantes
jekabzeel anecdote flicflac mechanicville bedbug couldn’t i’ve it’s they’ll
they’d dpt. headquarter burkhardt xerxes atkins govt. ebenezer lg. lhama amtrak
amway fixity axmen quumbabda upjohn hrumpf
</p>

<h2>Uppercase</h2>
Expand All @@ -173,44 +195,45 @@ <h2>Uppercase</h2>
LIEBKNECHT MARCGRAVIA ECBOLIC ARCTICWARD DICKCISSEL PINCPINC BOLDFACE MAIDKIN
ADJECTIVE ADCRAFT ADMAN DWARFNESS APPLEJACK DARKBROWN KILN PALZY ALWAYS FARMLAND
FLIMFLAM UNBOSSY NONLINEAL STEPBROTHER LAPDOG STOPGAP SX COUNTDOWN BASKETBALL
BEAUJOLAIS VB. FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN ANNOYING DYKE YUCKY HAWG
GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ GUMDROP MILK EMPLOTMENT
AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN HOBGOBLINS CRABMILL AQUA
HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS CERVANTES JEKABZEEL
ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S THEY’LL THEY’D DPT.
HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA AMTRAK AMWAY FIXITY
AXMEN QUUMBABDA UPJOHN HRUMPF
BEAUJOLAIS VB. BAUHAUS FLOWCHART AZTEC LAZY BOZO SYRUP TARZAN ANNOYING DYKE
YUCKY HAWG GAGZHUKZ CUZCO SQUIRE WHEN HIHO MAYHEM NIETZSCHE SZASZ GUMDROP MILK
EMPLOTMENT AMBIDEXTROUSLY LACQUER BYWAY ECCLESIASTES STUBCHEN HOBGOBLINS
CRABMILL AQUA HAWAII BLVD. SUBQUALITY BYZANTINE EMPIRE DEBT OBVIOUS CERVANTES
JEKABZEEL ANECDOTE FLICFLAC MECHANICVILLE BEDBUG COULDN’T I’VE IT’S THEY’LL
THEY’D DPT. HEADQUARTER BURKHARDT XERXES ATKINS GOVT. EBENEZER LG. LHAMA AMTRAK
AMWAY FIXITY AXMEN QUUMBABDA UPJOHN HRUMPF
</p>

<h2>Sentence</h2>

<p>
Aaron Abraham Adam Aeneas Agfa Ahoy Aileen Akbar Alanon Americanism Anglican
Aorta April Fool’s Day Aqua Lung (Tm.) Arabic Ash Wednesday Authorized Version
Ave Maria Away Axel Ay Aztec Bhutan Bill Bjorn Bk Btu. Bvart Bzonga California
Cb Cd Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker State,
Georgia Cs Ct. Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr Doris
Dudley Dwayne Dylan Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il. Egypt
Eiffel Tower Eject Ekland Elmore Entreaty Eolian Epstein Equine Erasmus Eskimo
Ethiopia Europe Eva Ewan Exodus Jan van Eyck Ezra Fabian February Fhara Fifi
Fjord Florida Fm France Fs Ft. Fury Fyn Gabriel Gc Gdynia Gehrig Ghana Gilligan
Karl Gjellerup Gk. Glen Gm Gnosis Gp.E. Gregory Gs Gt. Br. Guinevere Gwathmey
Gypsy Gzags Hebrew Hf Hg Hileah Horace Hrdlicka Hsia Hts. Hubert Hwang Hai
Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy Ihre Ijit Ike Iliad Immediate
Innocent Ione Ipswitch Iquarus Ireland Island It Iud Ivert Iwerks Ixnay Iy
Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma Kiki Klear Koko
Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy Lyle Madeira
Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie Novocane
Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj Oklahoma Olio
Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster Oz Parade Pd.
Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price Psalm Pt. Purple
Pv Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs Rt. Rural Rwanda
Ryder Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore Snoop Soon
Special Squire Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title Total
Trust Tsena Tulip Twice Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um Unkempt Uo
Up Uq Ursula Use Utmost Uvula Uw Uxurious Uzßai Valerie Velour Vh Vicky Volvo Vs
Water Were Where With World Wt. Wulk Wyler Xavier Xerox Xi Xylophone Yaboe Year
Yipes Yo Ypsilant Ys Yu Zabar’s Zero Zhane Zizi Zorro Zu Zy Don’t I’ll I’m I’se
Ave Maria Away Axel Ay Aztec Bauhaus Bhutan Bill Bjorn Bk Btu. Bvart Bzonga
California Cb Cd Cervantes Chicago Clute City, Tx. Cmdr. Cnossus Coco Cracker
State, Georgia Cs Ct. Cwacker Cyrano David Debra Dharma Diane Djakarta Dm Dnepr
Doris Dudley Dwayne Dylan Dzerzhinsk Eames Ectomorph Eden Eerie Effingham, Il.
Egypt Eiffel Tower Eject Ekland Elmore Entreaty Eolian Epstein Equine Erasmus
Eskimo Ethiopia Europe Eva Ewan Exodus Jan van Eyck Ezra Fabian February Fhara
Fifi Fjord Florida Fm France Fs Ft. Fury Fyn Gabriel Gc Gdynia Gehrig Ghana
Gilligan Karl Gjellerup Gk. Glen Gm Gnosis Gp.E. Gregory Gs Gt. Br. Guinevere
Gwathmey Gypsy Gzags Hebrew Hf Hg Hileah Horace Hrdlicka Hsia Hts. Hubert Hwang
Hai Hyacinth Hz. Iaccoca Ibsen Iceland Idaho If Iggy Ihre Ijit Ike Iliad
Immediate Innocent Ione Ipswitch Iquarus Ireland Island It Iud Ivert Iwerks
Ixnay Iy Jasper Jenks Jherry Jill Jm Jn Jorge Jr. Julie Kerry Kharma Kiki Klear
Koko Kruse Kusack Kylie Laboe Lb. Leslie Lhihane Llama Lorrie Lt. Lucy Lyle
Madeira Mechanic Mg. Minnie Morrie Mr. Ms. Mt. Music My Nanny Nellie Nillie
Novocane Null Nyack Oak Oblique Occarina Odd Oedipus Off Ogmane Ohio Oil Oj
Oklahoma Olio Omni Only Oops Opera Oqu Order Ostra Ottmar Out Ovum Ow Ox Oyster
Oz Parade Pd. Pepe Pfister Pg. Phil Pippi Pj Please Pneumonia Porridge Price
Psalm Pt. Purple Pv Pw Pyre Qt. Quincy Radio Rd. Red Rhea Right Rj Roche Rr Rs
Rt. Rural Rwanda Ryder Sacrifice Series Sgraffito Shirt Sister Skeet Slow Smore
Snoop Soon Special Squire Sr St. Suzy Svelte Swiss Sy Szach Td Teach There Title
Total Trust Tsena Tulip Twice Tyler Tzean Ua Udder Ue Uf Ugh Uh Ui Uk Ul Um
Unkempt Uo Up Uq Ursula Use Utmost Uvula Uw Uxurious Uzßai Valerie Velour Vh
Vicky Volvo Vs Water Were Where With World Wt. Wulk Wyler Xavier Xerox Xi
Xylophone Yaboe Year Yipes Yo Ypsilant Ys Yu Zabar’s Zero Zhane Zizi Zorro Zu Zy
Don’t I’ll I’m I’se
</p>

<h2>Numbers</h2>
Expand Down

0 comments on commit 4dc4355

Please sign in to comment.