import React from 'react';

import './styles.css';

export default class About extends React.Component {
  render() {
    return (
      <div className="fill">
        <h1 className="title">Um verkefnið</h1>
        <div className="About">
          <h2>Um vefinn</h2>
          <p>Á þessum vef finnur þú upplýsingar og tölfræði um þingmenn og þingflokka fyrir kjörtímabilið 2013-2016.</p>
          <p>Markmið vefsins er að sækja gögn sem finna má á vef <a className='u-link' href="http://althingi.is">Alþingis</a>, vinna úr þeim og setja fram á skemmtilegan, fræðandi og helst af öllu hlutlausan máta.</p>

          <h2>Hvaðan koma gögnin?</h2>
          <p>Öll gögn eru sótt af vef Alþingis og skiptast þau niður í tvo meginflokka: <a className="u-link" href="http://www.althingi.is/altext/cv/is/atkvaedaskra/" target="_blank">atkvæðaskrá</a> og <a className="u-link" href="http://www.althingi.is/altext/cv/is/raedur/" target="_blank">ræður eftir þingum</a>.</p>
          <p>Gögnin eru sótt sjálfkrafa, hver einasta undirsíða fyrir <a className="u-link" href="http://www.althingi.is/thingmenn/althingismenn/" target="_blank">alla þingmenn</a> er skoðuð og gögnum breytt yfir á form sem þægilegt er fyrir tölvu að vinna úr þeim.</p>
          <p>Því næst er byrjað að vinna úr gögnunum, þau flokkuð og skoðuð fyrir hvern þingmann. Eftir að hafa unnið úr þeim fyrir hvern þingmann eru upplýsingum safnað saman til þess að fá gögn fyrir þingflokkana.</p>

          <h2>Verkefnið</h2>
          <p>Þetta er verkefni eftir <a className='u-link' href="http://twitter.com/baerinq" target="_blank">Bæring Gunnar Steinþórsson</a>.</p>
          <p>Sérstakar þakkir fá samstarfsfélagar mínir hjá <a className='u-link' href="http://aranja.com" target="_blank">Aranja</a>;<br/> <a className='u-link' href="http://twitter.com/dbjcodes" target="_blank">Davíð Bachmann Jóhannesson</a>, <a className='u-link' href="http://twitter.com/herrhelms" target="_blank">Sebastian Helms</a> og <a className='u-link' href="http://twitter.com/thorsteinsson" target="_blank">Ægir Giraldo Þorsteinsson</a> fyrir hjálp við útfærslu og hönnun á vefnum.</p>
          <p>Ábendingar og hugmyndir eru vel þegnar á <a className='u-link' href='mailto:thingmenn@aranja.com'>thingmenn@aranja.com</a>.</p>
        </div>
      </div>
    );
  }
}

@@ -358,31 +358,26 @@
 rir 
-kj%C3%B6rt%C3%ADmabili%C3%B0 2013-2016
+%C3%A1rin 2007 til 2017
 .%3C/p
@@ -478,16 +478,20 @@
 %22http://
+www.
 althingi
@@ -493,16 +493,28 @@
 hingi.is
+/altext/xml/
 %22%3EAl%C3%BEing
@@ -727,11 +727,12 @@
 r %C3%AD 
-tvo
+%C3%BErj%C3%A1
  meg
@@ -745,402 +745,126 @@
 ka: 
-%3Ca className=%22u-link%22 href=%22http://www.althingi.is/altext/cv/is/
 atkv
-aed
+%C3%A6%C3%B0
 askr
-a/%22 target=%22_blank%22%3Eatkv%C3%A6%C3%B0a
+%C3%A1r, r%C3%A6%C3%B0u
 skr%C3%A1
-%3C/a%3E og %3Ca className=%22u-link%22 href=%22http://www.althingi.is/altext/cv/is/raedur/%22 target=%22_blank%22%3Er%C3%A6%C3%B0ur eftir %C3%BEingum%3C/a%3E.%3C/p%3E%0A          %3Cp%3EG%C3%B6gnin eru s%C3%B3tt sj%C3%A1lfkrafa, hver einasta undirs%C3%AD%C3%B0a fyrir %3Ca className=%22u-link%22 href=%22http://www.althingi.is/thingmenn/althingismenn/%22 target=%22_blank%22%3E
+r og %C3%BEingskjalalista.%3C/p%3E%0A          %3Cp%3EG%C3%B6gnin eru s%C3%B3tt sj%C3%A1lfkrafa, hver einasta undirs%C3%AD%C3%B0a fyrir 
 alla
@@ -872,20 +872,16 @@
 %C3%BEingmenn
-%3C/a%3E
  er sko%C3%B0
@@ -886,140 +886,8 @@
 o%C3%B0u%C3%B0
- og g%C3%B6gnum breytt yfir %C3%A1 form sem %C3%BE%C3%A6gilegt er fyrir t%C3%B6lvu a%C3%B0 vinna %C3%BAr %C3%BEeim.%3C/p%3E%0A          %3Cp%3E%C3%9Ev%C3%AD n%C3%A6st er byrja%C3%B0 a%C3%B0 vinna %C3%BAr g%C3%B6gnunum
 , %C3%BEa
@@ -927,17 +927,34 @@
 ingmann.
- 
+%3C/p%3E%0A          %3Cp%3E
 Eftir a%C3%B0

Update about page