<commit_before>import { h } from 'hyperapp'
import logo from '../../assets/img/logo.svg'
import { emoji } from '../utils'

export default () => (state, { demo }) => (
  <section class="section" id="demo">
    <h2 class="section__heading">Tippy's features</h2>
    <div class="feature">
      <h3 class="feature__heading">Default</h3>
      <p>
        The default tippy tooltip looks like this when given no options. It has
        a nifty backdrop filling animation!
      </p>
      <button class="btn" title="I'm the default tooltip!">
        Try me!
      </button>
    </div>

    <div class="feature">
      <div class="feature__icon" innerHTML={emoji('↕️')} />
      <h3 class="feature__heading">Placement</h3>
      <p>
        A tooltip can be placed in four different ways in relation to its
        reference element. Additionally, the tooltip be shifted.
      </p>
      <button
        class="btn"
        title="I'm a Tippy tooltip!"
        data-tippy-placement="top"
      >
        Top
      </button>
      <button
        class="btn"
        title="I'm a Tippy tooltip!"
        data-tippy-placement="bottom"
      >
        Bottom
      </button>
      <button<commit_msg>website: fix grammar error<commit_after>import { h } from 'hyperapp'
import logo from '../../assets/img/logo.svg'
import { emoji } from '../utils'

export default () => (state, { demo }) => (
  <section class="section" id="demo">
    <h2 class="section__heading">Tippy's features</h2>
    <div class="feature">
      <h3 class="feature__heading">Default</h3>
      <p>
        The default tippy tooltip looks like this when given no options. It has
        a nifty backdrop filling animation!
      </p>
      <button class="btn" title="I'm the default tooltip!">
        Try me!
      </button>
    </div>

    <div class="feature">
      <div class="feature__icon" innerHTML={emoji('↕️')} />
      <h3 class="feature__heading">Placement</h3>
      <p>
        A tooltip can be placed in four different ways in relation to its
        reference element. Additionally, the tooltip can be shifted.
      </p>
      <button
        class="btn"
        title="I'm a Tippy tooltip!"
        data-tippy-placement="top"
      >
        Top
      </button>
      <button
        class="btn"
        title="I'm a Tippy tooltip!"
        data-tippy-placement="bottom"
      >
        Bottom
      </button>
      <button
{'fraction_non_alphanumeric': 0.1367983367983368, 'fraction_numerical': 0.00498960498960499, 'mean_word_length': 2.273469387755102, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 49, 'https://': 0, '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': '1337599', 'n_tokens_mistral': 740, 'n_tokens_neox': 729, 'n_words': 211}