https://github.com/line-o/baseio

display hex data as binary with a specialised font
https://github.com/line-o/baseio

Last synced: 2 months ago
JSON representation

display hex data as binary with a specialised font

• Host: GitHub
• URL: https://github.com/line-o/baseio
• Owner: line-o
• Created: 2020-07-30T19:22:37.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2020-07-30T20:31:19.000Z (almost 5 years ago)
• Last Synced: 2024-10-19T11:31:09.373Z (8 months ago)
• Language: HTML
• Homepage: https://base-io.vercel.app
• Size: 69.3 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# baseIO

## display base16 encoded data as binary

![base.io.png](./base.io.png "An image illustrating how the font looks")

A specialized font family to display hex values as binary values.

There are currently two weights: **Normal** and **Bold**

The fonts are in .ttf, .woff and .svg format.

## Usage

- Add `font.css` and `fonts` folder to your project.

- Add `` to the head of your html-page

- Add rule `font-family: "baseIO-Normal";` or `font-family: "baseIO-Bold";` where needed

Look in the index.html for a complete example.

## Character Mapping

| hex | bin    |

| --- | ------ |

| 0   | `    ` |

| 1   | `   |` |

| 2   | `  | ` |

| 3   | `  ||` |

| 4   | ` |  ` |

| 5   | ` | |` |

| 6   | ` || ` |

| 7   | ` |||` |

| 8   | `|   ` |

| 9   | `|  |` |

| a   | `| | ` |

| b   | `| ||` |

| c   | `||  ` |

| d   | `|| |` |

| e   | `||| ` |

| f   | `||||` |

## Future

- More weights might be added **Light**, **Medium**, **Heavy**

- representation of base64 encoded values as binary could make sense 

- embed font as base64 encoded url