<commit_before># b-html

An easy HTML syntax sugar.

Concepts:

- It's just HTML (like a [CoffeeScript](http://coffeescript.org))
- Simple syntax
- Off-side rule
- Line-oriented

See: [Demo](http://b-html.github.io/b-html-demo/) ( [b-html/b-html-demo](https://github.com/b-html/b-html-demo/) )

## Installation

```
$ npm install b-html
```

## Syntax

index.bhtml (b-html) :

```b-html
><!DOCTYPE html>
<html
  <head
    <title
      b-html title
    </meta
      @charset utf-8
  <body
    ><!-- HTML5 -->
    <h1
      @class title
      b-html headline
    <p
      Hello, b-html!
      >@bouzuya
      </img
        @alt sample image
        @src /images/sample.png
```

index.html (compiled b-html) :

```html
<!DOCTYPE html>
<html>
  <head>
    <title>
      b-html title
    </title>
    <meta
      charset="utf-8"
      />
  </head>
  <body>
    <!-- HTML5 -->
    <h1
      class="title"
      >
      b-html headline
    </h1>
    <p>
      Hello, b-html!
      @bouzuya
      <img
        alt="sample image"
        src="/images/sample.png"
        />
    </p>
  </body>
</html>
```

## API

```javascript
import bHtml from 'b-html';

bHtml('<p') === '<p></p>';
```

## Syntax Reference

 Symbol          | Node Type     | Examples
-----------------|---------------|-------------------------------------------
 `  ` (2 space)  | -             | See: ["Off-side rule"](https://en.wikipedia.org/wiki/Off-side_rule)
 `<`             | Element       | `<p` -> `<p></p>`
 `</`            | Empty Element | `</img` -> `<img />`
 `<!`            | Comment       | `<!` -> ``
 `@`             | Attribute     | `@class foo` -> `class="foo"`
 `>`             | Text          | `>text` -> `text`<br />`><text` -> `<text`<br />`>@text` -> `@text`<br />`>>text` -> `>text`
 others          | Text          | `text` -> `text`

## Related Projects

- [b-html/gulp-b-html](https://github.com/b-html/gulp-b-html/) ... A gulp plugin for b-html.
- [b-html/b-html-demo](https://github.com/b-html/b-html-demo/) ... A demo for b-html.

## Status Badge

[![Circle CI](https://circleci.com/gh/b-html/b-html.svg?style=svg)](https://circleci.com/gh/b-html/b-html)

## License<commit_msg>add child column to README<commit_after># b-html

An easy HTML syntax sugar.

Concepts:

- It's just HTML (like a [CoffeeScript](http://coffeescript.org))
- Simple syntax
- Off-side rule
- Line-oriented

See: [Demo](http://b-html.github.io/b-html-demo/) ( [b-html/b-html-demo](https://github.com/b-html/b-html-demo/) )

## Installation

```
$ npm install b-html
```

## Syntax

index.bhtml (b-html) :

```b-html
><!DOCTYPE html>
<html
  <head
    <title
      b-html title
    </meta
      @charset utf-8
  <body
    ><!-- HTML5 -->
    <h1
      @class title
      b-html headline
    <p
      Hello, b-html!
      >@bouzuya
      </img
        @alt sample image
        @src /images/sample.png
```

index.html (compiled b-html) :

```html
<!DOCTYPE html>
<html>
  <head>
    <title>
      b-html title
    </title>
    <meta
      charset="utf-8"
      />
  </head>
  <body>
    <!-- HTML5 -->
    <h1
      class="title"
      >
      b-html headline
    </h1>
    <p>
      Hello, b-html!
      @bouzuya
      <img
        alt="sample image"
        src="/images/sample.png"
        />
    </p>
  </body>
</html>
```

## API

```javascript
import bHtml from 'b-html';

bHtml('<p') === '<p></p>';
```

## Syntax Reference

 Symbol          | Name          | Child | Examples
-----------------|---------------|-------|---------------------------------------
 `  ` (2 space)  | -             | -     | See: ["Off-side rule"](https://en.wikipedia.org/wiki/Off-side_rule)
 `<`             | Element       | Yes   | `<p` -> `<p></p>`
 `</`            | Empty Element | No    | `</img` -> `<img />`
 `<!`            | Comment       | No    | `<!` -> ``
 `@`             | Attribute     | No    | `@class foo` -> `class="foo"`
 `>`             | Text          | No    | `>text` -> `text`<br />`><text` -> `<text`<br />`>@text` -> `@text`<br />`>>text` -> `>text`
 others          | Text          | No    | `text` -> `text`

## Related Projects

- [b-html/gulp-b-html](https://github.com/b-html/gulp-b-html/) ... A gulp plugin for b-html.
- [b-html/b-html-demo](https://github.com/b-html/b-html-demo/) ... A demo for b-html.

## Status Badge

[![Circle CI](https://circleci.com/gh/b-html/b-html.svg?style=svg)](https://circleci.com/gh/b-html/b-html)

## License
{'fraction_non_alphanumeric': 0.2439629880388174, 'fraction_numerical': 0.003610923042202663, 'mean_word_length': 1.6666666666666667, 'pattern_counts': {'":': 0, '<': 89, '<?xml version=': 0, '>': 93, 'https://': 12, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7670751', 'n_tokens_mistral': 1688, 'n_tokens_neox': 1619, 'n_words': 313}