import React, { Component } from 'react';
import Title from './Common/Title';
import Text from './Common/Text';
import './Skills.css';
import me from './images/me.svg';

class Skills extends Component {
  render() {
    return (
      <div className="content">
        <img src={me} className="watermark" height="600px" alt="" />
        <div id="skills">
          <Title headline="Skills">
            <p>
              I'm still not sure if I am just lucky that no one notices that I
              lack any kind of useful skill or I am just totally unaware of my
              skills. Anyway, I try to outline some of my abilities here.
            </p>
          </Title>
          <Text headline="As Computer-Scientist">
            <p>
              As you might have noticed I am <b>not</b> a brilliant web
              designer.  Well, who cares&hellip;
            </p>
            <p>
              I could start with a comprehensive list of things I have done in
              the past, sometimes even usefull in a way, but to be honest this
              list would be long and boring and it would't express very much,
              would it? So if you are really interested just visit my&nbsp;
              <a href="https://gitlab.weird-web-workers.org/">
                Gitlab server</a>.
              An overview of the projects hosted there can be found on&nbsp;
              <a href="https://www.weird-web-workers.org/">
                Weird Web Workers</a>.
            </p>
            <p>
              If you are really interested in a skill profile look on one of
              my&nbsp;<a onClick={this.props.onClick(4)}>social profiles</a>.
              They might be not bleeding edge, but they are a good starting
              point. If you need to know more just send me a mail.
            </p>
            <p>
              In summary, I have done much and I know a little of something
              but the most important skill I have is to learn things I do not
              know right now.
            </p>
            <pre className="geekcode">{`-----BEGIN GEEK CODE BLOCK-----
Version: 3.1
GIT/CS/L/P/O d--- s: !a C UL++++ P L+++$ !E--- W+++ N o? K? !w---
!O- !M-- V-- PS+++ PE-- Y+ PGP+ t+ 5+ X R tv- b++ G e h---- r+++
y+++
------END GEEK CODE BLOCK------`}</pre>
          </Text>
          <Text headline="As Dad">
            <p>
              There is absolutely nothing more satisfiable and at the same
              time depressing than trying to be a <i>good</i> dad or mum.
              Whenever you come to the point of giving up your kids do
              something totally amazing and reesteblish your believes. Not to
              talk about the&nbsp;
              <q>I do love you so much, can you please&hellip;</q> face.
            </p>
          </Text>
          <Text headline="As Humanist">
            <p>
              I beleave to have understood the biggest problem in modern
              society <i>(money, btw.)</i> and still think about the best way
              to transport this idea to the masses.
            </p>
          </Text>
        </div>
      </div>
      );
  }
}

export default Skills;
// vim: set ts=2 sw=2 et: