wgro.github.io/index.html at master · wgro/wgro.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
  <head>
    <title>wojtek grojec</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="
https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="wrapper">
      <header class="big">
        <img id="me" src="me.png" />
        <h1>Wojtek Grójec</h1>
        <h2 class="subtitle">digital journalist</h2>
      </header>
      <section class="about">
        <p>
          I'm the digital and social media editor for <a href="http://www.rferl.org">Radio Free Europe / Radio Liberty's Central Newsroom</a>. There, I tell stories in visually compelling ways, through code, graphics and film. Before this gig, I was a producer at Al Jazeera English's <a href="http://stream.aljazeera.com"><em>The Stream</em></a>.
        </p>
      </section>
      <section class="follow">
        <h2>follow</h2>
        <ul>
          <li><a href="http://www.twitter.com/disconnect"><i class="fa fa-twitter"></i></i> twitter</a></li>
          <li><a href="http://www.instagram.com/wojg"><i class="fa fa-instagram"></i> instagram</a></li>
        </ul>
      </section>
      <section class="competencies">
        <h2>things I do</h2>
        <ul>
          <li>
            <h3>code</h3>
            <p>front-end development (html, css, js), back-end (js, ruby, python, mysql)</p>
          </li>
          <li>
            <h3>film</h3>
            <p>social videos, broadcast and feature production, coloring</p>
          </li>
          <li>
            <h3>design</h3>
            <p>motion graphics, data visualizations, infographics</p>
          </li>
        </ul>
      </section>
    </div>
  </body>
</html>