https://iltempe.github.io/

1<!DOCTYPE html>
2<html>
3
4  <head>
5  <meta charset="utf-8">
6  <!-- (1) Optimize for mobile versions: http://goo.gl/EOpFl -->
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8  <!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10
11  <title>iltempe</title>
12  <meta name="description" content="Computer Engineer, Civic Hacker, Songwriter
13" />
14
15  <meta name="HandheldFriendly" content="True" />
16  <meta name="MobileOptimized" content="320" />
17  <meta name="apple-mobile-web-app-capable" content="yes">
18  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
19  
20    <meta name="twitter:card" content="summary" />
21    <meta name="twitter:site" content="@il_tempe" />
22    <meta name="twitter:title" content="iltempe" />
23    <meta name="twitter:image" content="https://iltempe.github.io/assets/images/author.jpg" />
24    
25    <meta name="twitter:description" content="Computer Engineer, Civic Hacker, Songwriter" />
26    
27  
28
29  <meta property="og:site_name" content="iltempe" />
30  <meta property="og:title" content="iltempe"/>
31  
32  <meta property="og:description" content="Computer Engineer, Civic Hacker, Songwriter" />
33  
34  <meta property="og:image" content="https://iltempe.github.io/assets/images/author.jpg" />
35  <meta property="og:url" content="https://iltempe.github.io/" >
36  <meta property="og:type" content="blog" />
37  
38
39  <link rel="canonical" href="https://iltempe.github.io/"/>
40  <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/png"/>
41  <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Linux+Libertine:400,400i,700,700i/Open+Sans:400,400i,700,700i">
42  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
43
44  <link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
45  <link rel="stylesheet" type="text/css" media="print" href="/css/print.css" />
46</head>
47
48
49  <body>
50
51    <!-- header start -->
52
53
54  <a href="https://iltempe.github.io" class="logo-readium"><span class="logo" style="background-image: url(/assets/images/author.jpg)"></span></a>
55
56<!-- header end -->
57
58
59    <!-- content start -->
60
61    <div class="page-content">
62      <div class="wrapper">
63        <div class="teaserimage">
64    <div class="teaserimage-image" style="background-image: url(/assets/images/cA4aKEIPQrerBnp1yGHv_IMG_9534-3-2.jpg)">
65        Teaser Image
66    </div>
67</div>
68
69<header class="blog-header">
70    
71      <a class="blog-logo" href="https://iltempe.github.io" style="background-image: url('/assets/images/author.jpg')">iltempe</a>
72    
73    <h1 class="blog-title">iltempe</h1>
74    <h2 class="blog-description">Computer Engineer, Civic Hacker, Songwriter
75</h2>
76    <div class="custom-links">
77      <div class="social-icons">
78        
79          
80            <a class="icon-twitter" href="https://x.com/iltempe" title="Follow me on X">
81              <i class="fa-brands fa-twitter"></i>
82            </a>
83             
84          
85        
86          
87            <a class="icon-facebook" href="https://www.facebook.com/iltempefacebook/" title="Connect with me in Facebook">
88              <i class="fa-brands fa-facebook"></i>
89            </a>
90             
91          
92        
93          
94            <a class="icon-instagram" href="https://www.instagram.com/iltempeinsta/" title="Follow me on Instagram">
95              <i class="fa-brands fa-instagram"></i>
96            </a>
97             
98          
99        
100          
101            <a class="icon-tiktok" href="https://www.tiktok.com/@iltempe" title="Follow me on TikTok">
102              <i class="fa-brands fa-tiktok"></i>
103            </a>
104             
105          
106        
107          
108            <a class="icon-youtube" href="https://www.youtube.com/user/ziotempe/" title="Follow me on Youtube">
109              <i class="fa-brands fa-youtube"></i>
110            </a>
111             
112          
113        
114          
115            <a class="icon-github" href="https://github.com/iltempe" title="Fork me on Github">
116              <i class="fa-brands fa-github"></i>
117            </a>
118             
119          
120        
121          
122            <a class="icon-spotify" href="https://open.spotify.com/artist/662X8f9CUE0e8IRxppJG0D?si=ddAQktVwSQibuG8VZAVmIw" title="Ascoltami su Spotify">
123              <i class="fa-brands fa-spotify"></i>
124            </a>
125             
126          
127        
128          
129            <a class="icon-soundcloud" href="https://soundcloud.com/iltempe" title="Ascoltami su SoundCloud">
130              <i class="fa-brands fa-soundcloud"></i>
131            </a>
132             
133          
134        
135          
136            <a class="icon-newspaper" href="https://substack.com/@iltempe" title="Leggimi su Substack">
137              <i class="fa-solid fa-newspaper"></i>
138            </a>
139             
140          
141        
142          
143            <a class="icon-mug-hot" href="https://buymeacoffee.com/iltempe" title="Offrimi un caffè">
144              <i class="fa-solid fa-mug-hot"></i>
145            </a>
146             
147          
148        
149      </div>
150      <div class="nav-links">
151        <a href="http://iltempe.github.io/tags">Di che si parla qui?</a>
152          ·  
153        <a href="/projects/">Progetti</a>
154          ·  
155        <a href="/about/">About</a>
156      </div>
157    </div>
158</header>
159
160
161<main class="content" role="main">
162
163    
164
165    <div class="cf frame">
166      
167        <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
168          <div class="article-item">
169            <header class="post-header">
170              <h2 class="post-title" itemprop="name"><a href="/blog/2019/11/30/il-mio-primo-album.html" itemprop="url">Il mio primo album musicale : Fare I' Bischero</a></h2>
171            </header>
172            <section class="post-excerpt" itemprop="description">
173              <p>Riprendo dopo quasi un anno i post del mio blog, con l’intento di farlo diventare uno spazio sempre di grande condivisione con tutti voi, ma cercando di raccontare qualcosa di più vicino a me, a quello che mi capita in questo periodo.
174
175</p>
176            </section>
177            <div class="post-meta">
178              <time datetime="30 November 2019">30 November 2019</time>

179<!--            <span class="post-tags-set">on <span class="post-tag-">, <a href="/tag/"></a></span></span>-->
180            </div>
181          </div>
182        </article>
183      
184        <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
185          <div class="article-item">
186            <header class="post-header">
187              <h2 class="post-title" itemprop="name"><a href="/blog/2019/01/01/come-accendere-tv.html" itemprop="url">Come accendere la TV con Google Chromecast (senza il telecomando)</a></h2>
188            </header>
189            <section class="post-excerpt" itemprop="description">
190              <p>Da un po’ di mesi per approfondire sto osservando cosa si è combinato in casa Google in questi ultimi anni. Voglio capire un po’ di più di quello che “grande G” ha fatto e fa specie a favore di utenti sviluppatori (come me). E’ sempre stata una caratteristica di Google...</p>
191            </section>
192            <div class="post-meta">
193              <time datetime="01 January 2019">01 January 2019</time>
194<!--            <span class="post-tags-set">on <span class="post-tag-">, <a href="/tag/"></a></span></span>-->
195            </div>
196          </div>
197        </article>
198      
199        <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
200          <div class="article-item">
201            <header class="post-header">
202              <h2 class="post-title" itemprop="name"><a href="/blog/2018/12/01/sono-su-spotify.html" itemprop="url">Sono su Spotify</a></h2>
203            </header>
204            <section class="post-excerpt" itemprop="description">
205              <p>Da qualche giorno mi trovate su Spotify. La scelta di essere online su questa e molte altre piattaforme di distribuzione musicale è legata al fatto che da sempre compongo per diletto ed ho pensato che il web sia una buona strada per ricevere più critiche su quanto ho scritto e...</p>
206            </section>
207            <div class="post-meta">
208              <time datetime="01 December 2018">01 December 2018</time>
209<!--            <span class="post-tags-set">on <span class="post-tag-">, <a href="/tag/"></a></span></span>-->
210            </div>
211          </div>
212        </article>
213      
214        <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
215          <div class="article-item">
216            <header class="post-header">
217              <h2 class="post-title" itemprop="name"><a href="/blog/2018/04/30/creaf.html" itemprop="url">La vicenda del Creaf raccontata con i documenti pubblici</a></h2>
218            </header>
219            <section class="post-excerpt" itemprop="description">
220              <p>In questi giorni a Prato si torna a parlare purtroppo della vicenda Creaf, di quello che doveva essere un grande progetto per portare innovazione sul territorio pratese e che poi è stato invece dichiarato dal Tribunale un’operazione fallimentare. Lo scandalo viene fuori dal fatto che il CREAF è un’idea basata...</p>
221            </section>
222            <div class="post-meta">
223              <time datetime="30 April 2018">30 April 2018</time>
224<!--            <span class="post-tags-set">on <span class="post-tag-">, <a href="/tag/"></a></span></span>-->
225            </div>
226          </div>
227        </article>
228      
229        <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
230          <div class="article-item">
231            <header class="post-header">
232              <h2 class="post-title" itemprop="name"><a href="/blog/2018/04/22/prima-lezione.html" itemprop="url">La mia prima lezione di Civic Hacking</a></h2>
233            </header>
234            <section class="post-excerpt" itemprop="description">
235              <p>Qui le mie slide della mia prima lezione di Civic Hacking, che ho tenuto oggi stesso a Prato presso la scuola media Zipoli parte dell’istituto comprensivo Gandhi. Per la precisione ho introdotto questo tema alla classe 3°D delle scuole secondarie dell’istituto.
236
237</p>
238            </section>
239            <div class="post-meta">
240              <time datetime="22 April 2018">22 April 2018</time>

241<!--            <span class="post-tags-set">on <span class="post-tag-">, <a href="/tag/"></a></span></span>-->
242            </div>
243          </div>
244        </article>
245      
246    </div>
247
248    <nav class="pagination" role="navigation">
249      
250        <a class="newer-posts" href="/page2">← Older posts</a>
251      
252      <span class="page-number">Page 1 of 12</span>
253      
254    </nav>
255
256
257    <!-- 
258     -->
259
260</main>
261
262      </div>
263    </div>
264
265    <!-- content end -->
266
267    <!-- footer start -->
268
269<footer class="site-footer">
270  <a class="subscribe" href="/feed.xml"> <span class="tooltip"> <i class="fa fa-rss"></i> Subscribe!</span></a>
271    <div class="inner">
272         <section class="copyright">Some content copyright <a href="mailto:[email protected]">iltempe</a> © 2026 • See in About the licence</section>
273         <section class="poweredby">Made with <a href="http://jekyllrb.com"> Jekyll</a></section>
274    </div>
275
276 

276<script>

276
277    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
278    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
279    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
280    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
281    
282  ga('create', '

282UA-47474515-2

282', 'auto');
283  ga('send', 'pageview');
284

285</script>

285
286
287</footer>
288
289<!-- footer end -->
290
291    

291<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

291

292<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>

292

293<script type="text/javascript" src="/assets/js/index.js"></script>

293

294<script type="text/javascript" src="/assets/js/readingTime.min.js"></script>

294

295<script>
296(function ($) {
297  "use strict";
298  $(document).ready(function(){
299
300    var $window = $(window),
301    $image = $('.post-image-image, .teaserimage-image');
302    
303      $window.on('scroll', function() {
304        var top = $window.scrollTop();
305
306        if (top < 0 || top > 1500) { return; }
307        $image
308          .css('transform', 'translate3d(0px, '+top/3+'px, 0px)')
309          .css('opacity', 1-Math.max(top/700, 0));
310      });
311      $window.trigger('scroll');
312
313      var height = $('.article-image').height();
314      $('.post-content').css('padding-top', height + 'px');
315
316      $('a[href*=#]:not([href=#])').click(function() {
317        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
318         && location.hostname == this.hostname) {
319          var target = $(this.hash);
320          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
321          if (target.length) {
322            $('html,body').animate({ scrollTop: target.offset().top }, 500);
323            return false;
324          }
325        }
326      });
327
328  });
329}(jQuery));
330</script>

330
331
332<!-- Google Analytics -->

333<script>

333
334   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
335    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
336    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
337    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
338
339ga('create', '

339UA-47474515-2

339', 'auto');
340ga('send', 'pageview');
341

342</script>

342
343
344
345
346
347  </body>
348
349</html>