Skip to content
bling text for the 21st century: generates ugly glittery text as HTML or GIFs, the modern way
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
3p
artifacts
assets
builder
docs
lib
src
test
textures
.babelrc
.editorconfig
.eslintrc.js
.gitignore
.prettierignore
.prettierrc
.travis.yml
LICENSE
README.md
config.js
gulpfile.esm.js
package.json
yarn.lock

README.md

bling.cool
bling text for the 21st century

webfonts (ligatures!), CSS transforms, live editing, modern Javascript, oh my!

Build Status

Using

Write some bling text. Modify it as you please. Click the GIF button to get a GIF.

🐞 This is a buggy work in progress, things will break. GIF Markup output is TODO. 🐞

3rd party code Ɛ̸ assets

This project uses a variety of 3rd party resources to bling it up.

Building

yarn is used for package management. Install yarn, then install this project's dependencies through:

yarn

Make sure you've installed gulp-cli globally. After that, you can build with:

gulp dist

This will output a dist/index.html entry file and a dist/textures/ directory. Both of these can be served from a static server's root.

Additionally, a dist/.workspace/ directory contains intermediate build artifacts that are not necessary for deployment.

Active development

To build, watch and serve on port :8000, run:

gulp

Tools

Texture frame extractor

In order to manipulate GIF playback at a frame level on the client, this project extracts frames from the animated textures into base64-encoded sequences of plain GIFs wrapped in a JSON format.

The texture frame extractor requires exiftool and gifsicle installed on the local PATH. On macOS, these can be easily installed with Homebrew:

brew install gifsicle exiftool

Once installed, textures can be rebuilt via:

gulp textures

Documentation generator

A documentation generator is bundled as part of the build system, runnable via:

gulp docs

This generates the attributions on 3p/README.md and an empty README.md file for every top-level directory that doesn't contain one.

You can’t perform that action at this time.