-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
219 lines (212 loc) · 8.08 KB
/
index.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html>
<head>
<title>I build stuff</title>
<meta content='~' name='description'>
<meta charset='utf-8'>
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<meta content='IE=edge' http-equiv='X-UA-Compatible'>
<meta content='True' name='HandheldFriendly'>
<meta content='UlIFhV8FstDJpoRovjvM0LzmXqguqwhyqNDL5DyKaGQ' name='google-site-verification'>
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="/feed.xml" />
<link href="/images/favicon.ico" rel="icon" type="image/ico" />
<link href="/stylesheets/application.css" rel="stylesheet" type="text/css" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400' rel='stylesheet' type='text/css'>
</head>
<body class='home-template nav-closed'>
<div class='nav'>
<h3 class='nav-title'>Menu</h3>
<a class='nav-close' href='#'>
<span class='hidden'>Close</span>
</a>
<ul>
</ul>
<a class='subscribe-button icon-feed' href='/feed.xml'>Subscribe</a>
</div>
<span class='nav-cover'></span>
<div class='site-wrapper'>
<div class='social'>
<ul class='no-bullet'>
<li>
<a href="https://twitter.com/gbarillot" target="_blank"><i class='fa fa-twitter'></i>
</a></li>
<li>
<a href="https://github.com/gbarillot" target="_blank"><i class='fa fa-github'></i>
</a></li>
<li>
<script>
document.write('<a href="ma');
document.write('ilto');
document.write(':guillaum');
document.write('e@barillot.me">');
document.write("<i class='fa fa-envelope'></i>");
document.write('<\/a>');
</script>
<noscript>
gbarillot at gmail dot com
</noscript>
</li>
<li>
<a href="https://fr.linkedin.com/pub/guillaume-barillot/27/204/4b9" target="_blank"><i class='fa fa-linkedin'></i>
</a></li>
</ul>
</div>
<header class='main-header' style='background-image: url(/images/lego_bricks.jpg)'>
<nav class='main-nav overlay clearfix'>
</nav>
<div class='vertical'>
<div class='main-header-content inner'>
<h1 class='page-title'>
<a href="/"><img class="rounded" src="/images/avatar_20150309.jpg" alt="Avatar 20150309" />
</a><br>
I build stuff
</h1>
<h2 class='page-description'>~</h2>
</div>
</div>
<a class='scroll-down icon-arrow-left' data-offset='-45' href='#content'>
<span class='hidden'>Scroll Down</span>
</a>
</header>
<main class='content' id='content' role='main'>
<div class='extra-pagination inner'>
<nav class='pagination' role='pagination'>
<span class='page-number'>Page 1 of 10</span>
<a href="/page/2/" class="older-posts">Older Posts →</a>
</nav>
</div>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2022/05/05/rails-vite-vue-3-pina-starter-pack/">Rails 7 + Vite + Vue 3 + Pinia starter pack</a></h2>
</header>
<section class='post-excerpt'>
<p>
Let’s face it, if you start a new Rails + Vue project you’ll have to deal with an initial plumbing phase only to setup all the basic stuff. That’s usually not the most fun part… but I have some good news: I did the boring work for you :-).
Having built
<a href="/2022/05/05/rails-vite-vue-3-pina-starter-pack/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/vue/'>vue</a>
<time class='post-date' datetime='2022-05-05'>
05 May 2022
</time>
</footer>
</article>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2017/12/02/how-to-organize-your-vue-files-in-a-rails-5-1-project-using-webpack/">How to organize a Vue app in a Rails project using Webpack</a></h2>
</header>
<section class='post-excerpt'>
<p>
So, you’re a Rails developer, and you started to play with Vue (maybe using the CDN / ES5 way?), everything looks so exciting, you’re even thinking about using it in your next project. Great! And then problems start to pop up. How do I structure my files
<a href="/2017/12/02/how-to-organize-your-vue-files-in-a-rails-5-1-project-using-webpack/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/vue/'>vue</a>
<time class='post-date' datetime='2017-12-02'>
02 December 2017
</time>
</footer>
</article>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2017/06/09/how-to-to-make-vim-to-look-like-atom/">How to make Vim to look like Atom</a></h2>
</header>
<section class='post-excerpt'>
<p>
Why, and who is this for?
I love Atom. Really. Nonetheless, it has the bad habit to turn my 8G RAM MacBook into a big lazy slug.
Moving back to Sublime text is not really a good idea, since I’m a bit afraid of its future, at least for the V2 licence
<a href="/2017/06/09/how-to-to-make-vim-to-look-like-atom/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/vim/'>vim</a>
<time class='post-date' datetime='2017-06-09'>
09 June 2017
</time>
</footer>
</article>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2015/06/22/good-bye-freelancing/">Good bye freelancing</a></h2>
</header>
<section class='post-excerpt'>
<p>
It’s been now 3 months since I have been officialy hired, 3 months that I’m no longer a freelancer.
In a way, it’s kinda funny that the exact same things that really thrilled me, are also those
that just bored me, at the same time. First of all was project
<a href="/2015/06/22/good-bye-freelancing/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/business/'>business</a>
<time class='post-date' datetime='2015-06-22'>
22 June 2015
</time>
</footer>
</article>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2014/08/15/a-better-organisation-for-your-js-using-rails-coffeescript/">A better organisation for JS/Jquery code base using Rails and Coffeescript</a></h2>
</header>
<section class='post-excerpt'>
<p>
Once upon a time, there were two very, very distant planets… the first one was using brand new shiny full stack JS Frameworks, that handle rooting, templating, data binding.
On this planet, apps were blazing fast, Javascript files were well organised
<a href="/2014/08/15/a-better-organisation-for-your-js-using-rails-coffeescript/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/ruby-on-rails/'>ruby-on-rails</a>
<time class='post-date' datetime='2014-08-15'>
15 August 2014
</time>
</footer>
</article>
<article class='post'>
<header class='post-header'>
<h2 class='post-title'><a href="/2014/02/22/Fifteen-years-using-linux-and-I-just-switched-to-a-Mac/">Fifteen years using linux... and I just switched to a Mac</a></h2>
</header>
<section class='post-excerpt'>
<p>
I still remember my first met with Linux, back in 1998… I instantly embraced the Open Source philosophy. I also doomed the data on my hard drive and it took me 2 days of tough work to get this Red Hat 5.1 up and running, but I really enjoyed this stuff
<a href="/2014/02/22/Fifteen-years-using-linux-and-I-just-switched-to-a-Mac/" class="read-more">»</a>
</p>
</section>
<footer class='post-meta'>
<a href='/author/guillaume/'>Guillaume</a>
on <a href='/tag/les-gouts-et-les-couleurs/'>les-gouts-et-les-couleurs</a>, <a href='/tag/linux/'>linux</a>
<time class='post-date' datetime='2014-02-22'>
22 February 2014
</time>
</footer>
</article>
<nav class='pagination' role='pagination'>
<span class='page-number'>Page 1 of 10</span>
<a href="/page/2/" class="older-posts">Older Posts →</a>
</nav>
</main>
<footer class='site-footer clearfix'>
<section class='copyright'>
<a href='/'>I build stuff</a>
©
2022
</section>
<section class='poweredby'>
Casper theme powered by
<a href='https://ghost.org'>Ghost</a>
</section>
</footer>
</div>
<script src="/javascripts/application.js" type="text/javascript"></script>
</body>
</html>