import React from 'react'

const Tools = () => (
  <div>
    <dl className="skill-list">
      <dt className="category">Dev</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">(M)Vim,</li>
          <li className="middle">Atom,</li>
          <li className="low">Eclipse</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Testing</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">Jest,</li>
          <li className="high">Enzyme,</li>
          <li className="middle">Karma,</li>
          <li className="middle">Jasmine,</li>
          <li className="middle">Mocha,</li>
          <li className="low">Protractor,</li>
          <li className="low">Selenium</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Qualitätskontrolle</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">ESLint,</li>
          <li className="high">stylelint,</li>
          <li className="high">Prettier,</li>
          <li className="high">Flow,</li>
          <li className="low">JSCS,</li>
          <li className="low">JSHint,</li>
          <li className="low">JSLint</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Security</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">nsp,</li>
          <li className="high">Sync</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Dokumentation</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">documentation.js,</li>
          <li className="high">Gatsby (JS),</li>
          <li className="high">Sphinx (Python),</li>
          <li className="middle">JSDoc</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Static Site Generator</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">Gatsby (JS),</li>
          <li className="high">Pelican (Python)</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">
        <abbr title="Continuous Integration">CI</abbr>/
        <abbr title="Continuous Delivery">CD</abbr>
      </dt>
      <dd className="details">
        <ul className="row">
          <li className="high">Travis CI,</li>
          <li className="high">Greenkeeper,</li>
          <li className="middle">Jenkins</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category"><abbr title="Distributed Version Control System">(D)VCS</abbr></dt>
      <dd className="details">
        <ul className="row">
          <li className="high">Git,</li>
          <li className="middle">Mercurial,</li>
          <li className="low">Subversion</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Build</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">npm,</li>
          <li className="high">yarn,</li>
          <li className="high">webpack,</li>
          <li className="high">Babel,</li>
          <li className="middle">Browserify,</li>
          <li className="middle">Gulp,</li>
          <li className="low">Grunt,</li>
          <li className="low">Maven</li>
        </ul>
      </dd>
    </dl>

    <dl className="skill-list">
      <dt className="category">Project Management</dt>
      <dd className="details">
        <ul className="row">
          <li className="high">GitHub,</li>
          <li className="middle">JIRA,</li>
          <li className="middle">Trello</li>
        </ul>
      </dd>
    </dl>

    <style jsx>{`
    `}</style>
  </div>
)

export default Tools




@@ -1540,11 +1540,11 @@
 h%22%3ES
-ync
+nyk
 %3C/li

fix typo