Sketching the Web is now Manageable, and Straightforward to Level the Design.
Explore BloodyFish docs ยป (Under Progress)
Report bug
ยท
Request feature
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/[email protected]/dist/css/main.min.css">
Several quick start options are available:
- Download the latest release
- Clone the repo:
git clone https://github.com/street-of-wolves/bloodyfish.git - Install with npm:
npm install @street-of-wolves/bloodyfish - Install with yarn
yarn add @street-of-wolves/bloodyfish
Read the Getting started page for information on the framework contents, examples, and more.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bloody Fish</title>
<!-- links -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/[email protected]/dist/css/main.min.css">
<!-- Other css links -->
</head>
<body>
<!-- sample code -->
<div class="center"> <!-- Center the div element -->
<h1 class="italic">Italic with Flashing Asterisk <sup class="red flash">*</sup></h1> <!-- italicize the h1 -->
<h1 class="underline">Underlined Sentence or word</h1> <!-- underlining the h1 -->
<h1 class="green">Text Color Green</h1> <!-- adding color green to h1 -->
<h1 class="Montez fadeIn">font style Montez with fadeIn Animation</h1> <!-- adding font-style to h1 -->
</div>
<!-- End of sample code -->
<!-- Script tags -->
<!-- User Defined Scripts / Other Scripts below -->
</body>
</html>Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
@street-of-wolves/bloodyfish/
โโโ dist/
โโโ css/
โโโ animations/
โ โโโ animations.css
โ โโโ timers.css
โโโ alignments.css
โโโ cards.css
โโโ char-entities.css
โโโ colors.css
โโโ font-family.css
โโโ hexcolors.css
โโโ main.css
โโโ size.css
โโโ core.css
โโโ tags.css
Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.
