<commit_before>import React from 'react'
import './about.scss'
import PageTitle from '../PageTitle/PageTitle.jsx'

export default class AboutPage extends React.Component {

  render() {

    return (
      <main id="about">
        <section id="intro" className="row">
          <header className="six columns">
            <h1 className="ludobox-logo logo" >
              Ludobox
            </h1>
          </header>
          <div id="description" className="six columns">
            <div className="container">
              <h5>
                The <b>Ludobox</b> is an electronic device that distributes printable games into the public space.
                <br />
                <br />
                <small>
                  Each box contains dozens of digital files and instructions to make your own games and turns any place into a game library.
                </small>
              </h5>
            </div>
          </div>
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-box-web.jpg"
          alt="Ludobox Box Image"
          />
        <section id="make">
          <img className="punchline"
            src="/images/ludobox-punchline1.png"
            alt="Punchline"
            />
          <h5>
            <span className="main">Print'n play are games that you can make by yourself.</span>
            <br />
            <small>
              <span className="line1">From a card game in PDF using a printer and scissors</span>
              <br />
              <span className="line2">to a board game accessing a 3D printer to reproduce tokens,</span>
              <br />
              <span className="line3">Ludobox invites to materialize & craft digital files.</span>
            </small>
          </h5>
          <img className="fab"
            src="/images/about/fablab_machinescfao2.png"
            alt=""
            />
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-event-play-web.jpg"
          alt="Ludobox Box Image"
          />
        <section id="download">
          <h3 className="title">Make your own Box</h3>
          <div className="container">
            <h5>
              <span className='line1'>
                You can build your own box from scratch
              </span>
              <br />
              <span className="line2">
                and directly download games from our online collection.
              </span>
            </h5>
          </div>
          <p className="doclink">
            <a href="https://hackmd.io/s/Skje3bygW" className="button" target="_blank">Create your own Box</a>
            <br />
          </p>
          <p className="links">
            Check <a href="https://github.com/ludobox/ludobox">the code</a> or read <a href="https://wiki.ludobox.net">the docs</a>
          </p>
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-workshop-kids.jpg"
          alt="Ludobox Kids Workshop"
          />
        <section id="contact" className="container" >
          <h3>Get in Touch</h3>
          <h5>
            <span className="line1">Interested in installing a Ludobox ?</span>
            <br />
            <span className="line2">Organizing a game festival ?</span>
            <br />
            <span className="line3">Experimenting with collaboration and games?</span>
            <br />
            <span className="line4">Inventing or publishing open-source games?</span>
            <br />
            <br />
            <span id="contact-text">Contact us at :</span> <a href="mailto:<EMAIL>"><EMAIL></a>
          </h5>
        </section>
      </main>
    )
  }
}
<commit_msg>move version number to about page<commit_after>import React from 'react'
import './about.scss'
import PageTitle from '../PageTitle/PageTitle.jsx'

export default class AboutPage extends React.Component {

  render() {

    const { version } = this.props.config

    return (
      <main id="about">
        <section id="intro" className="row">
          <header className="six columns">
            <h1 className="ludobox-logo logo" >
              Ludobox
            </h1>
          </header>
          <div id="description" className="six columns">
            <div className="container">
              <h5>
                The <b>Ludobox</b> is an electronic device that distributes printable games into the public space.
                <br />
                <br />
                <small>
                  Each box contains dozens of digital files and instructions to make your own games and turns any place into a game library.
                </small>
              </h5>
            </div>
          </div>
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-box-web.jpg"
          alt="Ludobox Box Image"
          />
        <section id="make">
          <img className="punchline"
            src="/images/ludobox-punchline1.png"
            alt="Punchline"
            />
          <h5>
            <span className="main">Print'n play are games that you can make by yourself.</span>
            <br />
            <small>
              <span className="line1">From a card game in PDF using a printer and scissors</span>
              <br />
              <span className="line2">to a board game accessing a 3D printer to reproduce tokens,</span>
              <br />
              <span className="line3">Ludobox invites to materialize & craft digital files.</span>
            </small>
          </h5>
          <img className="fab"
            src="/images/about/fablab_machinescfao2.png"
            alt=""
            />
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-event-play-web.jpg"
          alt="Ludobox Box Image"
          />
        <section id="download">
          <h3 className="title">Make your own Box</h3>
          <div className="container">
            <h5>
              <span className='line1'>
                You can build your own box from scratch
              </span>
              <br />
              <span className="line2">
                and directly download games from our online collection.
              </span>
            </h5>
          </div>
          <p className="doclink">
            <a href="https://hackmd.io/s/Skje3bygW" className="button" target="_blank">Create your own Box</a>
            <br />
          </p>
          <p className="links">
            Check <a href="https://github.com/ludobox/ludobox">the code</a> or read <a href="https://wiki.ludobox.net">the docs</a>
          </p>
        </section>
        <img className="full-width-image"
          src="/images/about/ludobox-workshop-kids.jpg"
          alt="Ludobox Kids Workshop"
          />
        <section id="contact" className="container" >
          <h3>Get in Touch</h3>
          <h5>
            <span className="line1">Interested in installing a Ludobox ?</span>
            <br />
            <span className="line2">Organizing a game festival ?</span>
            <br />
            <span className="line3">Experimenting with collaboration and games?</span>
            <br />
            <span className="line4">Inventing or publishing open-source games?</span>
            <br />
            <br />
            <span id="contact-text">Contact us at :</span> <a href="mailto:<EMAIL>"><EMAIL></a>
          </h5>
        </section>
        <p style={{textAlign:"right"}}>
          v{version}
        </p>
      </main>
    )
  }
}

{'fraction_non_alphanumeric': 0.12655901273467243, 'fraction_numerical': 0.0070894052776683735, 'mean_word_length': 1.5719108710330858, 'pattern_counts': {'":': 0, '<': 187, '<?xml version=': 0, '>': 187, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3852814', 'n_tokens_mistral': 2131, 'n_tokens_neox': 2064, 'n_words': 548}