lou.github.com/index.html at master · lou/lou.github.com · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
  <head>
    <title>lou's page</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="css/elusive-webfont.css">
    <link href="css/application.css" rel="stylesheet">
  </head>
  <body>
    <div class="container">
      <br />
      <div class='row'>
        <div class='span8'>
          <h1>
            Louis CUNY
          </h1>
          <p>
            Hi, I'm a french developer currently living in Saint-Malo, France.
          </p>
          <p>
            I love
            <strong>JavaScript</strong> & sailing,
            <strong>Ruby</strong> & climbing,
            <strong>HTML</strong> & windsurfing,
            <strong>CSS</strong> & fishing.
          </p>
          <p>
            I use <strong>React</strong> everyday at work and <strong>Vue.js</strong> for fun.
            <br />
            I'm a cryptos enthusiast and I have build a <a href='http://lou.github.com/cryptos/'>cryptos portfolio</a>.
          </p>
          I'm the author and maintainer of 3 jQuery plugins:
          <ul>
            <li>
              <a href='http://lou.github.com/multi-select/'>multi-select</a>
              <span class='muted'>a drop-in replacement for the standard &lt;select&gt; with multiple attribute.</span>
            </li>
            <li>
              <a href='http://lou.github.com/listy/'>listy</a>
              <span class='muted'>an easy way to do navigable lists through keyboard.</span>
            </li>
            <li>
              <a href='http://lou.github.com/switchy/'>switchy</a>
              <span class='muted'>a simple and customizable switch element.</span>
            </li>
          </ul>
          <p>
            I'm also making my debut as a Javascript game developer with
            <a href="http://lou.github.io/seagull/">my seagull buddy</a>
            !
          </p>
          <div class='social-network'>
            <a href='https://github.com/lou'>
              <i class='icon-github'></i>
              Github
            </a>
            &middot;
            <a href='http://linkedin.com/in/louiscuny'>
              <i class='icon-linkedin'></i>
              LinkedIn
            </a>
            &middot;
            <a href='https://stackoverflow.com/users/195571/lou'>
              <i class='icon-stackoverflow'></i>
              Stackoverflow
            </a>
            &middot;
            <a href='https://www.reddit.com/user/louiscuny/'>
              <i class='icon-reddit'></i>
              Reddit
            </a>
          </div>
        </div>
        <div class='span4'>
          <img src="garfield.jpg">
        </div>
      </div>
    </div>
  </body>
</html>