Browse Source

Move to Pelican

Phyks (Lucas Verney) 2 years ago
parent
commit
9a402157ce
No known key found for this signature in database
100 changed files with 139 additions and 13009 deletions
  1. 1
    0
      .gitignore
  2. 6
    0
      .gitmodules
  3. 124
    0
      Makefile
  4. 8
    0
      TODO
  5. 0
    86
      blog/2013/11/cryptdevice_multi.html
  6. 0
    79
      blog/2013/11/eacute_js.html
  7. 0
    85
      blog/2013/11/first.html
  8. 0
    146
      blog/2013/11/index.html
  9. 0
    77
      blog/2013/12/autohebergement_updated.html
  10. 0
    96
      blog/2013/12/bootloader_atmega.html
  11. 0
    115
      blog/2013/12/highmon_weechat.html
  12. 0
    250
      blog/2013/12/index.html
  13. 0
    89
      blog/2013/12/libre_et_difficultes.html
  14. 0
    81
      blog/2013/12/nawel_shaarli.html
  15. 0
    344
      blog/2013/index.html
  16. 0
    113
      blog/2014/02/index.html
  17. 0
    75
      blog/2014/02/news.html
  18. 0
    90
      blog/2014/02/notif_weechat_urxvt.html
  19. 0
    171
      blog/2014/03/fairphone.html
  20. 0
    171
      blog/2014/03/index.html
  21. 0
    81
      blog/2014/04/app_transport.html
  22. 0
    136
      blog/2014/04/elysee.html
  23. 0
    94
      blog/2014/04/hackathon_cc.html
  24. 0
    255
      blog/2014/04/index.html
  25. 0
    75
      blog/2014/04/out.html
  26. 0
    77
      blog/2014/04/timeline.js.html
  27. 0
    90
      blog/2014/07/astuces_arduino.html
  28. 0
    133
      blog/2014/07/benchmark_rss.html
  29. 0
    141
      blog/2014/07/diaspora_pas_pour_tout_monde.html
  30. 0
    90
      blog/2014/07/doxygen_php.html
  31. 0
    727
      blog/2014/07/index.html
  32. 0
    154
      blog/2014/07/inline_diff.html
  33. 0
    232
      blog/2014/07/lecteur_rss_ideal.html
  34. 0
    81
      blog/2014/07/notification_sms_free.html
  35. 0
    133
      blog/2014/07/pourquoi_gpl_pas_libre.html
  36. 0
    89
      blog/2014/07/specific_vim_config_git.html
  37. 0
    82
      blog/2014/08/free_mobile_fluctuant.html
  38. 0
    216
      blog/2014/08/index.html
  39. 0
    97
      blog/2014/08/sortez_vos_emails.html
  40. 0
    141
      blog/2014/08/synchronisation_backups_1.html
  41. 0
    119
      blog/2014/10/dhcp_server.html
  42. 0
    151
      blog/2014/10/index.html
  43. 0
    84
      blog/2014/10/pulseaudio_remote.html
  44. 0
    103
      blog/2014/11/bloomysearch.html
  45. 0
    134
      blog/2014/11/index.html
  46. 0
    83
      blog/2014/11/ipv6_kimsufi.html
  47. 0
    727
      blog/2014/index.html
  48. 0
    93
      blog/2015/01/bmc.html
  49. 0
    171
      blog/2015/01/firefox_sync_15.html
  50. 0
    397
      blog/2015/01/index.html
  51. 0
    83
      blog/2015/01/known.html
  52. 0
    95
      blog/2015/01/known_api.html
  53. 0
    114
      blog/2015/01/lenovo_t440.html
  54. 0
    74
      blog/2015/01/moving_known.html
  55. 0
    79
      blog/2015/01/vcsh.html
  56. 0
    84
      blog/2015/02/animble.html
  57. 0
    121
      blog/2015/02/index.html
  58. 0
    89
      blog/2015/02/opendata_altimetry.html
  59. 0
    116
      blog/2015/03/cross_platform_app_development.html
  60. 0
    230
      blog/2015/03/index.html
  61. 0
    121
      blog/2015/03/tuppervim_1503.html
  62. 0
    97
      blog/2015/03/you_are_not_selfhosting.html
  63. 0
    88
      blog/2015/04/devops_for_workstations.html
  64. 0
    114
      blog/2015/04/index.html
  65. 0
    78
      blog/2015/04/partial_js.html
  66. 0
    85
      blog/2015/05/index.html
  67. 0
    85
      blog/2015/05/servos_rpi.html
  68. 0
    178
      blog/2015/10/index.html
  69. 0
    156
      blog/2015/10/low_cost_telepresence.html
  70. 0
    74
      blog/2015/10/working_in_paris.html
  71. 0
    128
      blog/2015/12/index.html
  72. 0
    81
      blog/2015/12/localizing_webapp.html
  73. 0
    99
      blog/2015/12/putting_metadata_on_arxiv.html
  74. 0
    128
      blog/2015/index.html
  75. 0
    101
      blog/2016/01/fetching_references_papers.html
  76. 0
    101
      blog/2016/01/index.html
  77. 0
    97
      blog/2016/05/i3_back_and_forth.html
  78. 0
    97
      blog/2016/05/index.html
  79. 0
    98
      blog/2016/08/index.html
  80. 0
    98
      blog/2016/08/st.html
  81. 0
    94
      blog/2016/12/don_decembre.html
  82. 0
    94
      blog/2016/12/index.html
  83. 0
    94
      blog/2016/index.html
  84. 0
    85
      blog/2017/01/don_janvier.html
  85. 0
    85
      blog/2017/01/index.html
  86. 0
    123
      blog/2017/02/index.html
  87. 0
    123
      blog/2017/02/raspberry_pi_setup_checklist.html
  88. 0
    83
      blog/2017/03/don_fevrier.html
  89. 0
    88
      blog/2017/03/don_mars.html
  90. 0
    119
      blog/2017/03/index.html
  91. 0
    353
      blog/2017/04/index.html
  92. 0
    353
      blog/2017/04/privoxy_raspberry_pi.html
  93. 0
    83
      blog/2017/05/don_avril.html
  94. 0
    83
      blog/2017/05/index.html
  95. 0
    83
      blog/2017/index.html
  96. 0
    52
      blog/archives.html
  97. 0
    121
      blog/contact.html
  98. 0
    376
      blog/design.css
  99. 0
    74
      blog/divers.html
  100. 0
    0
      blog/footer.html

+ 1
- 0
.gitignore View File

@@ -0,0 +1 @@
1
+__pycache__

+ 6
- 0
.gitmodules View File

@@ -0,0 +1,6 @@
1
+[submodule "pelican-plugins"]
2
+	path = pelican-plugins
3
+	url = https://github.com/getpelican/pelican-plugins
4
+[submodule "pelican-themes"]
5
+	path = pelican-themes
6
+	url = https://github.com/getpelican/pelican-themes

+ 124
- 0
Makefile View File

@@ -0,0 +1,124 @@
1
+PY?=python3
2
+PELICAN?=pelican
3
+PELICANOPTS=
4
+
5
+BASEDIR=$(CURDIR)
6
+INPUTDIR=$(BASEDIR)/content
7
+OUTPUTDIR=$(BASEDIR)/output
8
+CONFFILE=$(BASEDIR)/pelicanconf.py
9
+PUBLISHCONF=$(BASEDIR)/publishconf.py
10
+
11
+FTP_HOST=localhost
12
+FTP_USER=anonymous
13
+FTP_TARGET_DIR=/
14
+
15
+SSH_HOST=localhost
16
+SSH_PORT=22
17
+SSH_USER=root
18
+SSH_TARGET_DIR=/var/www
19
+
20
+S3_BUCKET=my_s3_bucket
21
+
22
+CLOUDFILES_USERNAME=my_rackspace_username
23
+CLOUDFILES_API_KEY=my_rackspace_api_key
24
+CLOUDFILES_CONTAINER=my_cloudfiles_container
25
+
26
+DROPBOX_DIR=~/Dropbox/Public/
27
+
28
+GITHUB_PAGES_BRANCH=gh-pages
29
+
30
+DEBUG ?= 0
31
+ifeq ($(DEBUG), 1)
32
+	PELICANOPTS += -D
33
+endif
34
+
35
+RELATIVE ?= 0
36
+ifeq ($(RELATIVE), 1)
37
+	PELICANOPTS += --relative-urls
38
+endif
39
+
40
+help:
41
+	@echo 'Makefile for a pelican Web site                                           '
42
+	@echo '                                                                          '
43
+	@echo 'Usage:                                                                    '
44
+	@echo '   make html                           (re)generate the web site          '
45
+	@echo '   make clean                          remove the generated files         '
46
+	@echo '   make regenerate                     regenerate files upon modification '
47
+	@echo '   make publish                        generate using production settings '
48
+	@echo '   make serve [PORT=8000]              serve site at http://localhost:8000'
49
+	@echo '   make serve-global [SERVER=0.0.0.0]  serve (as root) to $(SERVER):80    '
50
+	@echo '   make devserver [PORT=8000]          start/restart develop_server.sh    '
51
+	@echo '   make stopserver                     stop local server                  '
52
+	@echo '   make ssh_upload                     upload the web site via SSH        '
53
+	@echo '   make rsync_upload                   upload the web site via rsync+ssh  '
54
+	@echo '   make dropbox_upload                 upload the web site via Dropbox    '
55
+	@echo '   make ftp_upload                     upload the web site via FTP        '
56
+	@echo '   make s3_upload                      upload the web site via S3         '
57
+	@echo '   make cf_upload                      upload the web site via Cloud Files'
58
+	@echo '   make github                         upload the web site via gh-pages   '
59
+	@echo '                                                                          '
60
+	@echo 'Set the DEBUG variable to 1 to enable debugging, e.g. make DEBUG=1 html   '
61
+	@echo 'Set the RELATIVE variable to 1 to enable relative urls                    '
62
+	@echo '                                                                          '
63
+
64
+html:
65
+	$(PELICAN) $(INPUTDIR) -o $(OUTPUTDIR) -s $(CONFFILE) $(PELICANOPTS)
66
+
67
+clean:
68
+	[ ! -d $(OUTPUTDIR) ] || rm -rf $(OUTPUTDIR)
69
+
70
+regenerate:
71
+	$(PELICAN) -r $(INPUTDIR) -o $(OUTPUTDIR) -s $(CONFFILE) $(PELICANOPTS)
72
+
73
+serve:
74
+ifdef PORT
75
+	cd $(OUTPUTDIR) && $(PY) -m pelican.server $(PORT)
76
+else
77
+	cd $(OUTPUTDIR) && $(PY) -m pelican.server
78
+endif
79
+
80
+serve-global:
81
+ifdef SERVER
82
+	cd $(OUTPUTDIR) && $(PY) -m pelican.server 80 $(SERVER)
83
+else
84
+	cd $(OUTPUTDIR) && $(PY) -m pelican.server 80 0.0.0.0
85
+endif
86
+
87
+
88
+devserver:
89
+ifdef PORT
90
+	$(BASEDIR)/develop_server.sh restart $(PORT)
91
+else
92
+	$(BASEDIR)/develop_server.sh restart
93
+endif
94
+
95
+stopserver:
96
+	$(BASEDIR)/develop_server.sh stop
97
+	@echo 'Stopped Pelican and SimpleHTTPServer processes running in background.'
98
+
99
+publish:
100
+	$(PELICAN) $(INPUTDIR) -o $(OUTPUTDIR) -s $(PUBLISHCONF) $(PELICANOPTS)
101
+
102
+ssh_upload: publish
103
+	scp -P $(SSH_PORT) -r $(OUTPUTDIR)/* $(SSH_USER)@$(SSH_HOST):$(SSH_TARGET_DIR)
104
+
105
+rsync_upload: publish
106
+	rsync -e "ssh -p $(SSH_PORT)" -P -rvzc --delete $(OUTPUTDIR)/ $(SSH_USER)@$(SSH_HOST):$(SSH_TARGET_DIR) --cvs-exclude
107
+
108
+dropbox_upload: publish
109
+	cp -r $(OUTPUTDIR)/* $(DROPBOX_DIR)
110
+
111
+ftp_upload: publish
112
+	lftp ftp://$(FTP_USER)@$(FTP_HOST) -e "mirror -R $(OUTPUTDIR) $(FTP_TARGET_DIR) ; quit"
113
+
114
+s3_upload: publish
115
+	s3cmd sync $(OUTPUTDIR)/ s3://$(S3_BUCKET) --acl-public --delete-removed --guess-mime-type --no-mime-magic --no-preserve
116
+
117
+cf_upload: publish
118
+	cd $(OUTPUTDIR) && swift -v -A https://auth.api.rackspacecloud.com/v1.0 -U $(CLOUDFILES_USERNAME) -K $(CLOUDFILES_API_KEY) upload -c $(CLOUDFILES_CONTAINER) .
119
+
120
+github: publish
121
+	ghp-import -m "Generate Pelican site" -b $(GITHUB_PAGES_BRANCH) $(OUTPUTDIR)
122
+	git push origin $(GITHUB_PAGES_BRANCH)
123
+
124
+.PHONY: html help clean regenerate serve serve-global devserver stopserver publish ssh_upload rsync_upload dropbox_upload ftp_upload s3_upload cf_upload github

+ 8
- 0
TODO View File

@@ -0,0 +1,8 @@
1
+* Translations (fr / en)
2
+* Typography
3
+* External calls
4
+* Code hilighting
5
+* Review URLs
6
+* 404
7
+* Static pages: tools
8
+* Monthly and yearly indexes

+ 0
- 86
blog/2013/11/cryptdevice_multi.html View File

@@ -1,86 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Decrypt multiple LUKS containers at boot on Arch</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">17</p>
49
-		<p class="month">Novembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/cryptdevice_multi.html">Decrypt multiple LUKS containers at boot on Arch</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=17112013-0800
56
-	@title=Decrypt multiple LUKS containers at boot on Arch
57
-	@tags=Arch, Linux
58
--->
59
-<p>I installed Arch on my laptop with a LVM on LUKS setup. But I've two disks on my laptop (so this means at least two LUKS container) and my LVM install extended over the two disks. So, I needed to unlock two devices at boot to be able to mount my system (which is something the default encrypt hook doesn't support in Arch). Here's a way to proceed in order to achieve unlocking of multiple encrypted devices (presented with 2 devices, but can be used for more).</p>
60
-
61
-<p>First, you need to install the necessary stuff to use cryptsetup and set the encrypt hook to be load (in mkinitcpio.conf) as described in <a href="https://wiki.archlinux.org/index.php/Dm-crypt_with_LUKS#.2Fetc.2Fmkinitcpio.conf">Arch wiki</a>.</p>
62
-
63
-<p>Then, copy the file /usr/lib/initcpio/hooks/encrypt to /usr/lib/initcpio/hooks/encrypt2. Edit this last file and change any occurrence of cryptdevice and cryptkey by cryptdevice2 and cryptkey2. Also change the line</p>
64
-<pre>mkdir /ckey</pre>
65
-<p>by</p>
66
-<pre>if [ -d /ckey ]; then
67
-    mkdir /ckey
68
-fi
69
-</pre>
70
-<p>in order to avoid the display of a warning on boot. Load this encrypt2 hook in your mkinitcpio.conf.</p>
71
-
72
-<p>Finally, edit your command line parameters (in Grub for example), adding the required cryptdevice, cryptkey (for first device) and cryptdevice2, cryptkey2 (for second device).</p>
73
-
74
-<p>This is the best solution I've found so far, but it requires to manually update the second hook when updates are available (cryptsetup package, not all updates concern encrypt hook). Another solution was provided by the package cryptsetup-multi but this one is now obsolete and this setup is the one that works best for me.</p>
75
-
76
-		<footer><p class="date">Le 17/11/2013 à 08:00</p>
77
-		<p class="tags">Tags : <a href="//phyks.me/tags/Arch.html">Arch</a>, <a href="//phyks.me/tags/Linux.html">Linux</a></p></footer>
78
-	</div>
79
-</article>
80
-            </div>
81
-            <footer id="rss">
82
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
83
-            </footer>
84
-        </div>
85
-    </body>
86
-</html>

+ 0
- 79
blog/2013/11/eacute_js.html View File

@@ -1,79 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Détecter l'appui sur "é" en javascript</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">17</p>
49
-		<p class="month">Novembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/eacute_js.html">Détecter l'appui sur "é" en javascript</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=17112013-0040
56
-	@title=Détecter l'appui sur "é" en javascript
57
-	@tags=Web, Dev
58
--->
59
-<p>Pour les besoins d'un plugin pour le thème <a href="https://github.com/tmos/greeder">greeder</a> de <a href="https://github.com/ldleman/Leed">Leed</a> (gestion des raccourcis claviers), je devais détecter l'appui sur n'importe quelle touche du clavier en javascript. Pour ce faire, a priori, ce n'est pas très dur, il suffit de surveiller l'événement onkeydown et de récupérer le keycode correspondant. Cette méthode fonctionne sans problèmes sur des claviers azerty / qwerty (tout du moins pour ce que je voulais faire) mais pose de graves problèmes sur des dispositions exotiques type Bépo (ty <a href="http://tomcanac.com/blog/">tmos</a> de me l'avoir signalé :). En effet, ces dispositions possèdent de nombreuses touches particulières, qui ne sont pas traitées par la méthode précédente. Ainsi, il était impossible d'assigner un raccourci à la touche "é" ou "É" par la méthode précédente (pas de problème sur un clavier azerty/qwerty car cette touche est alors détectée comme "2").</p>
60
-
61
-<p>Après quelques recherches, j'ai découvert qu'il existait déjà deux moyens de savoir quelle touche était pressée : which et keycode. Dans la majorité des cas, ils fournissent le même résultat, sauf dans le cas qu'on veut justement traiter. Je n'ai pas approfondi la question mais il semble que which est plus général, et d'après mes tests, il fonctionne sur toutes les touches utiles d'un clavier azerty/qwerty/bépo. Attention en revanche, les codes renvoyés par which peuvent différer des keycode pour les caractères exotiques.</p>
62
-
63
-<p>Mais cela ne suffisait pas. J'avais beau utiliser which qui devait me retourner un certain code de touche, je n'avais rien. Après quelques tests, je me suis alors aperçu qu'il n'y avait purement et simplement aucun événement lancé lors de l'appui sur la touche fautive...</p>
64
-
65
-<p>En effet, il existe encore une fois plusieurs événements disponibles sur l'appui d'une touche. Le plus simple, et le plus naturellement adapté pour détecter des raccourcis claviers est onkeydown, qui n'est émis qu'une seule fois, lors de l'appui d'une touche. Mais cet événement n'est pas déclenché lors de l'appui sur certains caractères spéciaux (dont é). La solution est alors de faire un code légèrement plus lourd en utilisant onkeypress en remplacement. onkeypress est déclenché tant que la touche est appuyée (ce qui veut dire de potentiels événements multiples, contrairement à onkeydown) mais a le mérite de fonctionner avec toutes les touches des dispositions azerty/qwerty/bépo.</p>
66
-
67
-<p>En résumé, pour détecter un appui sur n'importe quelle touche du clavier, il faut utiliser l'événement onkeypress et détecter le code de la touche avec which. Cela fonctionnera, en échange d'une légère baisse de performances du script. Dommage que ceci n'ait pas été harmonisé ou simplifié un minimum...</p>
68
-
69
-		<footer><p class="date">Le 17/11/2013 à 00:40</p>
70
-		<p class="tags">Tags : <a href="//phyks.me/tags/Web.html">Web</a>, <a href="//phyks.me/tags/Dev.html">Dev</a></p></footer>
71
-	</div>
72
-</article>
73
-            </div>
74
-            <footer id="rss">
75
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
76
-            </footer>
77
-        </div>
78
-    </body>
79
-</html>

+ 0
- 85
blog/2013/11/first.html View File

@@ -1,85 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Premier article (parce qu'il en faut bien un :)</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">16</p>
49
-		<p class="month">Novembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/first.html">Premier article (parce qu'il en faut bien un :)</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=16112013-2330
56
-	@title=Premier article (parce qu'il en faut bien un :)
57
-	@tags=Phyks
58
--->
59
-<p>Ça y est, mon blog est enfin en ligne. Depuis le temps que j'ai cette idée en tête (et que la page <a href="http://phyks.me">http://phyks.me</a> affiche un magnifique "Blog coming soon"), j'ai enfin eu le temps de finaliser les deux / trois trucs impératifs avant de le lancer. :)</p>
60
-
61
-<p>J'ai donc enfin ma petite parcelle de web où partager diverses astuces sur les trucs que j'utilise quotidiennement (et quelques coups de gueules aussi). Entre autres, des petits trucs sur Arch Linux, sur de la prog, sur l'autohébergement et des trucs en vrac. J'en ai également profité pour mettre en place un <a href="https://github.com/sebsauvage/Shaarli">shaarli</a> (que j'utilise en fait déjà depuis quelques temps), <a href="http://links.phyks.me">ici</a>. Il y aura des articles en français (principalement) et quelquefois en anglais quand c'est un truc que je n'ai trouvé nulle part ailleurs.</p>
62
-
63
-<p>Pour ceux qui se demanderaient comment fonctionne le blog en arrière-plan, c'est un blog statique sur moteur fait-maison. J'avais eu l'idée de faire un système de blog sur dépôt Git et avait commencé à le coder, avant de me rendre compte que de nombreux projets existaient déjà :/ Bref, ayant la flemme de reprendre un code existant en l'adaptant à mes besoins et ayant déjà commencé à réinventer la roue, j'ai continué mon bout de code, aboutissant à ce blog. Le code est d'ores et déjà disponible sur <a href="https://github.com/phyks/blogit">Github</a>, mais il manque encore quelques fonctions et cette instance sera l'occasion d'un test en grandeur nature. Il sera mis à jour prochainement, quand j'aurai corrigé tous les petits trucs qui ne me plaisent pas et refactorisé un peu le code.</p>
64
-
65
-<p>Le blog est donc intégralement stocké sous forme de fichiers html dans un dépôt Git (sur mon petit dédié chez OVH) et un hook lancé au commit s'occupe de générer les fichiers html servis par le serveur web. Les articles sont rédigés de façon très basique en html pour l'instant (mais je prévois d'implémenter une syntaxe à la markdown dans un futur proche), et tout est un peu fait "old school" (pas de formulaire tout joli avec drag&amp;drop pour envoyer des images par exemple, je suis plus efficace sans). Ça peut paraître bancal parfois, mais ça me va bien :) Du coup, pas de commentaires sur ce blog, ne voulant pas ajouter un service externe à la Disqus. De toutes façons, je rejoins l'avis de <a href="http://www.bortzmeyer.org/no-comment.html">Bortzmeyer</a> sur la question. J'adore les commentaires constructifs, mais je préfère lire des articles complets sur un blog qu'une réponse en deux lignes en bas d'un article. Si vous voulez commenter, n'hésitez pas à m'envoyer un e-mail ou à me dire si vous réagissez quelque part. :)</p>
66
-
67
-<p><em>P.S.</em> : Merci à <a href="http://sebsauvage.net/">sebsauvage</a>, <a href="http://lehollandaisvolant.net/">le hollandais volant</a>, <a href="http://blog.idleman.fr">idleman</a>, <a href="http://ploum.net/">Ploum</a> et tous les autres de la blogosphère française que j'oublie, que je suis depuis quelques temps déjà, plus ou moins silencieusement et qui m'ont donné envie d'avoir mon petit espace à moi aussi !</p>
68
-
69
-<h2 class="center">Bref, ya plus qu'à ! :)</h2>
70
-
71
-<p class="center"><img src="//phyks.me/2013/11/first_keep_calm_force.jpg" alt="Keep calm and use the force"/><br/><span class="small">Image sous licence CC 3.0 BY NC SA (<a href="http://koboot.deviantart.com/#/art/Keep-calm-and-use-The-Force-192034100?hf=1">source</a>)</span></p>
72
-
73
-<p>Note : Je suis en train de tout remettre en place sur mon serveur, suite à une réinstallaton. Mon Jabber, mon serveur Git etc. reviendront donc bientôt, quand j'aurai 5 minutes pour m'en occuper :(</p>
74
-
75
-		<footer><p class="date">Le 16/11/2013 à 23:30</p>
76
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
77
-	</div>
78
-</article>
79
-            </div>
80
-            <footer id="rss">
81
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
82
-            </footer>
83
-        </div>
84
-    </body>
85
-</html>

+ 0
- 146
blog/2013/11/index.html View File

@@ -1,146 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - 2013/11</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">17</p>
49
-		<p class="month">Novembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/cryptdevice_multi.html">Decrypt multiple LUKS containers at boot on Arch</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=17112013-0800
56
-	@title=Decrypt multiple LUKS containers at boot on Arch
57
-	@tags=Arch, Linux
58
--->
59
-<p>I installed Arch on my laptop with a LVM on LUKS setup. But I've two disks on my laptop (so this means at least two LUKS container) and my LVM install extended over the two disks. So, I needed to unlock two devices at boot to be able to mount my system (which is something the default encrypt hook doesn't support in Arch). Here's a way to proceed in order to achieve unlocking of multiple encrypted devices (presented with 2 devices, but can be used for more).</p>
60
-
61
-<p>First, you need to install the necessary stuff to use cryptsetup and set the encrypt hook to be load (in mkinitcpio.conf) as described in <a href="https://wiki.archlinux.org/index.php/Dm-crypt_with_LUKS#.2Fetc.2Fmkinitcpio.conf">Arch wiki</a>.</p>
62
-
63
-<p>Then, copy the file /usr/lib/initcpio/hooks/encrypt to /usr/lib/initcpio/hooks/encrypt2. Edit this last file and change any occurrence of cryptdevice and cryptkey by cryptdevice2 and cryptkey2. Also change the line</p>
64
-<pre>mkdir /ckey</pre>
65
-<p>by</p>
66
-<pre>if [ -d /ckey ]; then
67
-    mkdir /ckey
68
-fi
69
-</pre>
70
-<p>in order to avoid the display of a warning on boot. Load this encrypt2 hook in your mkinitcpio.conf.</p>
71
-
72
-<p>Finally, edit your command line parameters (in Grub for example), adding the required cryptdevice, cryptkey (for first device) and cryptdevice2, cryptkey2 (for second device).</p>
73
-
74
-<p>This is the best solution I've found so far, but it requires to manually update the second hook when updates are available (cryptsetup package, not all updates concern encrypt hook). Another solution was provided by the package cryptsetup-multi but this one is now obsolete and this setup is the one that works best for me.</p>
75
-
76
-		<footer><p class="date">Le 17/11/2013 à 08:00</p>
77
-		<p class="tags">Tags : <a href="//phyks.me/tags/Arch.html">Arch</a>, <a href="//phyks.me/tags/Linux.html">Linux</a></p></footer>
78
-	</div>
79
-</article>
80
-<article>
81
-	<aside>
82
-		<p class="day">17</p>
83
-		<p class="month">Novembre</p>
84
-	</aside>
85
-	<div class="article">
86
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/eacute_js.html">Détecter l'appui sur "é" en javascript</a></h1></header>
87
-		<!--
88
-	@author=Phyks
89
-	@date=17112013-0040
90
-	@title=Détecter l'appui sur "é" en javascript
91
-	@tags=Web, Dev
92
--->
93
-<p>Pour les besoins d'un plugin pour le thème <a href="https://github.com/tmos/greeder">greeder</a> de <a href="https://github.com/ldleman/Leed">Leed</a> (gestion des raccourcis claviers), je devais détecter l'appui sur n'importe quelle touche du clavier en javascript. Pour ce faire, a priori, ce n'est pas très dur, il suffit de surveiller l'événement onkeydown et de récupérer le keycode correspondant. Cette méthode fonctionne sans problèmes sur des claviers azerty / qwerty (tout du moins pour ce que je voulais faire) mais pose de graves problèmes sur des dispositions exotiques type Bépo (ty <a href="http://tomcanac.com/blog/">tmos</a> de me l'avoir signalé :). En effet, ces dispositions possèdent de nombreuses touches particulières, qui ne sont pas traitées par la méthode précédente. Ainsi, il était impossible d'assigner un raccourci à la touche "é" ou "É" par la méthode précédente (pas de problème sur un clavier azerty/qwerty car cette touche est alors détectée comme "2").</p>
94
-
95
-<p>Après quelques recherches, j'ai découvert qu'il existait déjà deux moyens de savoir quelle touche était pressée : which et keycode. Dans la majorité des cas, ils fournissent le même résultat, sauf dans le cas qu'on veut justement traiter. Je n'ai pas approfondi la question mais il semble que which est plus général, et d'après mes tests, il fonctionne sur toutes les touches utiles d'un clavier azerty/qwerty/bépo. Attention en revanche, les codes renvoyés par which peuvent différer des keycode pour les caractères exotiques.</p>
96
-
97
-<p>Mais cela ne suffisait pas. J'avais beau utiliser which qui devait me retourner un certain code de touche, je n'avais rien. Après quelques tests, je me suis alors aperçu qu'il n'y avait purement et simplement aucun événement lancé lors de l'appui sur la touche fautive...</p>
98
-
99
-<p>En effet, il existe encore une fois plusieurs événements disponibles sur l'appui d'une touche. Le plus simple, et le plus naturellement adapté pour détecter des raccourcis claviers est onkeydown, qui n'est émis qu'une seule fois, lors de l'appui d'une touche. Mais cet événement n'est pas déclenché lors de l'appui sur certains caractères spéciaux (dont é). La solution est alors de faire un code légèrement plus lourd en utilisant onkeypress en remplacement. onkeypress est déclenché tant que la touche est appuyée (ce qui veut dire de potentiels événements multiples, contrairement à onkeydown) mais a le mérite de fonctionner avec toutes les touches des dispositions azerty/qwerty/bépo.</p>
100
-
101
-<p>En résumé, pour détecter un appui sur n'importe quelle touche du clavier, il faut utiliser l'événement onkeypress et détecter le code de la touche avec which. Cela fonctionnera, en échange d'une légère baisse de performances du script. Dommage que ceci n'ait pas été harmonisé ou simplifié un minimum...</p>
102
-
103
-		<footer><p class="date">Le 17/11/2013 à 00:40</p>
104
-		<p class="tags">Tags : <a href="//phyks.me/tags/Web.html">Web</a>, <a href="//phyks.me/tags/Dev.html">Dev</a></p></footer>
105
-	</div>
106
-</article>
107
-<article>
108
-	<aside>
109
-		<p class="day">16</p>
110
-		<p class="month">Novembre</p>
111
-	</aside>
112
-	<div class="article">
113
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/first.html">Premier article (parce qu'il en faut bien un :)</a></h1></header>
114
-		<!--
115
-	@author=Phyks
116
-	@date=16112013-2330
117
-	@title=Premier article (parce qu'il en faut bien un :)
118
-	@tags=Phyks
119
--->
120
-<p>Ça y est, mon blog est enfin en ligne. Depuis le temps que j'ai cette idée en tête (et que la page <a href="http://phyks.me">http://phyks.me</a> affiche un magnifique "Blog coming soon"), j'ai enfin eu le temps de finaliser les deux / trois trucs impératifs avant de le lancer. :)</p>
121
-
122
-<p>J'ai donc enfin ma petite parcelle de web où partager diverses astuces sur les trucs que j'utilise quotidiennement (et quelques coups de gueules aussi). Entre autres, des petits trucs sur Arch Linux, sur de la prog, sur l'autohébergement et des trucs en vrac. J'en ai également profité pour mettre en place un <a href="https://github.com/sebsauvage/Shaarli">shaarli</a> (que j'utilise en fait déjà depuis quelques temps), <a href="http://links.phyks.me">ici</a>. Il y aura des articles en français (principalement) et quelquefois en anglais quand c'est un truc que je n'ai trouvé nulle part ailleurs.</p>
123
-
124
-<p>Pour ceux qui se demanderaient comment fonctionne le blog en arrière-plan, c'est un blog statique sur moteur fait-maison. J'avais eu l'idée de faire un système de blog sur dépôt Git et avait commencé à le coder, avant de me rendre compte que de nombreux projets existaient déjà :/ Bref, ayant la flemme de reprendre un code existant en l'adaptant à mes besoins et ayant déjà commencé à réinventer la roue, j'ai continué mon bout de code, aboutissant à ce blog. Le code est d'ores et déjà disponible sur <a href="https://github.com/phyks/blogit">Github</a>, mais il manque encore quelques fonctions et cette instance sera l'occasion d'un test en grandeur nature. Il sera mis à jour prochainement, quand j'aurai corrigé tous les petits trucs qui ne me plaisent pas et refactorisé un peu le code.</p>
125
-
126
-<p>Le blog est donc intégralement stocké sous forme de fichiers html dans un dépôt Git (sur mon petit dédié chez OVH) et un hook lancé au commit s'occupe de générer les fichiers html servis par le serveur web. Les articles sont rédigés de façon très basique en html pour l'instant (mais je prévois d'implémenter une syntaxe à la markdown dans un futur proche), et tout est un peu fait "old school" (pas de formulaire tout joli avec drag&amp;drop pour envoyer des images par exemple, je suis plus efficace sans). Ça peut paraître bancal parfois, mais ça me va bien :) Du coup, pas de commentaires sur ce blog, ne voulant pas ajouter un service externe à la Disqus. De toutes façons, je rejoins l'avis de <a href="http://www.bortzmeyer.org/no-comment.html">Bortzmeyer</a> sur la question. J'adore les commentaires constructifs, mais je préfère lire des articles complets sur un blog qu'une réponse en deux lignes en bas d'un article. Si vous voulez commenter, n'hésitez pas à m'envoyer un e-mail ou à me dire si vous réagissez quelque part. :)</p>
127
-
128
-<p><em>P.S.</em> : Merci à <a href="http://sebsauvage.net/">sebsauvage</a>, <a href="http://lehollandaisvolant.net/">le hollandais volant</a>, <a href="http://blog.idleman.fr">idleman</a>, <a href="http://ploum.net/">Ploum</a> et tous les autres de la blogosphère française que j'oublie, que je suis depuis quelques temps déjà, plus ou moins silencieusement et qui m'ont donné envie d'avoir mon petit espace à moi aussi !</p>
129
-
130
-<h2 class="center">Bref, ya plus qu'à ! :)</h2>
131
-
132
-<p class="center"><img src="//phyks.me/2013/11/first_keep_calm_force.jpg" alt="Keep calm and use the force"/><br/><span class="small">Image sous licence CC 3.0 BY NC SA (<a href="http://koboot.deviantart.com/#/art/Keep-calm-and-use-The-Force-192034100?hf=1">source</a>)</span></p>
133
-
134
-<p>Note : Je suis en train de tout remettre en place sur mon serveur, suite à une réinstallaton. Mon Jabber, mon serveur Git etc. reviendront donc bientôt, quand j'aurai 5 minutes pour m'en occuper :(</p>
135
-
136
-		<footer><p class="date">Le 16/11/2013 à 23:30</p>
137
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
138
-	</div>
139
-</article>
140
-            </div>
141
-            <footer id="rss">
142
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
143
-            </footer>
144
-        </div>
145
-    </body>
146
-</html>

+ 0
- 77
blog/2013/12/autohebergement_updated.html View File

@@ -1,77 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Page sur l'autohébergement mise à jour</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">25</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/autohebergement_updated.html">Page sur l'autohébergement mise à jour</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=25122013-2327
56
-	@title=Page sur l'autohébergement mise à jour
57
-	@tags=Autohébergement
58
--->
59
-<p>Juste un (très) court article pour signaler que je me suis (enfin) décidé à vider ma todo-list. En particulier, je viens de reprendre <a href="http://phyks.me/autohebergement.html">ma page sur l'autohébergement</a> que je n'avais pas terminée et qui trainait sur mon serveur. J'ai déjà commencé par rajouter un peu de CSS, et rien que ça, ça change tout ! :)</p>
60
-
61
-<p>Cette page doit me servir de mémo si j'ai besoin de réinstaller mon serveur et fournit tout un tas de lien et d'astuces diverses pour quiconque voudrait se lancer dans l'autohébergement. Je la mettrai à jour au fur et à mesure des évolutions sur mon serveur et des nouveaux scripts que je découvrirai.</p>
62
-
63
-<p>Cette page va de pair avec les tags <a href="https://links.phyks.me/?searchtags=AutoH%C3%A9bergement">AutoHébergement</a> et <a href="https://links.phyks.me/?searchtags=Serveur">Serveur</a> sur <a href="https://links.phyks.me/">mon shaarli</a>.</p>
64
-
65
-<p>En espérant que ça serve à quelqu'un (et puis sinon, tant pis..., ça me servira toujours à moi :)... (n'ayant <em>volontairement</em> pas de stats sur mon serveur, je ne sais pas si ça servira à quelqu'un ou pas :)</p>
66
-
67
-		<footer><p class="date">Le 25/12/2013 à 23:27</p>
68
-		<p class="tags">Tags : <a href="//phyks.me/tags/Autohébergement.html">Autohébergement</a></p></footer>
69
-	</div>
70
-</article>
71
-            </div>
72
-            <footer id="rss">
73
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
74
-            </footer>
75
-        </div>
76
-    </body>
77
-</html>

+ 0
- 96
blog/2013/12/bootloader_atmega.html View File

@@ -1,96 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Graver un <em>bootloader</em> sur ATmega8</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">02</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/bootloader_atmega.html">Graver un <em>bootloader</em> sur ATmega8</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=02122013-1502
56
-	@title=Graver un <em>bootloader</em> sur ATmega8
57
-	@tags=DIY, Électronique
58
--->
59
-<p>Pour un projet avec mon <em>hacklab</em> <a href="http://hackens.org">hackEns</a> (éclairage de façades avec des LEDs de puissance, dans la même veine que <a href="http://www.youtube.com/watch?v=yRxQgc-OKFg">AllColorsAreBeautiful</a> du CCC, voir <a href="http://hackens.org/projets/ledhill">cette page</a> pour plus d'infos), on a eu besoin de graver 30 <em>bootloaders</em> sur des ATmega8. On n'a pas de programmateur et on le fait donc avec des Arduinos. Comme toujours, il nous a fallu 2h de debug avant de graver le premier :) (mais cette fois, ça a été rentable avec 30 <em>bootloaders</em> gravés d'un coup !).</p>
60
-
61
-<p>Du coup, je fais une petite compil' des liens qui marchent et des trucs importants à vérifier pour ne pas perdre deux heures (les messages d'erreur du soft Arduino étant *tellement* explicites... et il y a 10 méthodes différentes, chacune aboutissant à une erreur différente sur le net).</p>
62
-
63
-<p>Tout d'abord, un bon lien qui marche bien : <a href="http://arduino.cc/en/Tutorial/ArduinoToBreadboard">ArduinoToBreadboard</a> dans la doc Arduino. Les montages sont clairs et ont été testé par moi-même ces derniers jours :).</p>
64
-
65
-<h2>Gravure de <em>bootloader</em></h2>
66
-<p style="text-align: center;">
67
-    <a href="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png"><img style="max-width: 45%; max-height: 500px;" src="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png" alt="Montage pour graver le bootloader"/></a> <a href="//phyks.me/2013/12/burn.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/burn.jpg" alt="Montage pour graver le bootloader, in situ"/></a>
68
-</p>
69
-
70
-<h2>Envoi de programmes</h2>
71
-<p style="text-align: center;">
72
-    <a href="//phyks.me/2013/12/upload.jpg"><img src="//phyks.me/2013/12/upload.jpg" alt="Montage pour l'upload" style="max-width: 45%; max-height: 500px;"/></a> <a href="//phyks.me/2013/12/upload2.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/upload2.jpg" alt="Montage pour l'upload"/></a>
73
-</p>
74
-
75
-<h2>Notes diverses</h2>
76
-<ul>
77
-    <li>Testé avec un Arduino Uno comme programmateur, sans capacités ni résistances sur les pins de <em>reset</em>. Et ça fonctionne ! Par contre, on a eu des problèmes avec un Arduino Mega, donc on est resté sur l'Uno (sans chercher plus, sûrement un problème de <em>reset</em> automatique).</li>
78
-    <li>Si ça ne marche pas, vérifier que l'ATmega est bien enfoncé dans la <em>breadboard</em> ! C'est stupide, mais on oublie une fois sur deux... :)</li>
79
-    <li>Hyper important ! Sur le montage pour graver le <em>bootloader</em>, la résistance au <em>reset</em> est en <em>pull-up</em> (connectée au 5V) et non en <em>pull-down</em> (connectée au GND). J'ai perdu 1h là-dessus...</li>
80
-    <li>Testé et approuvé avec la dernière version du soft Arduino et du <em>sketch</em> ArduinoISP. Pas besoin d'une vieille version a priori.</li>
81
-    <li>Si ça ne marche toujours pas, bien vérifier le montage, encore et encore :)</li>
82
-    <li>Mieux vaut utiliser le soft Arduino que la ligne de commande avec <samp>avrdude</samp>. En effet, Arduino gère tout seul les <em>fuse bits</em> (utilisation d'un cristal externe, temps de démarrage, protection du <em>bootloader</em>) et c'est donc moins prise de tête. Sinon, pour les calculer, c'est <a href="http://www.engbedded.com/fusecalc/">par ici</a> et <a href="http://treehouseprojects.ca/fusebits/">par ici</a> pour plus d'infos sur l'utilisation d'un quartz externe.</li>
83
-    <li>Lorsque le <em>bootloader</em> est gravé, pour envoyer des programmes facilement, il faut qu'il puisse <em>reset</em> sur serial (sinon, il faut faire un <em>reset</em> manuel à chaque fois). Pour ça, il faut mettre une capacité et une résistance sur le pin de <em>reset</em> (cf schematics des Arduino).</li>
84
-</ul>
85
-
86
-		<footer><p class="date">Le 02/12/2013 à 15:02</p>
87
-		<p class="tags">Tags : <a href="//phyks.me/tags/DIY.html">DIY</a>, <a href="//phyks.me/tags/Électronique.html">Électronique</a></p></footer>
88
-	</div>
89
-</article>
90
-            </div>
91
-            <footer id="rss">
92
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
93
-            </footer>
94
-        </div>
95
-    </body>
96
-</html>

+ 0
- 115
blog/2013/12/highmon_weechat.html View File

@@ -1,115 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Hilight window in weechat</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">25</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/highmon_weechat.html">Hilight window in weechat</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=25122013-0133
56
-	@title=Hilight window in weechat
57
-	@tags=Weechat
58
--->
59
-<p>I recently moved from Irssi+Screen to Weechat+Screen (and I'm planning to look at weechat interfaces in the future, to have a local irc client connecting to my server and avoid any latency while typing on low speed internet connection). My first step was to get almost the same setup as irssi. I'm very pleased with what I achieved, and weechat is definitely an excellent irc client, although it lacks a bit of usable documentation sometimes…</p>
60
-
61
-<p>To get something like my old irssi, I had to install some extensions, including :</p>
62
-<ul>
63
-    <li>text_effects.lua to have some inline text decoration such as *bold* to display bold in bold</li>
64
-    <li>buffers.pl to have a list of opened buffers</li>
65
-    <li>iset.pl to set configuration options easily</li>
66
-    <li>screen_away.py (which is very efficient !) to auto away when I detach my screen session</li>
67
-</ul>
68
-
69
-<p>I extensively used <a href="http://pascalpoitras.com/2013/05/25/my-weechat-configuration/">this link</a> and the other articles on weechat on this website, which is a reference in my opinion, to get a working base weechat configuration.</p>
70
-
71
-<p>But, one point that wasn't documented very well, is the use of a hilight window without dedicating a buffer to it. Dedicating a buffer to the hilight window means having an opened buffer in the main window, which is useless. You always select it accidentally by typing the wrong number for another buffer, and it's hidous in your buffer list (even though you can hide it from there). I don't know if this could be done in irssi, but in weechat, you can set highmon to use a bar instead of a buffer to display the "hilight window" and this is what we'll see in the following. I will assume you start with highmon plugin installed and configured, with a hilight window such as the one from Pascal Poitras.</p>
72
-
73
-<p>So, first step is to tell highmon to use a bar for output instead of the standard buffer :</p>
74
-<pre>/set plugins.var.perl.highmon.output bar</pre>
75
-
76
-<p>Highmon should have created a bar automatically, to put the messages in. Check weechat.bar.highmon.* options to make sure it did. Next, type :</p>
77
-<pre>/set plugins.var.perl.highmon.bar_lines 250</pre>
78
-<p>to set the number of lines to be stored in your freshly created bar.</p>
79
-
80
-<p>Then, you can edit all the preferences for the bar (size, size_max, position, priority, hide etc.) as for a standard bar, using weechat.bar.highmon.* options. Note that priority is important if you have to bars having the same position. For instance, if two bars are positioned at the top, the priority property will determine which one is above the other one.</p>
81
-
82
-<p>One last point is that we'd like to have a title for the new hilight bar (which by default doesn't have any title). The hack is to use another plugin, text_item.py to display a bar with some text. To make a title "[Hilight Monitor]", just run (after having installed text_item.py):</p>
83
-<pre>/set plugins.var.python.text_item.hilight_monitor_title_text all "[Hilight Monitor]"
84
-/bar add highmon_title top 1 0 hilight_monitor_title_text
85
-</pre>
86
-<p>And play with the position, priority and colors for the newly created bar to have a nice setup :)</p>
87
-
88
-<p>One last important thing is that, contrary to the buffer solution, you won't be able to clean easily the hilight window and to scroll in it. But, I found two aliases on #weechat (ty @silverd for the aliases) that you can bind to any key if you want:</p>
89
-<pre>/alias clear_highmon /mute /set plugins.var.perl.highmon.bar_lines -1;/mute /set weechat.bar.highmon.items "";/mute /set weechat.bar.highmon.items "highmon";/mute /set plugins.var.perl.highmon.bar_lines 250
90
-/alias scroll_highmon_down /bar scroll highmon * y+100%
91
-/alias scroll_highmon_up /bar scroll highmon * y-100%
92
-</pre>
93
-
94
-<p>You can now clear the hilight window with /clear_highmon and scroll in it with the other aliases. So, I think you are good to go for a (quite) perfect weechat setup :)</p>
95
-
96
-<p><strong>Update:</strong></p>
97
-    <ul>
98
-        <li>You can define your own keyboard shortcut in the following way:
99
-            <pre>/key bind KEY /scroll_highmon</pre>
100
-            where KEY is some key or combination of key (for instance meta-meta2-A or whatever you want). You can do the same for <span class="monospace">/clear_highmon</span> and <span class="monospace">/scroll_highmon_up</span>.
101
-        </li>
102
-        <li>By default, the highmon bar won't autoscroll. To enable autoscroll, you should set <span class="monospace">plugins.var.perl.highmon.bar_scrolldown</span> to <span class="monospace">on</span>.</li>
103
-    </ul>
104
-
105
-		<footer><p class="date">Le 25/12/2013 à 01:33</p>
106
-		<p class="tags">Tags : <a href="//phyks.me/tags/Weechat.html">Weechat</a></p></footer>
107
-	</div>
108
-</article>
109
-            </div>
110
-            <footer id="rss">
111
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
112
-            </footer>
113
-        </div>
114
-    </body>
115
-</html>

+ 0
- 250
blog/2013/12/index.html View File

@@ -1,250 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - 2013/12</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">25</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/autohebergement_updated.html">Page sur l'autohébergement mise à jour</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=25122013-2327
56
-	@title=Page sur l'autohébergement mise à jour
57
-	@tags=Autohébergement
58
--->
59
-<p>Juste un (très) court article pour signaler que je me suis (enfin) décidé à vider ma todo-list. En particulier, je viens de reprendre <a href="http://phyks.me/autohebergement.html">ma page sur l'autohébergement</a> que je n'avais pas terminée et qui trainait sur mon serveur. J'ai déjà commencé par rajouter un peu de CSS, et rien que ça, ça change tout ! :)</p>
60
-
61
-<p>Cette page doit me servir de mémo si j'ai besoin de réinstaller mon serveur et fournit tout un tas de lien et d'astuces diverses pour quiconque voudrait se lancer dans l'autohébergement. Je la mettrai à jour au fur et à mesure des évolutions sur mon serveur et des nouveaux scripts que je découvrirai.</p>
62
-
63
-<p>Cette page va de pair avec les tags <a href="https://links.phyks.me/?searchtags=AutoH%C3%A9bergement">AutoHébergement</a> et <a href="https://links.phyks.me/?searchtags=Serveur">Serveur</a> sur <a href="https://links.phyks.me/">mon shaarli</a>.</p>
64
-
65
-<p>En espérant que ça serve à quelqu'un (et puis sinon, tant pis..., ça me servira toujours à moi :)... (n'ayant <em>volontairement</em> pas de stats sur mon serveur, je ne sais pas si ça servira à quelqu'un ou pas :)</p>
66
-
67
-		<footer><p class="date">Le 25/12/2013 à 23:27</p>
68
-		<p class="tags">Tags : <a href="//phyks.me/tags/Autohébergement.html">Autohébergement</a></p></footer>
69
-	</div>
70
-</article>
71
-<article>
72
-	<aside>
73
-		<p class="day">25</p>
74
-		<p class="month">Décembre</p>
75
-	</aside>
76
-	<div class="article">
77
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/highmon_weechat.html">Hilight window in weechat</a></h1></header>
78
-		<!--
79
-	@author=Phyks
80
-	@date=25122013-0133
81
-	@title=Hilight window in weechat
82
-	@tags=Weechat
83
--->
84
-<p>I recently moved from Irssi+Screen to Weechat+Screen (and I'm planning to look at weechat interfaces in the future, to have a local irc client connecting to my server and avoid any latency while typing on low speed internet connection). My first step was to get almost the same setup as irssi. I'm very pleased with what I achieved, and weechat is definitely an excellent irc client, although it lacks a bit of usable documentation sometimes…</p>
85
-
86
-<p>To get something like my old irssi, I had to install some extensions, including :</p>
87
-<ul>
88
-    <li>text_effects.lua to have some inline text decoration such as *bold* to display bold in bold</li>
89
-    <li>buffers.pl to have a list of opened buffers</li>
90
-    <li>iset.pl to set configuration options easily</li>
91
-    <li>screen_away.py (which is very efficient !) to auto away when I detach my screen session</li>
92
-</ul>
93
-
94
-<p>I extensively used <a href="http://pascalpoitras.com/2013/05/25/my-weechat-configuration/">this link</a> and the other articles on weechat on this website, which is a reference in my opinion, to get a working base weechat configuration.</p>
95
-
96
-<p>But, one point that wasn't documented very well, is the use of a hilight window without dedicating a buffer to it. Dedicating a buffer to the hilight window means having an opened buffer in the main window, which is useless. You always select it accidentally by typing the wrong number for another buffer, and it's hidous in your buffer list (even though you can hide it from there). I don't know if this could be done in irssi, but in weechat, you can set highmon to use a bar instead of a buffer to display the "hilight window" and this is what we'll see in the following. I will assume you start with highmon plugin installed and configured, with a hilight window such as the one from Pascal Poitras.</p>
97
-
98
-<p>So, first step is to tell highmon to use a bar for output instead of the standard buffer :</p>
99
-<pre>/set plugins.var.perl.highmon.output bar</pre>
100
-
101
-<p>Highmon should have created a bar automatically, to put the messages in. Check weechat.bar.highmon.* options to make sure it did. Next, type :</p>
102
-<pre>/set plugins.var.perl.highmon.bar_lines 250</pre>
103
-<p>to set the number of lines to be stored in your freshly created bar.</p>
104
-
105
-<p>Then, you can edit all the preferences for the bar (size, size_max, position, priority, hide etc.) as for a standard bar, using weechat.bar.highmon.* options. Note that priority is important if you have to bars having the same position. For instance, if two bars are positioned at the top, the priority property will determine which one is above the other one.</p>
106
-
107
-<p>One last point is that we'd like to have a title for the new hilight bar (which by default doesn't have any title). The hack is to use another plugin, text_item.py to display a bar with some text. To make a title "[Hilight Monitor]", just run (after having installed text_item.py):</p>
108
-<pre>/set plugins.var.python.text_item.hilight_monitor_title_text all "[Hilight Monitor]"
109
-/bar add highmon_title top 1 0 hilight_monitor_title_text
110
-</pre>
111
-<p>And play with the position, priority and colors for the newly created bar to have a nice setup :)</p>
112
-
113
-<p>One last important thing is that, contrary to the buffer solution, you won't be able to clean easily the hilight window and to scroll in it. But, I found two aliases on #weechat (ty @silverd for the aliases) that you can bind to any key if you want:</p>
114
-<pre>/alias clear_highmon /mute /set plugins.var.perl.highmon.bar_lines -1;/mute /set weechat.bar.highmon.items "";/mute /set weechat.bar.highmon.items "highmon";/mute /set plugins.var.perl.highmon.bar_lines 250
115
-/alias scroll_highmon_down /bar scroll highmon * y+100%
116
-/alias scroll_highmon_up /bar scroll highmon * y-100%
117
-</pre>
118
-
119
-<p>You can now clear the hilight window with /clear_highmon and scroll in it with the other aliases. So, I think you are good to go for a (quite) perfect weechat setup :)</p>
120
-
121
-<p><strong>Update:</strong></p>
122
-    <ul>
123
-        <li>You can define your own keyboard shortcut in the following way:
124
-            <pre>/key bind KEY /scroll_highmon</pre>
125
-            where KEY is some key or combination of key (for instance meta-meta2-A or whatever you want). You can do the same for <span class="monospace">/clear_highmon</span> and <span class="monospace">/scroll_highmon_up</span>.
126
-        </li>
127
-        <li>By default, the highmon bar won't autoscroll. To enable autoscroll, you should set <span class="monospace">plugins.var.perl.highmon.bar_scrolldown</span> to <span class="monospace">on</span>.</li>
128
-    </ul>
129
-
130
-		<footer><p class="date">Le 25/12/2013 à 01:33</p>
131
-		<p class="tags">Tags : <a href="//phyks.me/tags/Weechat.html">Weechat</a></p></footer>
132
-	</div>
133
-</article>
134
-<article>
135
-	<aside>
136
-		<p class="day">24</p>
137
-		<p class="month">Décembre</p>
138
-	</aside>
139
-	<div class="article">
140
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/nawel_shaarli.html">Papa Nawel surprise des shaarlieurs</a></h1></header>
141
-		<!--
142
-	@author=Phyks
143
-	@date=24122013-1800
144
-	@title=Papa Nawel surprise des shaarlieurs
145
-	@tags=Phyks
146
--->
147
-<p>J'ai participé à l'iniative de Yome <a href="http://yome.ch/papa-nawel-surprise-des-shaarlieurs/">Papa Nawel des shaarlieurs</a> et j'ai reçu mon cadeau aujourd'hui de <a href="http://book.knah-tsaeb.org/">Knah Tsaeb</a>, après quelques déboires avec la Poste.</p>
148
-
149
-<p>Il m'a offert six humble bundle. Je connaissais de nom, mais je n'ai encore jamais expérimenté les humble bundle, ça sera l'occasion ! Merci beaucoup à toi, Knah Tsaeb !</p>
150
-
151
-<p>Du coup, j'en profite pour faire un petit article avec le déballage :)</p>
152
-<p class="center">Avant :<br/>
153
-    <a href="//phyks.me/2013/12/nawel_shaarli.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli.png" alt="Déballage, avant"/></a>
154
-</p>
155
-<p class="center">Après :<br/>
156
-    <a href="//phyks.me/2013/12/nawel_shaarli2.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli2.png" alt="Déballage, avant"/></a>
157
-</p>
158
-
159
-		<footer><p class="date">Le 24/12/2013 à 18:00</p>
160
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
161
-	</div>
162
-</article>
163
-<article>
164
-	<aside>
165
-		<p class="day">10</p>
166
-		<p class="month">Décembre</p>
167
-	</aside>
168
-	<div class="article">
169
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/libre_et_difficultes.html">Libre et difficultés</a></h1></header>
170
-		<!--
171
-	@author=Phyks
172
-	@date=10122013-1800
173
-	@title=Libre et difficultés
174
-	@tags=Libre
175
--->
176
-<p>J'ai récemment vu passer <a href="http://www.slate.fr/monde/80483/nous-avons-tue-notre-internet">cet article de slate.fr</a> (Notre Mai-68 numérique est devenu un grille-pain fasciste) sur quelques shaarlis et <a href="http://alias.codiferes.net/wordpress/index.php/eloge-funebre-dun-internet-libre-et-ouvert-par-son-assassin/">cet autre article</a> (Éloge funèbre d'un Internet libre et ouvert, par son assassin) sur le blog d'alias.</p>
177
-
178
-<p>Une phrase dans ce dernier article reprend une idée classique selon laquelle le libre n'est qu'un "truc de barbus", qu'il faut déjà faire partie des barbus pour utiliser un logiciel libre, étant donné l'attention portée à l'interface, etc.</p>
179
-
180
-<blockquote>Mais je reste persuadé que, pour cela, il va falloir faire changer beaucoup de mentalités: d’une part, celle des utilisateurs, qu’ils prennent conscience du danger des systèmes fermés et centralisés, mais aussi des communautés hacker/open-source, qui doivent faire de gros efforts de simplification et de pédagogie pour faire des produits que même les plus technophobes voudront utiliser.</blockquote>
181
-
182
-<p>Personnellement (et de toutes façons, ce billet ne sera qu'un avis personnel sur la question), je l'avoue, je n'aime pas développer d'interface. Je ne suis pas un fabuleux <em>UI designer</em> et une fois que j'ai un code fonctionnel, j'admet volontiers que j'ai tendance à m'en désintéresser, étant capable de l'utiliser et n'ayant pas le temps de développer plus le côté <em>user-friendly</em>. C'est certainement dommage, mais ce n'est pas ce qui m'intéresse... Mais ce n'est pas le cas de toute la communauté du libre, heureusement.</p>
183
-
184
-<p>Ainsi, on peut citer la fondation Mozilla qui a voulu (et a réussi à !) conquérir les Mme Michu avec son navigateur open-source : Firefox. De même, LibreOffice fonctionne très bien et est de plus en plus adopté par des gens qui ne sont pas technophiles du tout.</p>
185
-
186
-<p>En revanche, en s'engageant dans cette voie et en cherchant à séduire Mme Michu à tout prix, on court le risque de simplifier à l'extrême les développements, afin d'être à la portée de tous. On aboutit alors à une merveilleuse interface graphique à trois boutons, qui va certes séduire tout le monde, mais ne couvrira que 0.00(insérer autant de 0 que vous voulez ici)0001% du logiciel. On pensera notamment à toutes les surcouches à ffmpeg, qui ne vous apprennent en rien à utiliser ffmpeg, vous limitent les options disponibles plus qu'autre chose et surtout vous cache tout ce qui se passe en arrière-plan.Faut-il alors au contraire garder l'esthétique de la ligne de commande et former l'utilisateur à utiliser le logiciel, et à comprendre ce qu'il se passe en arrière-plan ? Pas sûr que ce ne soit une meilleure idée non plus...</p>
187
-
188
-<p>La question est également de savoir à quoi vise l'open-source. Le but est-il de fournir des logiciels adaptés aux <em>end-users</em> ? Vu le travail à fournir, cela voudrait dire diviser considérablement le nombre de scripts et de programmes. Ou alors faut-il garder cette multitude de logiciels et laisser les utilisateurs les plus doués techniquement trier et adapter ceux qu'ils jugent réellement nécessaires pour tout le monde ? De plus, un logiciel avec une interface graphique rudimentaire, voire en ligne de commande, laisse transparaître complètement ce qu'il se passe en arrière-plan. L'utilisateur a un contrôle total sur les actions du logiciel et peut appréhender l'ensemble des options.</p>
189
-
190
-<p>C'est à mon avis un des principaux intérêts de l'open-source : permettre aux utilisateurs de comprendre comment cela fonctionne et ce qu'il se passe derrière l'interface graphique. Alors certes, c'est rebutant et c'est dur au début, mais n'est-ce pas parfaitement réjouissant d'enfin comprendre comment fonctionne la machine ? J'ai personnellement plus appris en me débrouillant pour faire fonctionner des logiciels open-source (mais j'en ai également beaucoup abandonnés faute de documentation suffisante) qu'en cliquant sur un bouton pour avoir ce que je voulais (et la plupart des personnes qui découvrent la ligne de commande, qui commencent à programmer un peu, et qui comprennent alors réellement ce qu'est vraiment un "bug", dans mon entourage, me le confirme). Cliquer sur un bouton ne vous apprendra jamais à vous débrouiller seul, et ce n'est nullement rendre un service aux utilisateurs à mon avis. Cliquer sur un bouton pour que ça fonctionne, c'est pratique à 90% du temps, et ça permet d'aller plus vite sur certaines actions, mais ce n'est <strong>pas</strong> utiliser son ordinateur à mon avis, ce n'est qu'utiliser une infime partie des possibilités de l'ordinateur. (Et ne parlons même pas des cours d'"informatique" dans lesquels vous apprenez à utiliser Word... ce n'est <strong>pas</strong> de l'informatique...)</p>
191
-
192
-<p>Après, je ne suis pas d'accord sur le fait que la communauté open-source / hackers / geeks soit hermétique et fermée. Personnellement, je suis prêt à passer du temps à aider quiconque voudrait un coup de main, mais je ne veux pas le faire pour rien. Et le problème est sûrement plutôt de ce côté-là. Combien d'utilisateurs veulent "juste un système qui marche" ? Combien d'utilisateurs veulent mettre leur cerveau de côté et cliquer sur des bonbons rigolos et colorés dans un jeu bien connu sur un réseau social tout aussi connu plutôt que de comprendre ce qu'il se passe derrière ? Combien d'utilisateurs sont prêts à passer sous Linux en conchiant les idées et la philosophie associés ? J'avoue que dans ces situations, j'ai juste l'impression de me faire exploiter, et je n'ai aucune ambition d'ouvrir un service d'assistance informatique prochainement. Je pense que le problème est principalement à ce niveau, entre la différence de compréhension et d'appréhension de l'ordinateur par les différentes communautés, qui du coup, n'arrivent pas à échanger.</p>
193
-
194
-<p>Cf <a href="http://faildesk.net/wp-content/uploads/2011/12/How_users_see_developers.jpg">ce comic parfaitement illustratif :)</a></p>
195
-
196
-		<footer><p class="date">Le 10/12/2013 à 18:00</p>
197
-		<p class="tags">Tags : <a href="//phyks.me/tags/Libre.html">Libre</a></p></footer>
198
-	</div>
199
-</article>
200
-<article>
201
-	<aside>
202
-		<p class="day">02</p>
203
-		<p class="month">Décembre</p>
204
-	</aside>
205
-	<div class="article">
206
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/bootloader_atmega.html">Graver un <em>bootloader</em> sur ATmega8</a></h1></header>
207
-		<!--
208
-	@author=Phyks
209
-	@date=02122013-1502
210
-	@title=Graver un <em>bootloader</em> sur ATmega8
211
-	@tags=DIY, Électronique
212
--->
213
-<p>Pour un projet avec mon <em>hacklab</em> <a href="http://hackens.org">hackEns</a> (éclairage de façades avec des LEDs de puissance, dans la même veine que <a href="http://www.youtube.com/watch?v=yRxQgc-OKFg">AllColorsAreBeautiful</a> du CCC, voir <a href="http://hackens.org/projets/ledhill">cette page</a> pour plus d'infos), on a eu besoin de graver 30 <em>bootloaders</em> sur des ATmega8. On n'a pas de programmateur et on le fait donc avec des Arduinos. Comme toujours, il nous a fallu 2h de debug avant de graver le premier :) (mais cette fois, ça a été rentable avec 30 <em>bootloaders</em> gravés d'un coup !).</p>
214
-
215
-<p>Du coup, je fais une petite compil' des liens qui marchent et des trucs importants à vérifier pour ne pas perdre deux heures (les messages d'erreur du soft Arduino étant *tellement* explicites... et il y a 10 méthodes différentes, chacune aboutissant à une erreur différente sur le net).</p>
216
-
217
-<p>Tout d'abord, un bon lien qui marche bien : <a href="http://arduino.cc/en/Tutorial/ArduinoToBreadboard">ArduinoToBreadboard</a> dans la doc Arduino. Les montages sont clairs et ont été testé par moi-même ces derniers jours :).</p>
218
-
219
-<h2>Gravure de <em>bootloader</em></h2>
220
-<p style="text-align: center;">
221
-    <a href="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png"><img style="max-width: 45%; max-height: 500px;" src="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png" alt="Montage pour graver le bootloader"/></a> <a href="//phyks.me/2013/12/burn.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/burn.jpg" alt="Montage pour graver le bootloader, in situ"/></a>
222
-</p>
223
-
224
-<h2>Envoi de programmes</h2>
225
-<p style="text-align: center;">
226
-    <a href="//phyks.me/2013/12/upload.jpg"><img src="//phyks.me/2013/12/upload.jpg" alt="Montage pour l'upload" style="max-width: 45%; max-height: 500px;"/></a> <a href="//phyks.me/2013/12/upload2.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/upload2.jpg" alt="Montage pour l'upload"/></a>
227
-</p>
228
-
229
-<h2>Notes diverses</h2>
230
-<ul>
231
-    <li>Testé avec un Arduino Uno comme programmateur, sans capacités ni résistances sur les pins de <em>reset</em>. Et ça fonctionne ! Par contre, on a eu des problèmes avec un Arduino Mega, donc on est resté sur l'Uno (sans chercher plus, sûrement un problème de <em>reset</em> automatique).</li>
232
-    <li>Si ça ne marche pas, vérifier que l'ATmega est bien enfoncé dans la <em>breadboard</em> ! C'est stupide, mais on oublie une fois sur deux... :)</li>
233
-    <li>Hyper important ! Sur le montage pour graver le <em>bootloader</em>, la résistance au <em>reset</em> est en <em>pull-up</em> (connectée au 5V) et non en <em>pull-down</em> (connectée au GND). J'ai perdu 1h là-dessus...</li>
234
-    <li>Testé et approuvé avec la dernière version du soft Arduino et du <em>sketch</em> ArduinoISP. Pas besoin d'une vieille version a priori.</li>
235
-    <li>Si ça ne marche toujours pas, bien vérifier le montage, encore et encore :)</li>
236
-    <li>Mieux vaut utiliser le soft Arduino que la ligne de commande avec <samp>avrdude</samp>. En effet, Arduino gère tout seul les <em>fuse bits</em> (utilisation d'un cristal externe, temps de démarrage, protection du <em>bootloader</em>) et c'est donc moins prise de tête. Sinon, pour les calculer, c'est <a href="http://www.engbedded.com/fusecalc/">par ici</a> et <a href="http://treehouseprojects.ca/fusebits/">par ici</a> pour plus d'infos sur l'utilisation d'un quartz externe.</li>
237
-    <li>Lorsque le <em>bootloader</em> est gravé, pour envoyer des programmes facilement, il faut qu'il puisse <em>reset</em> sur serial (sinon, il faut faire un <em>reset</em> manuel à chaque fois). Pour ça, il faut mettre une capacité et une résistance sur le pin de <em>reset</em> (cf schematics des Arduino).</li>
238
-</ul>
239
-
240
-		<footer><p class="date">Le 02/12/2013 à 15:02</p>
241
-		<p class="tags">Tags : <a href="//phyks.me/tags/DIY.html">DIY</a>, <a href="//phyks.me/tags/Électronique.html">Électronique</a></p></footer>
242
-	</div>
243
-</article>
244
-            </div>
245
-            <footer id="rss">
246
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
247
-            </footer>
248
-        </div>
249
-    </body>
250
-</html>

+ 0
- 89
blog/2013/12/libre_et_difficultes.html View File

@@ -1,89 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Libre et difficultés</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">10</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/libre_et_difficultes.html">Libre et difficultés</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=10122013-1800
56
-	@title=Libre et difficultés
57
-	@tags=Libre
58
--->
59
-<p>J'ai récemment vu passer <a href="http://www.slate.fr/monde/80483/nous-avons-tue-notre-internet">cet article de slate.fr</a> (Notre Mai-68 numérique est devenu un grille-pain fasciste) sur quelques shaarlis et <a href="http://alias.codiferes.net/wordpress/index.php/eloge-funebre-dun-internet-libre-et-ouvert-par-son-assassin/">cet autre article</a> (Éloge funèbre d'un Internet libre et ouvert, par son assassin) sur le blog d'alias.</p>
60
-
61
-<p>Une phrase dans ce dernier article reprend une idée classique selon laquelle le libre n'est qu'un "truc de barbus", qu'il faut déjà faire partie des barbus pour utiliser un logiciel libre, étant donné l'attention portée à l'interface, etc.</p>
62
-
63
-<blockquote>Mais je reste persuadé que, pour cela, il va falloir faire changer beaucoup de mentalités: d’une part, celle des utilisateurs, qu’ils prennent conscience du danger des systèmes fermés et centralisés, mais aussi des communautés hacker/open-source, qui doivent faire de gros efforts de simplification et de pédagogie pour faire des produits que même les plus technophobes voudront utiliser.</blockquote>
64
-
65
-<p>Personnellement (et de toutes façons, ce billet ne sera qu'un avis personnel sur la question), je l'avoue, je n'aime pas développer d'interface. Je ne suis pas un fabuleux <em>UI designer</em> et une fois que j'ai un code fonctionnel, j'admet volontiers que j'ai tendance à m'en désintéresser, étant capable de l'utiliser et n'ayant pas le temps de développer plus le côté <em>user-friendly</em>. C'est certainement dommage, mais ce n'est pas ce qui m'intéresse... Mais ce n'est pas le cas de toute la communauté du libre, heureusement.</p>
66
-
67
-<p>Ainsi, on peut citer la fondation Mozilla qui a voulu (et a réussi à !) conquérir les Mme Michu avec son navigateur open-source : Firefox. De même, LibreOffice fonctionne très bien et est de plus en plus adopté par des gens qui ne sont pas technophiles du tout.</p>
68
-
69
-<p>En revanche, en s'engageant dans cette voie et en cherchant à séduire Mme Michu à tout prix, on court le risque de simplifier à l'extrême les développements, afin d'être à la portée de tous. On aboutit alors à une merveilleuse interface graphique à trois boutons, qui va certes séduire tout le monde, mais ne couvrira que 0.00(insérer autant de 0 que vous voulez ici)0001% du logiciel. On pensera notamment à toutes les surcouches à ffmpeg, qui ne vous apprennent en rien à utiliser ffmpeg, vous limitent les options disponibles plus qu'autre chose et surtout vous cache tout ce qui se passe en arrière-plan.Faut-il alors au contraire garder l'esthétique de la ligne de commande et former l'utilisateur à utiliser le logiciel, et à comprendre ce qu'il se passe en arrière-plan ? Pas sûr que ce ne soit une meilleure idée non plus...</p>
70
-
71
-<p>La question est également de savoir à quoi vise l'open-source. Le but est-il de fournir des logiciels adaptés aux <em>end-users</em> ? Vu le travail à fournir, cela voudrait dire diviser considérablement le nombre de scripts et de programmes. Ou alors faut-il garder cette multitude de logiciels et laisser les utilisateurs les plus doués techniquement trier et adapter ceux qu'ils jugent réellement nécessaires pour tout le monde ? De plus, un logiciel avec une interface graphique rudimentaire, voire en ligne de commande, laisse transparaître complètement ce qu'il se passe en arrière-plan. L'utilisateur a un contrôle total sur les actions du logiciel et peut appréhender l'ensemble des options.</p>
72
-
73
-<p>C'est à mon avis un des principaux intérêts de l'open-source : permettre aux utilisateurs de comprendre comment cela fonctionne et ce qu'il se passe derrière l'interface graphique. Alors certes, c'est rebutant et c'est dur au début, mais n'est-ce pas parfaitement réjouissant d'enfin comprendre comment fonctionne la machine ? J'ai personnellement plus appris en me débrouillant pour faire fonctionner des logiciels open-source (mais j'en ai également beaucoup abandonnés faute de documentation suffisante) qu'en cliquant sur un bouton pour avoir ce que je voulais (et la plupart des personnes qui découvrent la ligne de commande, qui commencent à programmer un peu, et qui comprennent alors réellement ce qu'est vraiment un "bug", dans mon entourage, me le confirme). Cliquer sur un bouton ne vous apprendra jamais à vous débrouiller seul, et ce n'est nullement rendre un service aux utilisateurs à mon avis. Cliquer sur un bouton pour que ça fonctionne, c'est pratique à 90% du temps, et ça permet d'aller plus vite sur certaines actions, mais ce n'est <strong>pas</strong> utiliser son ordinateur à mon avis, ce n'est qu'utiliser une infime partie des possibilités de l'ordinateur. (Et ne parlons même pas des cours d'"informatique" dans lesquels vous apprenez à utiliser Word... ce n'est <strong>pas</strong> de l'informatique...)</p>
74
-
75
-<p>Après, je ne suis pas d'accord sur le fait que la communauté open-source / hackers / geeks soit hermétique et fermée. Personnellement, je suis prêt à passer du temps à aider quiconque voudrait un coup de main, mais je ne veux pas le faire pour rien. Et le problème est sûrement plutôt de ce côté-là. Combien d'utilisateurs veulent "juste un système qui marche" ? Combien d'utilisateurs veulent mettre leur cerveau de côté et cliquer sur des bonbons rigolos et colorés dans un jeu bien connu sur un réseau social tout aussi connu plutôt que de comprendre ce qu'il se passe derrière ? Combien d'utilisateurs sont prêts à passer sous Linux en conchiant les idées et la philosophie associés ? J'avoue que dans ces situations, j'ai juste l'impression de me faire exploiter, et je n'ai aucune ambition d'ouvrir un service d'assistance informatique prochainement. Je pense que le problème est principalement à ce niveau, entre la différence de compréhension et d'appréhension de l'ordinateur par les différentes communautés, qui du coup, n'arrivent pas à échanger.</p>
76
-
77
-<p>Cf <a href="http://faildesk.net/wp-content/uploads/2011/12/How_users_see_developers.jpg">ce comic parfaitement illustratif :)</a></p>
78
-
79
-		<footer><p class="date">Le 10/12/2013 à 18:00</p>
80
-		<p class="tags">Tags : <a href="//phyks.me/tags/Libre.html">Libre</a></p></footer>
81
-	</div>
82
-</article>
83
-            </div>
84
-            <footer id="rss">
85
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
86
-            </footer>
87
-        </div>
88
-    </body>
89
-</html>

+ 0
- 81
blog/2013/12/nawel_shaarli.html View File

@@ -1,81 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Papa Nawel surprise des shaarlieurs</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">24</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/nawel_shaarli.html">Papa Nawel surprise des shaarlieurs</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=24122013-1800
56
-	@title=Papa Nawel surprise des shaarlieurs
57
-	@tags=Phyks
58
--->
59
-<p>J'ai participé à l'iniative de Yome <a href="http://yome.ch/papa-nawel-surprise-des-shaarlieurs/">Papa Nawel des shaarlieurs</a> et j'ai reçu mon cadeau aujourd'hui de <a href="http://book.knah-tsaeb.org/">Knah Tsaeb</a>, après quelques déboires avec la Poste.</p>
60
-
61
-<p>Il m'a offert six humble bundle. Je connaissais de nom, mais je n'ai encore jamais expérimenté les humble bundle, ça sera l'occasion ! Merci beaucoup à toi, Knah Tsaeb !</p>
62
-
63
-<p>Du coup, j'en profite pour faire un petit article avec le déballage :)</p>
64
-<p class="center">Avant :<br/>
65
-    <a href="//phyks.me/2013/12/nawel_shaarli.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli.png" alt="Déballage, avant"/></a>
66
-</p>
67
-<p class="center">Après :<br/>
68
-    <a href="//phyks.me/2013/12/nawel_shaarli2.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli2.png" alt="Déballage, avant"/></a>
69
-</p>
70
-
71
-		<footer><p class="date">Le 24/12/2013 à 18:00</p>
72
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
73
-	</div>
74
-</article>
75
-            </div>
76
-            <footer id="rss">
77
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
78
-            </footer>
79
-        </div>
80
-    </body>
81
-</html>

+ 0
- 344
blog/2013/index.html View File

@@ -1,344 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - 2013</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">25</p>
49
-		<p class="month">Décembre</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/autohebergement_updated.html">Page sur l'autohébergement mise à jour</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=25122013-2327
56
-	@title=Page sur l'autohébergement mise à jour
57
-	@tags=Autohébergement
58
--->
59
-<p>Juste un (très) court article pour signaler que je me suis (enfin) décidé à vider ma todo-list. En particulier, je viens de reprendre <a href="http://phyks.me/autohebergement.html">ma page sur l'autohébergement</a> que je n'avais pas terminée et qui trainait sur mon serveur. J'ai déjà commencé par rajouter un peu de CSS, et rien que ça, ça change tout ! :)</p>
60
-
61
-<p>Cette page doit me servir de mémo si j'ai besoin de réinstaller mon serveur et fournit tout un tas de lien et d'astuces diverses pour quiconque voudrait se lancer dans l'autohébergement. Je la mettrai à jour au fur et à mesure des évolutions sur mon serveur et des nouveaux scripts que je découvrirai.</p>
62
-
63
-<p>Cette page va de pair avec les tags <a href="https://links.phyks.me/?searchtags=AutoH%C3%A9bergement">AutoHébergement</a> et <a href="https://links.phyks.me/?searchtags=Serveur">Serveur</a> sur <a href="https://links.phyks.me/">mon shaarli</a>.</p>
64
-
65
-<p>En espérant que ça serve à quelqu'un (et puis sinon, tant pis..., ça me servira toujours à moi :)... (n'ayant <em>volontairement</em> pas de stats sur mon serveur, je ne sais pas si ça servira à quelqu'un ou pas :)</p>
66
-
67
-		<footer><p class="date">Le 25/12/2013 à 23:27</p>
68
-		<p class="tags">Tags : <a href="//phyks.me/tags/Autohébergement.html">Autohébergement</a></p></footer>
69
-	</div>
70
-</article>
71
-<article>
72
-	<aside>
73
-		<p class="day">25</p>
74
-		<p class="month">Décembre</p>
75
-	</aside>
76
-	<div class="article">
77
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/highmon_weechat.html">Hilight window in weechat</a></h1></header>
78
-		<!--
79
-	@author=Phyks
80
-	@date=25122013-0133
81
-	@title=Hilight window in weechat
82
-	@tags=Weechat
83
--->
84
-<p>I recently moved from Irssi+Screen to Weechat+Screen (and I'm planning to look at weechat interfaces in the future, to have a local irc client connecting to my server and avoid any latency while typing on low speed internet connection). My first step was to get almost the same setup as irssi. I'm very pleased with what I achieved, and weechat is definitely an excellent irc client, although it lacks a bit of usable documentation sometimes…</p>
85
-
86
-<p>To get something like my old irssi, I had to install some extensions, including :</p>
87
-<ul>
88
-    <li>text_effects.lua to have some inline text decoration such as *bold* to display bold in bold</li>
89
-    <li>buffers.pl to have a list of opened buffers</li>
90
-    <li>iset.pl to set configuration options easily</li>
91
-    <li>screen_away.py (which is very efficient !) to auto away when I detach my screen session</li>
92
-</ul>
93
-
94
-<p>I extensively used <a href="http://pascalpoitras.com/2013/05/25/my-weechat-configuration/">this link</a> and the other articles on weechat on this website, which is a reference in my opinion, to get a working base weechat configuration.</p>
95
-
96
-<p>But, one point that wasn't documented very well, is the use of a hilight window without dedicating a buffer to it. Dedicating a buffer to the hilight window means having an opened buffer in the main window, which is useless. You always select it accidentally by typing the wrong number for another buffer, and it's hidous in your buffer list (even though you can hide it from there). I don't know if this could be done in irssi, but in weechat, you can set highmon to use a bar instead of a buffer to display the "hilight window" and this is what we'll see in the following. I will assume you start with highmon plugin installed and configured, with a hilight window such as the one from Pascal Poitras.</p>
97
-
98
-<p>So, first step is to tell highmon to use a bar for output instead of the standard buffer :</p>
99
-<pre>/set plugins.var.perl.highmon.output bar</pre>
100
-
101
-<p>Highmon should have created a bar automatically, to put the messages in. Check weechat.bar.highmon.* options to make sure it did. Next, type :</p>
102
-<pre>/set plugins.var.perl.highmon.bar_lines 250</pre>
103
-<p>to set the number of lines to be stored in your freshly created bar.</p>
104
-
105
-<p>Then, you can edit all the preferences for the bar (size, size_max, position, priority, hide etc.) as for a standard bar, using weechat.bar.highmon.* options. Note that priority is important if you have to bars having the same position. For instance, if two bars are positioned at the top, the priority property will determine which one is above the other one.</p>
106
-
107
-<p>One last point is that we'd like to have a title for the new hilight bar (which by default doesn't have any title). The hack is to use another plugin, text_item.py to display a bar with some text. To make a title "[Hilight Monitor]", just run (after having installed text_item.py):</p>
108
-<pre>/set plugins.var.python.text_item.hilight_monitor_title_text all "[Hilight Monitor]"
109
-/bar add highmon_title top 1 0 hilight_monitor_title_text
110
-</pre>
111
-<p>And play with the position, priority and colors for the newly created bar to have a nice setup :)</p>
112
-
113
-<p>One last important thing is that, contrary to the buffer solution, you won't be able to clean easily the hilight window and to scroll in it. But, I found two aliases on #weechat (ty @silverd for the aliases) that you can bind to any key if you want:</p>
114
-<pre>/alias clear_highmon /mute /set plugins.var.perl.highmon.bar_lines -1;/mute /set weechat.bar.highmon.items "";/mute /set weechat.bar.highmon.items "highmon";/mute /set plugins.var.perl.highmon.bar_lines 250
115
-/alias scroll_highmon_down /bar scroll highmon * y+100%
116
-/alias scroll_highmon_up /bar scroll highmon * y-100%
117
-</pre>
118
-
119
-<p>You can now clear the hilight window with /clear_highmon and scroll in it with the other aliases. So, I think you are good to go for a (quite) perfect weechat setup :)</p>
120
-
121
-<p><strong>Update:</strong></p>
122
-    <ul>
123
-        <li>You can define your own keyboard shortcut in the following way:
124
-            <pre>/key bind KEY /scroll_highmon</pre>
125
-            where KEY is some key or combination of key (for instance meta-meta2-A or whatever you want). You can do the same for <span class="monospace">/clear_highmon</span> and <span class="monospace">/scroll_highmon_up</span>.
126
-        </li>
127
-        <li>By default, the highmon bar won't autoscroll. To enable autoscroll, you should set <span class="monospace">plugins.var.perl.highmon.bar_scrolldown</span> to <span class="monospace">on</span>.</li>
128
-    </ul>
129
-
130
-		<footer><p class="date">Le 25/12/2013 à 01:33</p>
131
-		<p class="tags">Tags : <a href="//phyks.me/tags/Weechat.html">Weechat</a></p></footer>
132
-	</div>
133
-</article>
134
-<article>
135
-	<aside>
136
-		<p class="day">24</p>
137
-		<p class="month">Décembre</p>
138
-	</aside>
139
-	<div class="article">
140
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/nawel_shaarli.html">Papa Nawel surprise des shaarlieurs</a></h1></header>
141
-		<!--
142
-	@author=Phyks
143
-	@date=24122013-1800
144
-	@title=Papa Nawel surprise des shaarlieurs
145
-	@tags=Phyks
146
--->
147
-<p>J'ai participé à l'iniative de Yome <a href="http://yome.ch/papa-nawel-surprise-des-shaarlieurs/">Papa Nawel des shaarlieurs</a> et j'ai reçu mon cadeau aujourd'hui de <a href="http://book.knah-tsaeb.org/">Knah Tsaeb</a>, après quelques déboires avec la Poste.</p>
148
-
149
-<p>Il m'a offert six humble bundle. Je connaissais de nom, mais je n'ai encore jamais expérimenté les humble bundle, ça sera l'occasion ! Merci beaucoup à toi, Knah Tsaeb !</p>
150
-
151
-<p>Du coup, j'en profite pour faire un petit article avec le déballage :)</p>
152
-<p class="center">Avant :<br/>
153
-    <a href="//phyks.me/2013/12/nawel_shaarli.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli.png" alt="Déballage, avant"/></a>
154
-</p>
155
-<p class="center">Après :<br/>
156
-    <a href="//phyks.me/2013/12/nawel_shaarli2.png"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/nawel_shaarli2.png" alt="Déballage, avant"/></a>
157
-</p>
158
-
159
-		<footer><p class="date">Le 24/12/2013 à 18:00</p>
160
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
161
-	</div>
162
-</article>
163
-<article>
164
-	<aside>
165
-		<p class="day">10</p>
166
-		<p class="month">Décembre</p>
167
-	</aside>
168
-	<div class="article">
169
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/libre_et_difficultes.html">Libre et difficultés</a></h1></header>
170
-		<!--
171
-	@author=Phyks
172
-	@date=10122013-1800
173
-	@title=Libre et difficultés
174
-	@tags=Libre
175
--->
176
-<p>J'ai récemment vu passer <a href="http://www.slate.fr/monde/80483/nous-avons-tue-notre-internet">cet article de slate.fr</a> (Notre Mai-68 numérique est devenu un grille-pain fasciste) sur quelques shaarlis et <a href="http://alias.codiferes.net/wordpress/index.php/eloge-funebre-dun-internet-libre-et-ouvert-par-son-assassin/">cet autre article</a> (Éloge funèbre d'un Internet libre et ouvert, par son assassin) sur le blog d'alias.</p>
177
-
178
-<p>Une phrase dans ce dernier article reprend une idée classique selon laquelle le libre n'est qu'un "truc de barbus", qu'il faut déjà faire partie des barbus pour utiliser un logiciel libre, étant donné l'attention portée à l'interface, etc.</p>
179
-
180
-<blockquote>Mais je reste persuadé que, pour cela, il va falloir faire changer beaucoup de mentalités: d’une part, celle des utilisateurs, qu’ils prennent conscience du danger des systèmes fermés et centralisés, mais aussi des communautés hacker/open-source, qui doivent faire de gros efforts de simplification et de pédagogie pour faire des produits que même les plus technophobes voudront utiliser.</blockquote>
181
-
182
-<p>Personnellement (et de toutes façons, ce billet ne sera qu'un avis personnel sur la question), je l'avoue, je n'aime pas développer d'interface. Je ne suis pas un fabuleux <em>UI designer</em> et une fois que j'ai un code fonctionnel, j'admet volontiers que j'ai tendance à m'en désintéresser, étant capable de l'utiliser et n'ayant pas le temps de développer plus le côté <em>user-friendly</em>. C'est certainement dommage, mais ce n'est pas ce qui m'intéresse... Mais ce n'est pas le cas de toute la communauté du libre, heureusement.</p>
183
-
184
-<p>Ainsi, on peut citer la fondation Mozilla qui a voulu (et a réussi à !) conquérir les Mme Michu avec son navigateur open-source : Firefox. De même, LibreOffice fonctionne très bien et est de plus en plus adopté par des gens qui ne sont pas technophiles du tout.</p>
185
-
186
-<p>En revanche, en s'engageant dans cette voie et en cherchant à séduire Mme Michu à tout prix, on court le risque de simplifier à l'extrême les développements, afin d'être à la portée de tous. On aboutit alors à une merveilleuse interface graphique à trois boutons, qui va certes séduire tout le monde, mais ne couvrira que 0.00(insérer autant de 0 que vous voulez ici)0001% du logiciel. On pensera notamment à toutes les surcouches à ffmpeg, qui ne vous apprennent en rien à utiliser ffmpeg, vous limitent les options disponibles plus qu'autre chose et surtout vous cache tout ce qui se passe en arrière-plan.Faut-il alors au contraire garder l'esthétique de la ligne de commande et former l'utilisateur à utiliser le logiciel, et à comprendre ce qu'il se passe en arrière-plan ? Pas sûr que ce ne soit une meilleure idée non plus...</p>
187
-
188
-<p>La question est également de savoir à quoi vise l'open-source. Le but est-il de fournir des logiciels adaptés aux <em>end-users</em> ? Vu le travail à fournir, cela voudrait dire diviser considérablement le nombre de scripts et de programmes. Ou alors faut-il garder cette multitude de logiciels et laisser les utilisateurs les plus doués techniquement trier et adapter ceux qu'ils jugent réellement nécessaires pour tout le monde ? De plus, un logiciel avec une interface graphique rudimentaire, voire en ligne de commande, laisse transparaître complètement ce qu'il se passe en arrière-plan. L'utilisateur a un contrôle total sur les actions du logiciel et peut appréhender l'ensemble des options.</p>
189
-
190
-<p>C'est à mon avis un des principaux intérêts de l'open-source : permettre aux utilisateurs de comprendre comment cela fonctionne et ce qu'il se passe derrière l'interface graphique. Alors certes, c'est rebutant et c'est dur au début, mais n'est-ce pas parfaitement réjouissant d'enfin comprendre comment fonctionne la machine ? J'ai personnellement plus appris en me débrouillant pour faire fonctionner des logiciels open-source (mais j'en ai également beaucoup abandonnés faute de documentation suffisante) qu'en cliquant sur un bouton pour avoir ce que je voulais (et la plupart des personnes qui découvrent la ligne de commande, qui commencent à programmer un peu, et qui comprennent alors réellement ce qu'est vraiment un "bug", dans mon entourage, me le confirme). Cliquer sur un bouton ne vous apprendra jamais à vous débrouiller seul, et ce n'est nullement rendre un service aux utilisateurs à mon avis. Cliquer sur un bouton pour que ça fonctionne, c'est pratique à 90% du temps, et ça permet d'aller plus vite sur certaines actions, mais ce n'est <strong>pas</strong> utiliser son ordinateur à mon avis, ce n'est qu'utiliser une infime partie des possibilités de l'ordinateur. (Et ne parlons même pas des cours d'"informatique" dans lesquels vous apprenez à utiliser Word... ce n'est <strong>pas</strong> de l'informatique...)</p>
191
-
192
-<p>Après, je ne suis pas d'accord sur le fait que la communauté open-source / hackers / geeks soit hermétique et fermée. Personnellement, je suis prêt à passer du temps à aider quiconque voudrait un coup de main, mais je ne veux pas le faire pour rien. Et le problème est sûrement plutôt de ce côté-là. Combien d'utilisateurs veulent "juste un système qui marche" ? Combien d'utilisateurs veulent mettre leur cerveau de côté et cliquer sur des bonbons rigolos et colorés dans un jeu bien connu sur un réseau social tout aussi connu plutôt que de comprendre ce qu'il se passe derrière ? Combien d'utilisateurs sont prêts à passer sous Linux en conchiant les idées et la philosophie associés ? J'avoue que dans ces situations, j'ai juste l'impression de me faire exploiter, et je n'ai aucune ambition d'ouvrir un service d'assistance informatique prochainement. Je pense que le problème est principalement à ce niveau, entre la différence de compréhension et d'appréhension de l'ordinateur par les différentes communautés, qui du coup, n'arrivent pas à échanger.</p>
193
-
194
-<p>Cf <a href="http://faildesk.net/wp-content/uploads/2011/12/How_users_see_developers.jpg">ce comic parfaitement illustratif :)</a></p>
195
-
196
-		<footer><p class="date">Le 10/12/2013 à 18:00</p>
197
-		<p class="tags">Tags : <a href="//phyks.me/tags/Libre.html">Libre</a></p></footer>
198
-	</div>
199
-</article>
200
-<article>
201
-	<aside>
202
-		<p class="day">02</p>
203
-		<p class="month">Décembre</p>
204
-	</aside>
205
-	<div class="article">
206
-		<header><h1 class="article_title"><a href="//phyks.me/2013/12/bootloader_atmega.html">Graver un <em>bootloader</em> sur ATmega8</a></h1></header>
207
-		<!--
208
-	@author=Phyks
209
-	@date=02122013-1502
210
-	@title=Graver un <em>bootloader</em> sur ATmega8
211
-	@tags=DIY, Électronique
212
--->
213
-<p>Pour un projet avec mon <em>hacklab</em> <a href="http://hackens.org">hackEns</a> (éclairage de façades avec des LEDs de puissance, dans la même veine que <a href="http://www.youtube.com/watch?v=yRxQgc-OKFg">AllColorsAreBeautiful</a> du CCC, voir <a href="http://hackens.org/projets/ledhill">cette page</a> pour plus d'infos), on a eu besoin de graver 30 <em>bootloaders</em> sur des ATmega8. On n'a pas de programmateur et on le fait donc avec des Arduinos. Comme toujours, il nous a fallu 2h de debug avant de graver le premier :) (mais cette fois, ça a été rentable avec 30 <em>bootloaders</em> gravés d'un coup !).</p>
214
-
215
-<p>Du coup, je fais une petite compil' des liens qui marchent et des trucs importants à vérifier pour ne pas perdre deux heures (les messages d'erreur du soft Arduino étant *tellement* explicites... et il y a 10 méthodes différentes, chacune aboutissant à une erreur différente sur le net).</p>
216
-
217
-<p>Tout d'abord, un bon lien qui marche bien : <a href="http://arduino.cc/en/Tutorial/ArduinoToBreadboard">ArduinoToBreadboard</a> dans la doc Arduino. Les montages sont clairs et ont été testé par moi-même ces derniers jours :).</p>
218
-
219
-<h2>Gravure de <em>bootloader</em></h2>
220
-<p style="text-align: center;">
221
-    <a href="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png"><img style="max-width: 45%; max-height: 500px;" src="http://arduino.cc/en/uploads/Tutorial/BreadboardAVR.png" alt="Montage pour graver le bootloader"/></a> <a href="//phyks.me/2013/12/burn.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/burn.jpg" alt="Montage pour graver le bootloader, in situ"/></a>
222
-</p>
223
-
224
-<h2>Envoi de programmes</h2>
225
-<p style="text-align: center;">
226
-    <a href="//phyks.me/2013/12/upload.jpg"><img src="//phyks.me/2013/12/upload.jpg" alt="Montage pour l'upload" style="max-width: 45%; max-height: 500px;"/></a> <a href="//phyks.me/2013/12/upload2.jpg"><img style="max-width: 45%; max-height: 500px;" src="//phyks.me/2013/12/upload2.jpg" alt="Montage pour l'upload"/></a>
227
-</p>
228
-
229
-<h2>Notes diverses</h2>
230
-<ul>
231
-    <li>Testé avec un Arduino Uno comme programmateur, sans capacités ni résistances sur les pins de <em>reset</em>. Et ça fonctionne ! Par contre, on a eu des problèmes avec un Arduino Mega, donc on est resté sur l'Uno (sans chercher plus, sûrement un problème de <em>reset</em> automatique).</li>
232
-    <li>Si ça ne marche pas, vérifier que l'ATmega est bien enfoncé dans la <em>breadboard</em> ! C'est stupide, mais on oublie une fois sur deux... :)</li>
233
-    <li>Hyper important ! Sur le montage pour graver le <em>bootloader</em>, la résistance au <em>reset</em> est en <em>pull-up</em> (connectée au 5V) et non en <em>pull-down</em> (connectée au GND). J'ai perdu 1h là-dessus...</li>
234
-    <li>Testé et approuvé avec la dernière version du soft Arduino et du <em>sketch</em> ArduinoISP. Pas besoin d'une vieille version a priori.</li>
235
-    <li>Si ça ne marche toujours pas, bien vérifier le montage, encore et encore :)</li>
236
-    <li>Mieux vaut utiliser le soft Arduino que la ligne de commande avec <samp>avrdude</samp>. En effet, Arduino gère tout seul les <em>fuse bits</em> (utilisation d'un cristal externe, temps de démarrage, protection du <em>bootloader</em>) et c'est donc moins prise de tête. Sinon, pour les calculer, c'est <a href="http://www.engbedded.com/fusecalc/">par ici</a> et <a href="http://treehouseprojects.ca/fusebits/">par ici</a> pour plus d'infos sur l'utilisation d'un quartz externe.</li>
237
-    <li>Lorsque le <em>bootloader</em> est gravé, pour envoyer des programmes facilement, il faut qu'il puisse <em>reset</em> sur serial (sinon, il faut faire un <em>reset</em> manuel à chaque fois). Pour ça, il faut mettre une capacité et une résistance sur le pin de <em>reset</em> (cf schematics des Arduino).</li>
238
-</ul>
239
-
240
-		<footer><p class="date">Le 02/12/2013 à 15:02</p>
241
-		<p class="tags">Tags : <a href="//phyks.me/tags/DIY.html">DIY</a>, <a href="//phyks.me/tags/Électronique.html">Électronique</a></p></footer>
242
-	</div>
243
-</article>
244
-<article>
245
-	<aside>
246
-		<p class="day">17</p>
247
-		<p class="month">Novembre</p>
248
-	</aside>
249
-	<div class="article">
250
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/cryptdevice_multi.html">Decrypt multiple LUKS containers at boot on Arch</a></h1></header>
251
-		<!--
252
-	@author=Phyks
253
-	@date=17112013-0800
254
-	@title=Decrypt multiple LUKS containers at boot on Arch
255
-	@tags=Arch, Linux
256
--->
257
-<p>I installed Arch on my laptop with a LVM on LUKS setup. But I've two disks on my laptop (so this means at least two LUKS container) and my LVM install extended over the two disks. So, I needed to unlock two devices at boot to be able to mount my system (which is something the default encrypt hook doesn't support in Arch). Here's a way to proceed in order to achieve unlocking of multiple encrypted devices (presented with 2 devices, but can be used for more).</p>
258
-
259
-<p>First, you need to install the necessary stuff to use cryptsetup and set the encrypt hook to be load (in mkinitcpio.conf) as described in <a href="https://wiki.archlinux.org/index.php/Dm-crypt_with_LUKS#.2Fetc.2Fmkinitcpio.conf">Arch wiki</a>.</p>
260
-
261
-<p>Then, copy the file /usr/lib/initcpio/hooks/encrypt to /usr/lib/initcpio/hooks/encrypt2. Edit this last file and change any occurrence of cryptdevice and cryptkey by cryptdevice2 and cryptkey2. Also change the line</p>
262
-<pre>mkdir /ckey</pre>
263
-<p>by</p>
264
-<pre>if [ -d /ckey ]; then
265
-    mkdir /ckey
266
-fi
267
-</pre>
268
-<p>in order to avoid the display of a warning on boot. Load this encrypt2 hook in your mkinitcpio.conf.</p>
269
-
270
-<p>Finally, edit your command line parameters (in Grub for example), adding the required cryptdevice, cryptkey (for first device) and cryptdevice2, cryptkey2 (for second device).</p>
271
-
272
-<p>This is the best solution I've found so far, but it requires to manually update the second hook when updates are available (cryptsetup package, not all updates concern encrypt hook). Another solution was provided by the package cryptsetup-multi but this one is now obsolete and this setup is the one that works best for me.</p>
273
-
274
-		<footer><p class="date">Le 17/11/2013 à 08:00</p>
275
-		<p class="tags">Tags : <a href="//phyks.me/tags/Arch.html">Arch</a>, <a href="//phyks.me/tags/Linux.html">Linux</a></p></footer>
276
-	</div>
277
-</article>
278
-<article>
279
-	<aside>
280
-		<p class="day">17</p>
281
-		<p class="month">Novembre</p>
282
-	</aside>
283
-	<div class="article">
284
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/eacute_js.html">Détecter l'appui sur "é" en javascript</a></h1></header>
285
-		<!--
286
-	@author=Phyks
287
-	@date=17112013-0040
288
-	@title=Détecter l'appui sur "é" en javascript
289
-	@tags=Web, Dev
290
--->
291
-<p>Pour les besoins d'un plugin pour le thème <a href="https://github.com/tmos/greeder">greeder</a> de <a href="https://github.com/ldleman/Leed">Leed</a> (gestion des raccourcis claviers), je devais détecter l'appui sur n'importe quelle touche du clavier en javascript. Pour ce faire, a priori, ce n'est pas très dur, il suffit de surveiller l'événement onkeydown et de récupérer le keycode correspondant. Cette méthode fonctionne sans problèmes sur des claviers azerty / qwerty (tout du moins pour ce que je voulais faire) mais pose de graves problèmes sur des dispositions exotiques type Bépo (ty <a href="http://tomcanac.com/blog/">tmos</a> de me l'avoir signalé :). En effet, ces dispositions possèdent de nombreuses touches particulières, qui ne sont pas traitées par la méthode précédente. Ainsi, il était impossible d'assigner un raccourci à la touche "é" ou "É" par la méthode précédente (pas de problème sur un clavier azerty/qwerty car cette touche est alors détectée comme "2").</p>
292
-
293
-<p>Après quelques recherches, j'ai découvert qu'il existait déjà deux moyens de savoir quelle touche était pressée : which et keycode. Dans la majorité des cas, ils fournissent le même résultat, sauf dans le cas qu'on veut justement traiter. Je n'ai pas approfondi la question mais il semble que which est plus général, et d'après mes tests, il fonctionne sur toutes les touches utiles d'un clavier azerty/qwerty/bépo. Attention en revanche, les codes renvoyés par which peuvent différer des keycode pour les caractères exotiques.</p>
294
-
295
-<p>Mais cela ne suffisait pas. J'avais beau utiliser which qui devait me retourner un certain code de touche, je n'avais rien. Après quelques tests, je me suis alors aperçu qu'il n'y avait purement et simplement aucun événement lancé lors de l'appui sur la touche fautive...</p>
296
-
297
-<p>En effet, il existe encore une fois plusieurs événements disponibles sur l'appui d'une touche. Le plus simple, et le plus naturellement adapté pour détecter des raccourcis claviers est onkeydown, qui n'est émis qu'une seule fois, lors de l'appui d'une touche. Mais cet événement n'est pas déclenché lors de l'appui sur certains caractères spéciaux (dont é). La solution est alors de faire un code légèrement plus lourd en utilisant onkeypress en remplacement. onkeypress est déclenché tant que la touche est appuyée (ce qui veut dire de potentiels événements multiples, contrairement à onkeydown) mais a le mérite de fonctionner avec toutes les touches des dispositions azerty/qwerty/bépo.</p>
298
-
299
-<p>En résumé, pour détecter un appui sur n'importe quelle touche du clavier, il faut utiliser l'événement onkeypress et détecter le code de la touche avec which. Cela fonctionnera, en échange d'une légère baisse de performances du script. Dommage que ceci n'ait pas été harmonisé ou simplifié un minimum...</p>
300
-
301
-		<footer><p class="date">Le 17/11/2013 à 00:40</p>
302
-		<p class="tags">Tags : <a href="//phyks.me/tags/Web.html">Web</a>, <a href="//phyks.me/tags/Dev.html">Dev</a></p></footer>
303
-	</div>
304
-</article>
305
-<article>
306
-	<aside>
307
-		<p class="day">16</p>
308
-		<p class="month">Novembre</p>
309
-	</aside>
310
-	<div class="article">
311
-		<header><h1 class="article_title"><a href="//phyks.me/2013/11/first.html">Premier article (parce qu'il en faut bien un :)</a></h1></header>
312
-		<!--
313
-	@author=Phyks
314
-	@date=16112013-2330
315
-	@title=Premier article (parce qu'il en faut bien un :)
316
-	@tags=Phyks
317
--->
318
-<p>Ça y est, mon blog est enfin en ligne. Depuis le temps que j'ai cette idée en tête (et que la page <a href="http://phyks.me">http://phyks.me</a> affiche un magnifique "Blog coming soon"), j'ai enfin eu le temps de finaliser les deux / trois trucs impératifs avant de le lancer. :)</p>
319
-
320
-<p>J'ai donc enfin ma petite parcelle de web où partager diverses astuces sur les trucs que j'utilise quotidiennement (et quelques coups de gueules aussi). Entre autres, des petits trucs sur Arch Linux, sur de la prog, sur l'autohébergement et des trucs en vrac. J'en ai également profité pour mettre en place un <a href="https://github.com/sebsauvage/Shaarli">shaarli</a> (que j'utilise en fait déjà depuis quelques temps), <a href="http://links.phyks.me">ici</a>. Il y aura des articles en français (principalement) et quelquefois en anglais quand c'est un truc que je n'ai trouvé nulle part ailleurs.</p>
321
-
322
-<p>Pour ceux qui se demanderaient comment fonctionne le blog en arrière-plan, c'est un blog statique sur moteur fait-maison. J'avais eu l'idée de faire un système de blog sur dépôt Git et avait commencé à le coder, avant de me rendre compte que de nombreux projets existaient déjà :/ Bref, ayant la flemme de reprendre un code existant en l'adaptant à mes besoins et ayant déjà commencé à réinventer la roue, j'ai continué mon bout de code, aboutissant à ce blog. Le code est d'ores et déjà disponible sur <a href="https://github.com/phyks/blogit">Github</a>, mais il manque encore quelques fonctions et cette instance sera l'occasion d'un test en grandeur nature. Il sera mis à jour prochainement, quand j'aurai corrigé tous les petits trucs qui ne me plaisent pas et refactorisé un peu le code.</p>
323
-
324
-<p>Le blog est donc intégralement stocké sous forme de fichiers html dans un dépôt Git (sur mon petit dédié chez OVH) et un hook lancé au commit s'occupe de générer les fichiers html servis par le serveur web. Les articles sont rédigés de façon très basique en html pour l'instant (mais je prévois d'implémenter une syntaxe à la markdown dans un futur proche), et tout est un peu fait "old school" (pas de formulaire tout joli avec drag&amp;drop pour envoyer des images par exemple, je suis plus efficace sans). Ça peut paraître bancal parfois, mais ça me va bien :) Du coup, pas de commentaires sur ce blog, ne voulant pas ajouter un service externe à la Disqus. De toutes façons, je rejoins l'avis de <a href="http://www.bortzmeyer.org/no-comment.html">Bortzmeyer</a> sur la question. J'adore les commentaires constructifs, mais je préfère lire des articles complets sur un blog qu'une réponse en deux lignes en bas d'un article. Si vous voulez commenter, n'hésitez pas à m'envoyer un e-mail ou à me dire si vous réagissez quelque part. :)</p>
325
-
326
-<p><em>P.S.</em> : Merci à <a href="http://sebsauvage.net/">sebsauvage</a>, <a href="http://lehollandaisvolant.net/">le hollandais volant</a>, <a href="http://blog.idleman.fr">idleman</a>, <a href="http://ploum.net/">Ploum</a> et tous les autres de la blogosphère française que j'oublie, que je suis depuis quelques temps déjà, plus ou moins silencieusement et qui m'ont donné envie d'avoir mon petit espace à moi aussi !</p>
327
-
328
-<h2 class="center">Bref, ya plus qu'à ! :)</h2>
329
-
330
-<p class="center"><img src="//phyks.me/2013/11/first_keep_calm_force.jpg" alt="Keep calm and use the force"/><br/><span class="small">Image sous licence CC 3.0 BY NC SA (<a href="http://koboot.deviantart.com/#/art/Keep-calm-and-use-The-Force-192034100?hf=1">source</a>)</span></p>
331
-
332
-<p>Note : Je suis en train de tout remettre en place sur mon serveur, suite à une réinstallaton. Mon Jabber, mon serveur Git etc. reviendront donc bientôt, quand j'aurai 5 minutes pour m'en occuper :(</p>
333
-
334
-		<footer><p class="date">Le 16/11/2013 à 23:30</p>
335
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
336
-	</div>
337
-</article>
338
-            </div>
339
-            <footer id="rss">
340
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
341
-            </footer>
342
-        </div>
343
-    </body>
344
-</html>

+ 0
- 113
blog/2014/02/index.html View File

@@ -1,113 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - 2014/02</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">20</p>
49
-		<p class="month">Février</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2014/02/notif_weechat_urxvt.html">Local notifications for Weechat and UrXVT</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=20022014-2057
56
-	@title=Local notifications for Weechat and UrXVT
57
-	@tags=Weechat, Linux
58
--->
59
-<p>After moving from irssi to weechat, I decided to look for a way to have local notifications for IRC messages. The problem is that I run weechat through a screen on my server, which I access thanks to SSH. Thus, I need to find a way to allow weechat to communicate to my local terminal and send notifications.</p>
60
-
61
-<p>I found many solutions on the web which were using a local server or a pipe file. But these aren't fitted to my needs, as they need an external program running on my machine, which I don't want. I was quite sure there could be a way to do it, with nothing more than my terminal emulator and weechat plugins, and I finally found it. My solution is based on <a href="http://artisan.karma-lab.net/ajouter-notification-a-urxvt" lang="fr">karma-lab</a>'s one [French].</p>
62
-
63
-<p>The idea is to use the Bell signal which corresponds to the ASCII escape sequence 7 to raise attention (beep signal). The following steps work fine with UrXVT and weechat in a screen session. It may be possible to adapt this to other terminal emulators or terminal multiplexers (such as tmux) but I don't use them and can't help you much with it. We will define our own escape sequence, that will be interpreted by an UrXVT plugin and will spawn a notification with the IRC message.</p>
64
-
65
-<p>First of all, you will have to modify your <span class="monospace">~/.Xdefaults</span> or your <span class="monospace">~/.Xresources</span> to tell UrXVT to listen for bell signals. In order to do so, just add the following line:</p>
66
-<pre>URxvt*urgentOnBell: true</pre>
67
-<p>Then, reload it:</p>
68
-<pre>$ xrdb -load ~/.Xdefaults</pre>
69
-
70
-<p>Your UrXVT terminal now listens to bell signals. But we'd like them to spawn real local notifications. For this, I used libnotify, which is built-in in gnome. The main idea is to enhance our bell signal with a more complete escape sequence to include a message to display (using the so-called osc sequences). Thus, the sequence sent to UrXVT will look like <span class="monospace">[ESC]777;notify;TITRE;MESSAGEBELL]</span>. Just add the following plugin (written by <a href="http://artisan.karma-lab.net/ajouter-notification-a-urxvt">Karma-lab</a>[French] and slightly modified by me to enhance security) to your UrXVT and you are ready to go. So, you should put <a href="https://snippet.phyks.me/?snippet=52de79d12e4c9">this plugin</a> in <span class="monospace">/usr/lib/urxvt/perl/notify</span>.</p>
71
-
72
-<p>To test that everything worked correctly, you can use the following command:</p>
73
-<pre>$ echo -ne "\033]777;notify;Moi;Hello World\007\007"</pre>
74
-<p>which should spawn an "Hello World" notification on your desktop.</p>
75
-
76
-<p>Finally, if the previous example is working fine, let's integrate it to Weechat. We'll need another plugin for weechat, to make him write this escape sequence when needed to send notifications. This plugin is also from karma-labs, but as my weechat is running in a <span class="monospace">screen</span> session, I had to tweak it a bit. I improved security of the plugin as well, to prevent any unauthorized code execution. Concerning <span class="monospace">screen</span>, it is “consuming” the escape sequences for itself, and you have to tweak it a bit to make it pass through <span class="monospace">screen</span>. The python script to load in your Weechat can be found <a href="https://snippet.phyks.me/?snippet=52de79829dcbb">here</a>.</p>
77
-
78
-<p>Have fun with IRC and your brand new notifications !</p>
79
-
80
-		<footer><p class="date">Le 20/02/2014 à 20:57</p>
81
-		<p class="tags">Tags : <a href="//phyks.me/tags/Weechat.html">Weechat</a>, <a href="//phyks.me/tags/Linux.html">Linux</a></p></footer>
82
-	</div>
83
-</article>
84
-<article>
85
-	<aside>
86
-		<p class="day">19</p>
87
-		<p class="month">Février</p>
88
-	</aside>
89
-	<div class="article">
90
-		<header><h1 class="article_title"><a href="//phyks.me/2014/02/news.html">Quelques nouvelles</a></h1></header>
91
-		<!--
92
-	@author=Phyks
93
-	@date=19022014-2100
94
-	@title=Quelques nouvelles
95
-	@tags=Phyks
96
--->
97
-<p>Attention, article 3615MaLife. Pfiou, ça fait plus d'un mois que je n'ai rien posté… La faute à un mois de janvier très chargé. J'ai plusieurs articles en attente, mais je n'ai pas réussi à trouver le temps de les terminer…</p>
98
-
99
-<p>Dans tout ça, mon serveur vient d'être <em>down</em> pendant environ 24h. C'est aussi ça l'autohébergement, une galère qui vous tombe dessus et vous passez 24h sans votre serveur. En l'occurrence, mes partitions sont du LVM sur du LUKS pour mon serveur. Je dois donc rentrer une phrase de passe en me connectant en SSH au démarrage pour déverrouiller les disques. Ça a toujours bien marché, mais cela refusait de fonctionner depuis la dernière mise à jour que j'ai faite (qui aurait dû être anodine, soit dit en passant).</p>
100
-
101
-<p>N'ayant pas redémarré mon serveur depuis 122 jours avant, je ne savais pas exactement à quel moment ça avait pu se casser, et le fait de ne pas avoir d'accès physique au PC n'aide pas à débugger. Enfin, finalement, j'ai réussi à tout redémarrer, par je ne sais trop quel moyen, et je prie pour que ça fonctionne encore la prochaine fois…</p>
102
-
103
-		<footer><p class="date">Le 19/02/2014 à 21:00</p>
104
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
105
-	</div>
106
-</article>
107
-            </div>
108
-            <footer id="rss">
109
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
110
-            </footer>
111
-        </div>
112
-    </body>
113
-</html>

+ 0
- 75
blog/2014/02/news.html View File

@@ -1,75 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Quelques nouvelles</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">19</p>
49
-		<p class="month">Février</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2014/02/news.html">Quelques nouvelles</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=19022014-2100
56
-	@title=Quelques nouvelles
57
-	@tags=Phyks
58
--->
59
-<p>Attention, article 3615MaLife. Pfiou, ça fait plus d'un mois que je n'ai rien posté… La faute à un mois de janvier très chargé. J'ai plusieurs articles en attente, mais je n'ai pas réussi à trouver le temps de les terminer…</p>
60
-
61
-<p>Dans tout ça, mon serveur vient d'être <em>down</em> pendant environ 24h. C'est aussi ça l'autohébergement, une galère qui vous tombe dessus et vous passez 24h sans votre serveur. En l'occurrence, mes partitions sont du LVM sur du LUKS pour mon serveur. Je dois donc rentrer une phrase de passe en me connectant en SSH au démarrage pour déverrouiller les disques. Ça a toujours bien marché, mais cela refusait de fonctionner depuis la dernière mise à jour que j'ai faite (qui aurait dû être anodine, soit dit en passant).</p>
62
-
63
-<p>N'ayant pas redémarré mon serveur depuis 122 jours avant, je ne savais pas exactement à quel moment ça avait pu se casser, et le fait de ne pas avoir d'accès physique au PC n'aide pas à débugger. Enfin, finalement, j'ai réussi à tout redémarrer, par je ne sais trop quel moyen, et je prie pour que ça fonctionne encore la prochaine fois…</p>
64
-
65
-		<footer><p class="date">Le 19/02/2014 à 21:00</p>
66
-		<p class="tags">Tags : <a href="//phyks.me/tags/Phyks.html">Phyks</a></p></footer>
67
-	</div>
68
-</article>
69
-            </div>
70
-            <footer id="rss">
71
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
72
-            </footer>
73
-        </div>
74
-    </body>
75
-</html>

+ 0
- 90
blog/2014/02/notif_weechat_urxvt.html View File

@@ -1,90 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Local notifications for Weechat and UrXVT</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (3)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (7)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (5)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (7)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (1)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (2)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/2014/08/synchronisation_backups_1.html">Synchroniser ses ordinateurs 1/2</a></li><li><a href="//phyks.me/2014/08/free_mobile_fluctuant.html">Les énigmes du réseau Free Mobile</a></li><li><a href="//phyks.me/2014/07/notification_sms_free.html">Recevoir ses emails par SMS avec Free Mobile</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">20</p>
49
-		<p class="month">Février</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2014/02/notif_weechat_urxvt.html">Local notifications for Weechat and UrXVT</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=20022014-2057
56
-	@title=Local notifications for Weechat and UrXVT
57
-	@tags=Weechat, Linux
58
--->
59
-<p>After moving from irssi to weechat, I decided to look for a way to have local notifications for IRC messages. The problem is that I run weechat through a screen on my server, which I access thanks to SSH. Thus, I need to find a way to allow weechat to communicate to my local terminal and send notifications.</p>
60
-
61
-<p>I found many solutions on the web which were using a local server or a pipe file. But these aren't fitted to my needs, as they need an external program running on my machine, which I don't want. I was quite sure there could be a way to do it, with nothing more than my terminal emulator and weechat plugins, and I finally found it. My solution is based on <a href="http://artisan.karma-lab.net/ajouter-notification-a-urxvt" lang="fr">karma-lab</a>'s one [French].</p>
62
-
63
-<p>The idea is to use the Bell signal which corresponds to the ASCII escape sequence 7 to raise attention (beep signal). The following steps work fine with UrXVT and weechat in a screen session. It may be possible to adapt this to other terminal emulators or terminal multiplexers (such as tmux) but I don't use them and can't help you much with it. We will define our own escape sequence, that will be interpreted by an UrXVT plugin and will spawn a notification with the IRC message.</p>
64
-
65
-<p>First of all, you will have to modify your <span class="monospace">~/.Xdefaults</span> or your <span class="monospace">~/.Xresources</span> to tell UrXVT to listen for bell signals. In order to do so, just add the following line:</p>
66
-<pre>URxvt*urgentOnBell: true</pre>
67
-<p>Then, reload it:</p>
68
-<pre>$ xrdb -load ~/.Xdefaults</pre>
69
-
70
-<p>Your UrXVT terminal now listens to bell signals. But we'd like them to spawn real local notifications. For this, I used libnotify, which is built-in in gnome. The main idea is to enhance our bell signal with a more complete escape sequence to include a message to display (using the so-called osc sequences). Thus, the sequence sent to UrXVT will look like <span class="monospace">[ESC]777;notify;TITRE;MESSAGEBELL]</span>. Just add the following plugin (written by <a href="http://artisan.karma-lab.net/ajouter-notification-a-urxvt">Karma-lab</a>[French] and slightly modified by me to enhance security) to your UrXVT and you are ready to go. So, you should put <a href="https://snippet.phyks.me/?snippet=52de79d12e4c9">this plugin</a> in <span class="monospace">/usr/lib/urxvt/perl/notify</span>.</p>
71
-
72
-<p>To test that everything worked correctly, you can use the following command:</p>
73
-<pre>$ echo -ne "\033]777;notify;Moi;Hello World\007\007"</pre>
74
-<p>which should spawn an "Hello World" notification on your desktop.</p>
75
-
76
-<p>Finally, if the previous example is working fine, let's integrate it to Weechat. We'll need another plugin for weechat, to make him write this escape sequence when needed to send notifications. This plugin is also from karma-labs, but as my weechat is running in a <span class="monospace">screen</span> session, I had to tweak it a bit. I improved security of the plugin as well, to prevent any unauthorized code execution. Concerning <span class="monospace">screen</span>, it is “consuming” the escape sequences for itself, and you have to tweak it a bit to make it pass through <span class="monospace">screen</span>. The python script to load in your Weechat can be found <a href="https://snippet.phyks.me/?snippet=52de79829dcbb">here</a>.</p>
77
-
78
-<p>Have fun with IRC and your brand new notifications !</p>
79
-
80
-		<footer><p class="date">Le 20/02/2014 à 20:57</p>
81
-		<p class="tags">Tags : <a href="//phyks.me/tags/Weechat.html">Weechat</a>, <a href="//phyks.me/tags/Linux.html">Linux</a></p></footer>
82
-	</div>
83
-</article>
84
-            </div>
85
-            <footer id="rss">
86
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
87
-            </footer>
88
-        </div>
89
-    </body>
90
-</html>

+ 0
- 171
blog/2014/03/fairphone.html View File

@@ -1,171 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - Retour sur mon fairphone</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (16)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (14)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (12)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (16)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (14)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (4)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/11/ipv6_kimsufi.html">Getting ipv6 to work with a Kimsufi server</a></li><li><a href="//phyks.me/2014/11/bloomysearch.html">Proof-of-concept: BloomySearch, a (JavaScript) client-side search engine for static websites</a></li><li><a href="//phyks.me/2014/10/pulseaudio_remote.html">Balancer le son de ses hauts-parleurs sur le réseau</a></li><li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">01</p>
49
-		<p class="month">Mars</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2014/03/fairphone.html">Retour sur mon fairphone</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=01032014-1743
56
-	@title=Retour sur mon fairphone
57
-	@tags=Smartphone
58
--->
59
-<p>J'ai acheté un <a href="http://fairphone.com/">Fairphone</a> en novembre, et je l'ai reçu il y a quelques semaines maintenant. Je n'ai pas encore eu le temps d'écrire dessus, mais c'est désormais corrigé. Ce Fairphone vient remplacer mon ancien Galaxy S3, qui tournait sous Cyanogen 9, mais qui n'a pas arrêté de me poser des problèmes (problème avec la puce son qui se coupait parfois, présent chez de nombreux utilisateurs apparemment, entre autres).</p>
60
-
61
-<p>Note&nbsp;: Ceci est un petit compte-rendu après quelques semaines d'utilisation. Je mettrai cet article à jour au fur et à mesure, si de nouveaux problèmes apparaissent ou sont, au contraire, résolus.</p>
62
-
63
-<p style="text-align:center;"><a href="//phyks.me/2014/03/fairphone_1.jpg"><img src="//phyks.me/2014/03/fairphone_1.jpg" style="max-width: 45%; max-height: 500px;" alt="Face avant"/></a><a href="//phyks.me/2014/03/fairphone_5.jpg"><img src="//phyks.me/2014/03/fairphone_5.jpg" style="max-width: 45%; max-height: 500px;" alt="Face arrière"/></a></p>
64
-
65
-<h2>Un Fairphone ?</h2>
66
-    <p>Tout d'abord, qu'est-ce que c'est que cette étrange bête ? Fairphone est une initiative d'un groupe de hollandais pour proposer une alternative plus équitable aux smartphones actuels. Le projet a été crowdfundé pendant un peu plus d'un an, et le premier lot de 25 000 Fairphones a été livré en janvier.</p>
67
-
68
-    <p>Ils se sont engagés sur un certain nombre de points, parmi lesquels&nbsp;:</p>
69
-    <ul>
70
-        <li>Transparence, ils communiquent précisément sur ce que contient leur téléphone, sur les coûts et il y a notamment <a href="http://www.fairphone.com/wp-content/uploads/2013/09/Fairphone_Cost_Breakdown_and_Key_Sept2013.pdf">une infographie disponible</a> pour détailler le prix du téléphone.</li>
71
-        <li>Ils ont dans la mesure du possible essayé d'avoir un produit plus équitable que ce qui existe aujourd'hui. En particulier, leurs fournisseurs s'engagent sur un certain nombre de points (conditions de travail dans les usines en Chine, non soutien aux guerillas liées au commerce de métaux précieux en Afrique…). Il n'a pas toujours été possible de faire ce qu'ils espéraient (ils sont par exemple obligés de produire en Chine, même s'ils auraient voulu avoir un produit européen), mais ils ont bien respectés leurs engagements dans l'ensemble.</li>
72
-        <li>Libération des <em>datasheets</em> et des logiciels. C'est là un point très compliqué dans le monde du mobile. En effet, le secteur de la téléphonie mobile est un des secteurs les plus <em>closed source</em> qui existe, et il est très difficile de faire bouger ça. Ils ont essayer de convaincre leurs fournisseurs de diffuser certaines <em>datasheets</em>, mais ce n'est pas facile, et je ne crois pas qu'ils aient beaucoup réussi à faire bouger les choses de ce côté-là. En revanche, leurs logiciels sont open source et ils livrent le Fairphone avec un Android stock, sans applications Google préinstallées, ce qui est un très bon point par rapport aux autres fabricants. Ils ont également dit qu'ils soutiendraient le port de Firefox OS sur le Fairphone si des développeurs voulaient y travailler (mais qu'ils ne pourraient pas l'assurer eux-mêmes).</li>
73
-    </ul>
74
-
75
-    <p>Finalement, on a un smartphone assez similaire au Wiko Cink Five, il me semble, pour 325€, ce qui est certes plus cher, mais n'avance pas les mêmes atouts. Voyons voir ce que vaut le Fairphone après quelques semaines d'utilisation.</p>
76
-
77
-<h2>Ergonomie et design</h2>
78
-    <p>Le Fairphone a un écran de 4"3. Ce n'est pas tant que ça pour un smartphone actuel (on est plus autour de 5" aujourd'hui), mais au moins ça rentre dans une poche. Quand je le compare à mon ancien Galaxy S3, il paraît tout petit. De nombreuses personnes préfèrent avoir un grand écran, mais quitte à avoir des écrans de 5" et plus, autant prendre une tablette. En fait, ces tailles me paraissent un peu bancales, à mi-chemin entre un téléphone et une tablette&nbsp;: pas facile à prendre en main d'une seule main, trop petit pour deux mains, pas pratique dans une poche… Finalement, je suis plutôt favorable à une diagonale plus petite. À titre de comparaison, c'est à peu près la même diagonale d'écran que l'iPhone 5 (4") et il a la même taille à quelques millimètres près.</p>
79
-
80
-    <p>Le design est plutôt soigné et l'appareil est assez joli, avec son liseret blanc et son dos en alu. On notera la présence d'un bouton “Marche/Arrêt” classique au sommet de l'appareil et un bouton de réglage du volume sur le côté. Les trois boutons en façade (Menu / Accueil / Retour) sont en fait des touches tactiles. Elles sont assez jolies, mais on a tendance à les effleurer par inadvertance en tapant des messages. On s'y habitue, mais je préfère clairement avoir des boutons physiques à cet endroit.</p>
81
-
82
-    <p>Pour une fois, le capot arrière s'enlève assez facilement, contrairement à de nombreux smartphones avec lesquels on a peur de briser la fine couche de plastique qui sert de capot arrière. Derrière, on trouve deux logements pour carte SIM (SIM classique, et non micro-SIM, on dirait que la mode des toutes petites SIM est passée ?), l'emplacement de la batterie et un emplacement Micro-SD pour étendre le stockage de 16Go initial.</p>
83
-
84
-    <p>Un point négatif quand même&nbsp;: l'appareil photo est légèrement sortant du téléphone. Du coup, quand le téléphone est posé à plat sur une table, il repose sur l'appareil photo, et sur un des coins, mais il manque un troisième point d'appui au même niveau. Conclusion&nbsp;: il est bancal quand il est posé sur une table. C'est dommage car ce n'est vraiment pas grand chose, mais ça complique grandement son utilisation d'une seule main, en le posant sur une table.</p>
85
-
86
-    <p style="text-align:center;"><a href="//phyks.me/2014/03/fairphone_7.jpg"><img src="//phyks.me/2014/03/fairphone_7.jpg" style="max-width: 45%; max-height: 500px;" alt="Vue de côté"/></a></p>
87
-
88
-<h2>Écran</h2>
89
-    <p>L'écran est de plutôt bonne qualité, avec une bonne résolution (960x540 pixels, pour une densité de 256ppi), similaire au Wiko Cink Peax 2. J'ai eu auparavant un iPhone 4 et un Galaxy S3 et la qualité de l'écran ne me perturbe pas particulièrement (ni en bien, ni en mal), mais mon utilisation n'est peut être pas la plus propice pour juger de la qualité de l'écran ? Je n'ai pas eu l'occasion de le comparer côte à côte avec mon Galaxy (notamment parce qu'avec un écran cassé, le rendu n'aurait pas été à son avantage), donc je ne peux pas en dire beaucoup plus…</p>
90
-
91
-    <p>En parlant d'écran cassé, l'écran a également une vitre "Gorilla Glass" censée être assez résistante. Ceci dit, cela n'a pas empêché la vitre de mon Galaxy de s'exploser à la moindre chute de 10cm avec une coque de protection&nbsp;:/</p>
92
-
93
-    <p>Une remarque quand même&nbsp;: l'écran a tendance à garder pas mal les traces de doigt. Plus que le SGS3 en tout cas je dirais.</p>
94
-
95
-    <p>Un autre point important à noter, pour ne pas être surpris, est la présence d'un réseau de petits points sur l'écran, que l'on voit sous certaines conditions d'éclairage. C'est un peu perturbant au début, car on commence par en voir un, et on pense à un pixel mort. Puis on en voit d'autres, et on finit par se rendre compte qu'ils sont trop bien alignés pour que ce soit un problème. Finalement, on trouve la réponse sur le <a href="https://fairphone.zendesk.com/hc/communities/public/questions/200680167-Touch-screen-grid-visible-">forum de support Fairphone</a>&nbsp;: il s'agit d'une grille pour l'écran tactile, qui est visible sous certaines conditions d'éclairage. Ils ont dû adopter cette technologie à cause d'un brevet sur les autres solutions. Personnellement, je n'y fais pas particulièrement attention et cela ne me dérange pas et on ne le voit que sous certaines conditions bien particulières (donc pas dérangeant pour des vidéos a priori), mais il faut le savoir pour ne pas être surpris.</p>
96
-
97
-<h2>Système</h2>
98
-    <p>Le Fairphone tourne sous une version stock d'Android 4.2.2. Par défaut, aucune application Google n'est installée (libre à vous de les installer au besoin). Personnellement, venant de Cyanogen Mod sur mon Galaxy S3, je suis resté sans applications Google et trouve tout ce dont j'ai besoin sur F-Droid. Les seules applications préinstallées sont&nbsp;:</p>
99
-    <ul>
100
-        <li>Une application pour <a href="http://www.ifixit.com/">iFixIt</a></li>
101
-        <li>Un launcher un peu différent (FairphoneHome)</li>
102
-        <li>Un widget pour couper le téléphone (passage en mode avion) pendant un certain temps à définir ("Profitez d'un moment de tranquillité"), appelé Peace Of Mind.</li>
103
-        <li>Une application pour mettre à jour le système OTA, et profiter des corrections de bug apportées par Fairphone.</li>
104
-    </ul>
105
-
106
-    <p>Tous ces logiciels sont open-source, iFixIt étant disponible sur F-Droid et les autres étant disponibles sur <a href="https://github.com/Kwamecorp/Fairphone">Github</a>. Je vous laisse d'ailleurs aller voir le dépôt Github pour plus d'images de l'interface et des widgets.</p>
107
-
108
-    <p>On a donc un système Android de base, avec une très légère surcouche, le tout étant open-source, ce qui est très rare sur les smartphones actuels. Pas d'autres bloatwares que ceux dans Android d'origine donc.</p>
109
-
110
-    <p>La légère surcouche graphique est très jolie, et va plutôt bien avec le look du Fairphone, à mon avis. Cf <a href="http://lehollandaisvolant.net/?d=2013/10/07/14/09/21-pourquoi-le-flat-design-tel-quil-est-utilise-actuellement-sux">cet article sur le flat design chez le hollandais volant</a>, je trouve que le Fairphone n'en est pas trop victime.</p>
111
-
112
-    <p style="text-align:center;"><a href="//phyks.me/2014/03/fairphone_2.jpg"><img src="//phyks.me/2014/03/fairphone_2.jpg" style="max-width: 45%; max-height: 500px;" alt="Écran"/></a><a href="//phyks.me/2014/03/fairphone_6.jpg"><img src="//phyks.me/2014/03/fairphone_6.jpg" style="max-width: 45%; max-height: 500px;" alt="Batterie"/></a></p>
113
-
114
-    <p>Un des changements apportés par la surcouche graphique est la présence d'un lanceur rapide lorsqu'on touche le bord droit de l'écran (uniquement sur l'écran d'accueil et sur le menu des applications). C'est d'ailleurs grâce à lui qu'on accède à la liste des applications. Il est assez pratique, une fois qu'on s'y est un peu habitué. En effet, au début, on l'appelle souvent sans faire exprès en naviguant dans la liste des applications.</p>
115
-    <p style="text-align:center;"><a href="//phyks.me/2014/03/fairphone_3.jpg"><img src="//phyks.me/2014/03/fairphone_3.jpg" style="max-width: 45%; max-height: 500px;" alt="Homescreen"/></a><a href="//phyks.me/2014/03/fairphone_4.jpg"><img src="//phyks.me/2014/03/fairphone_4.jpg" style="max-width: 45%; max-height: 500px;" alt="Homescreen"/></a></p>
116
-
117
-    <p>P.S.&nbsp;: Parmi les applications de base, on trouve également une application “TODO”, un enregistreur de son, une application pour écouter la radio FM, une application de notes et un gestionnaire de fichier. Me corriger si je me trompe, mais il me semble que ces applications sont intégrées à Android stock.</p>
118
-
119
-<h2>Appareil photo</h2>
120
-    <p>L'appareil photo me semble raisonnable, même si j'avoue ne pas avoir beaucoup de références en la matière. Par contre, l'application n'arrêtait pas de m'afficher le tutoriel. En fait, il suffit de le suivre en entier (ce qui prend environ 30 secondes), et ensuite vous ne le verrez plus. Sinon, vous pouvez aussi installer l'application Camera stock disponible sur f-droid.</p>
121
-
122
-    <p>Pour juger plus en détails de la qualité des photos, je vous laisse regarder les photos disponibles <a href="//phyks.me/2014/03/photos_fairphone/">ici</a> que j'ai prises avec mon fairphone.</p>
123
-
124
-<h2>Quelques problèmes rencontrés</h2>
125
-    <h3>GPS</h3>
126
-        <p>Comme pour de nombreux utilisateurs, le premier fix GPS a été très long à avoir. En fait, je n'ai même pas réussi à l'avoir en intérieur… Mais en activant l'A-GPS, en téléchargeant les données EPO et en faisant un petit tour à pied dehors, le fix GPS est assez rapide (&lt; 5 minutes). Une fois ce premier fix réalisé, mon GPS se fixe quasiment instantanément (&lt; 10 secondes). Voir notamment <a href="http://forum.xda-developers.com/wiki/Fairphone_Fairphone/Guides#How_to_improve_the_GPS_signal">cette page</a> chez xda-developpers et <a href="https://fairphone.zendesk.com/hc/communities/public/questions/200690467--Searching-for-GPS-">ce thread</a> sur le forum fairphone pour plus d'informations.</p>
127
-
128
-    <h3>Gestion des cartes SIM</h3>
129
-        <p>La gestion des cartes SIM diffère un peu de ce que j'avais sur mon Galaxy S3. En particulier, le Fairphone a deux emplacements SIM, et vous affichera donc une notification si vous n'en avez qu'une seule d'insérée. De plus, à chaque sortie du mode avion, votre code PIN vous sera demandé (alors que mon Galaxy S3 ne le demandait qu'une fois par démarrage du téléphone). Enfin, étant chez Free, je suis souvent en itinérance (nationale, sur le réseau Orange). Le Fairphone ne fait aucune différence entre l'itinérance nationale et internationale, et vous aurez donc droit à quelques messages vous prévenant que vous êtes en itinérance sur la carte SIM utilisée et vous demandant de confirmer l'envoi d'un SMS (par exemple). Il est possible de désactiver les confirmations répétées, et il ne restera alors plus qu'une seule alerte à l'envoi d'un SMS à la sortie du mode avion. Il faut également penser à désactiver l'itinérance quand on est à l'étranger du coup, pour éviter les surcoûts.</p>
130
-
131
-        <p>Je n'ai pas encore eu l'occasion de tester le téléphone avec deux SIMs à la fois, mais a priori c'est très classique. On peut spécifier les cartes SIMs par défaut à utiliser, et la carte SIM utilisée apparaît en encart dans chaque SMS, etc. Je devrais pouvoir le tester d'ici un mois je pense, je mettrai à jour l'article en conséquence.</p>
132
-
133
-    <h3>Divers problèmes</h3>
134
-        <ul>
135
-            <li>J'ai eu droit à quelques reboots de l'interface en utilisant Firefox (notamment en utilisant des pages webRTC, qui sont assez lourdes). Rien de bien méchant, et je ne sais pas en fait si cela vient du Fairphone ou de firefox.</li>
136
-            <li>J'ai eu droit une fois à un blocage complet (écran éteint, bouton marche/arrêt sans effet). J'ai du redémarrer le téléphone en restant longtemps appuyé sur le bouton marche/arrêt, mais je ne sais pas exactement ce qu'il s'est passé.</li>
137
-            <li>Quelques bugs de traductions. En particulier, "reboot" n'est pas traduit en "redémarrer", et de temps à autres l'application de SMS m'affiche "Nom d'artiste inconnu" au lieu de l'heure du dernier message.</li>
138
-        </ul>
139
-
140
-<h2>Divers</h2>
141
-    <ul>
142
-        <li>Toutes les spécifications détaillées sont disponibles <a href="http://buy-a-phone-start-a-movement.fairphone.com/en/specs/">ici</a>.</li>
143
-        <li>Le DAS du téléphone est assez faible (0.329 W/kg au niveau de la tête, 0.693 W/kg au niveau du corps).</li>
144
-        <li>Pas de NFC intégré. Je n'ai personnellement eu l'occasion d'utiliser le NFC de mon Galaxy S3 que pour m'amuser à scanner les badges que j'avais dans mon portefeuille, donc ce n'est pas un bien grand mal.</li>
145
-        <li>Pour éviter de multiplier les chargeurs / écouteurs inutiles, le téléphone est vendu seul dans sa boîte. En effet, la plupart des gens ont déjà plusieurs chargeurs et écouteurs chez eux et il est inutile d'en rajouter un qui traînera au fond d'une armoire. Libre à vous d'en prendre un en option au besoin.</li>
146
-    </ul>
147
-
148
-<h2>Conclusion</h2>
149
-    <p>En conclusion, je suis très satisfait de mon Fairphone. Il est certes un peu plus cher que la concurrence, et présente quelques défauts de jeunesse, mais il me paraît tout à fait raisonnable et une bonne alternative aux autres téléphones des grands constructeurs. Par contre, étant édité à peu d'exemplaires, je doute qu'on voit beaucoup d'accessoires dédiés dans les prochains mois (notamment de housses parfaitement adaptées à son <em>form factor</em>). Je ne suis pas doué pour les conclusions, donc je vous laisse conclure tout seul&nbsp;:)</p>
150
-
151
-    <p>Note (car il faut bien un peu de troll)&nbsp;: on se rappellera des défauts des problèmes sur les premiers smartphones (et pas que les premiers en fait) des autres constructeurs, notamment l'absence de 3G sur le premier iPhone, ou encore les <a href="http://www.iphon.fr/post/2009/06/19/L-iPhone-3G-S-peut-aussi-avoir-la-jaunisse">problèmes d'écran jaune sur l'iPhone 3GS</a> ou récemment sur <a href="http://www.macbidouille.com/news/2012/09/22/l-iphone-5-a-un-ecran-plus-jaune?iact=rc&amp;dur=349&amp;page=1&amp;start=0&amp;ndsp=50&amp;ved=0CFcQrQMwAA">l'iPhone 5</a>.</p>
152
-
153
-    <p>Edit&nbsp;: J'ai retrouvé le lien vers l'article sur le site du projet replicant qui parlait de l'open-source et du Fairphone : <a href="http://blog.replicant.us/2013/11/fairphone/">http://blog.replicant.us/2013/11/fairphone/</a>.</p>
154
-
155
-    <p>Edit 2&nbsp;: J'ai oublié de parler de la batterie et de l'autonomie… C'est donc réparé avec ce petit rajout. L'autonomie est plutôt bonne, dans la moyenne des smartphones actuels (en tout cas, sensiblement comparable à celle de mon ancien S3). Je tiens une journée (8h -> 24h) en relevant 5 comptes e-mails en push, en allant sur internet dans le bus (1h) et à quelques occasions dans la journée, et en passant la journée dans une zone pas très bien couverte (je finis la journée avec entre 10% et 30% de batterie selon les jours). Bref, comme d'hab', on tient une journée sans trop de difficulté (sauf utilisation ultra-intensive, mais pour ça, on ne peut pas grand chose) mais il faut quand même recharger tous les soirs. En restreignant un peu mon utilisation, je pense que je pourrais tenir deux jours.</p>
156
-
157
-    <p>Edit 3&nbsp;: Le blocage complet et le reboot de l'interface sont liés et sont un seul et même problème apparemment. Cela arrive aussi avec le contrôle du volume. Je l'ai eu quelques fois depuis que j'ai mon Fairphone, et c'est assez embêtant comme bug. Mais Fairphone est au courant et le problème devrait être corrigé <a href="https://fairphone.zendesk.com/hc/en-us/articles/201804933-When-will-the-new-software-update-1-2-be-available-">dans la prochaine mise à jour</a> qui arrivera d'ici peu. De même pour les problèmes <a href="https://fairphone.zendesk.com/hc/en-us/articles/201852278-National-Roaming-Mostly-Solved-">d'itinérance nationale</a> qui devraient être résolus bientôt. J'ai également depuis peu une deuxième carte SIM et rien à redire sur la gestion des cartes SIM : on peut choisir la SIM par défaut pour chaque action (SMS, Appels, Internet, …) et la gestion des deux cartes est très complète. Quand à l'autonomie, je tiens toujours un peu plus d'une journée avec mon utilisation. Par exemple, ce soir, j'en suis à 15h sur batterie, 5 comptes e-mails en push toute la journée, une couverture réseau assez aléatoire et 2 à 3h sur Internet en 3G et il me reste encore 22% de batterie.</p>
158
-
159
-    <p>Edit 4&nbsp; J'ai envoyé un e-mail pour rapporter les issues remarquées à Fairphone et ils m'ont répondu (avec un peu de retard, mais quand même) qu'ils prenaient note et corrigeraient. Et Fairphone <a href="http://buy-a-phone-start-a-movement.fairphone.com/en/spareparts/">vend des pièces détachées</a> et a mis des guides pour réparer son téléphone.</p>
160
-
161
-		<footer><p class="date">Le 01/03/2014 à 17:43</p>
162
-		<p class="tags">Tags : <a href="//phyks.me/tags/Smartphone.html">Smartphone</a></p></footer>
163
-	</div>
164
-</article>
165
-            </div>
166
-            <footer id="rss">
167
-                <p><a href="//phyks.me/rss.xml"><img src="//phyks.me/img/rss.png" alt="RSS"/></a></p>
168
-            </footer>
169
-        </div>
170
-    </body>
171
-</html>

+ 0
- 171
blog/2014/03/index.html View File

@@ -1,171 +0,0 @@
1
-<!DOCTYPE html>
2
-<html lang="fr">
3
-    <head>
4
-        <meta charset="utf-8">
5
-        <title>Phyks' blog - 2014/03</title>
6
-		<link rel="stylesheet" href="//phyks.me/design.css"/>
7
-        <link type="text/plain" rel="author" href="//phyks.me/humans.txt"/>
8
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
-        <link rel="alternate" type="application/rss+xml" title="RSS" href="//phyks.me/rss.xml" />
10
-    </head>
11
-    <body>
12
-        <div id="wrapper">
13
-            <!-- Sidebar -->
14
-                <aside id="sidebar-wrapper">
15
-                    <header><h1><a href="//phyks.me">~Phyks</a></h1></header>
16
-
17
-                    <h2>Catégories</h2>
18
-                        <nav id="sidebar-tags">
19
-                            <div class="tag"><a href="//phyks.me/tags/Arch.html">/Arch (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Autohébergement.html">/Autohébergement (6)</a> </div><div class="tag"><a href="//phyks.me/tags/Dev.html">/Dev (16)</a> </div><div class="tag"><a href="//phyks.me/tags/DIY.html">/DIY (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Électronique.html">/Électronique (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Libre.html">/Libre (14)</a> </div><div class="tag"><a href="//phyks.me/tags/Linux.html">/Linux (12)</a> </div><div class="tag"><a href="//phyks.me/tags/Phyks.html">/Phyks (16)</a> </div><div class="tag"><a href="//phyks.me/tags/Smartphone.html">/Smartphone (4)</a> </div><div class="tag"><a href="//phyks.me/tags/Vim.html">/Vim (2)</a> </div><div class="tag"><a href="//phyks.me/tags/Web.html">/Web (14)</a> </div><div class="tag"><a href="//phyks.me/tags/Weechat.html">/Weechat (4)</a> </div>
20
-                        </nav>
21
-
22
-                    <h2>Derniers articles</h2>
23
-                        <ul id="sidebar-articles">
24
-                            <li><a href="//phyks.me/2014/11/ipv6_kimsufi.html">Getting ipv6 to work with a Kimsufi server</a></li><li><a href="//phyks.me/2014/11/bloomysearch.html">Proof-of-concept: BloomySearch, a (JavaScript) client-side search engine for static websites</a></li><li><a href="//phyks.me/2014/10/pulseaudio_remote.html">Balancer le son de ses hauts-parleurs sur le réseau</a></li><li><a href="//phyks.me/2014/10/dhcp_server.html">Utiliser son PC sous Arch pour connecter un Raspberry Pi à Internet</a></li><li><a href="//phyks.me/2014/08/sortez_vos_emails.html">Sortez vos emails, c'est pas sale&nbsp;!</a></li><li><a href="//phyks.me/archives.html">Archives</a></li>
25
-                        </ul>
26
-
27
-                    <h2>Liens</h2>
28
-                        <ul id="sidebar-links">
29
-                            <li><a href="//phyks.me/contact.html" title="Contact">Me contacter</a></li>
30
-                            <li class="monospace"><a href="//links.phyks.me" title="Mon Shaarli">find ~phyks -type l</a></li>
31
-                            <li><a href="https://github.com/phyks/" title="Github">Mon Github</a></li>
32
-                            <li><a href="//phyks.me/divers.html" title="Divers">Divers</a></li>
33
-                        </ul>
34
-                </aside>
35
-
36
-            <!-- Page content -->
37
-                <header id="header">
38
-                    <h1><a href="//phyks.me">~Phyks</a></h1>
39
-                </header>
40
-
41
-                <div id="note_responsive">
42
-                    <p><em>Note</em> : Cliquez sur la bande bleue à gauche pour faire apparaître le menu.</p>
43
-                </div>
44
-
45
-                <div id="articles">
46
-<article>
47
-	<aside>
48
-		<p class="day">01</p>
49
-		<p class="month">Mars</p>
50
-	</aside>
51
-	<div class="article">
52
-		<header><h1 class="article_title"><a href="//phyks.me/2014/03/fairphone.html">Retour sur mon fairphone</a></h1></header>
53
-		<!--
54
-	@author=Phyks
55
-	@date=01032014-1743
56
-	@title=Retour sur mon fairphone
57
-	@tags=Smartphone
58
--->
59
-<p>J'ai acheté un <a href="http://fairphone.com/">Fairphone</a> en novembre, et je l'ai reçu il y a quelques semaines maintenant. Je n'ai pas encore eu le temps d'écrire dessus, mais c'est désormais corrigé. Ce Fairphone vient remplacer mon ancien Galaxy S3, qui tournait sous Cyanogen 9, mais qui n'a pas arrêté de me poser des problèmes (problème avec la puce son qui se coupait parfois, présent chez de nombreux utilisateurs apparemment, entre autres).</p>
60
-
61
-<p>Note&nbsp;: Ceci est un petit compte-rendu après quelques semaines d'utilisation. Je mettrai cet article à jour au fur et à mesure, si de nouveaux problèmes apparaissent ou sont, au contraire, résolus.</p>
62
-
63
-<p style="text-align:center;"><a href="//phyks.me/2014/03/fairphone_1.jpg"><img src="//phyks.me/2014/03/fairphone_1.jpg" style="max-width: 45%; max-height: 500px;" alt="Face avant"/></a><a href="//phyks.me/2014/03/fairphone_5.jpg"><img src="//phyks.me/2014/03/fairphone_5.jpg" style="max-width: 45%; max-height: 500px;" alt="Face arrière"/></a></p>
64
-
65
-<h2>Un Fairphone ?</h2>
66
-    <p>Tout d'abord, qu'est-ce que c'est que cette étrange bête ? Fairphone est une initiative d'un groupe de hollandais pour proposer une alternative plus équitable aux smartphones actuels. Le projet a été crowdfundé pendant un peu plus d'un an, et le premier lot de 25 000 Fairphones a été livré en janvier.</p>
67
-
68
-    <p>Ils se sont engagés sur un certain nombre de points, parmi lesquels&nbsp;:</p>
69
-    <ul>
70
-        <li>Transparence, ils communiquent précisément sur ce que contient leur téléphone, sur les coûts et il y a notamment <a href="http://www.fairphone.com/wp-content/uploads/2013/09/Fairphone_Cost_Breakdown_and_Key_Sept2013.pdf">une infographie disponible</a> pour détailler le prix du téléphone.</li>
71
-        <li>Ils ont dans la mesure du possible essayé d'avoir un produit plus équitable que ce qui existe aujourd'hui. En particulier, leurs fournisseurs s'engagent sur un certain nombre de points (conditions de travail dans les usines en Chine, non soutien aux guerillas liées au commerce de métaux précieux en Afrique…). Il n'a pas toujours été possible de faire ce qu'ils espéraient (ils sont par exemple obligés de produire en Chine, même s'ils auraient voulu avoir un produit européen), mais ils ont bien respectés leurs engagements dans l'ensemble.</li>
72
-        <li>Libération des <em>datasheets</em> et des logiciels. C'est là un point très compliqué dans le monde du mobile. En effet, le secteur de la téléphonie mobile est un des secteurs les plus <em>closed source</em> qui existe, et il est très difficile de faire bouger ça. Ils ont essayer de convaincre leurs fournisseurs de diffuser certaines <em>datasheets</em>, mais ce n'est pas facile, et je ne crois pas qu'ils aient beaucoup réussi à faire bouger les choses de ce côté-là. En revanche, leurs logiciels sont open source et ils livrent le Fairphone avec un Android stock, sans applications Google préinstallées, ce qui est un très bon point par rapport aux autres fabricants. Ils ont également dit qu'ils soutiendraient le port de Firefox OS sur le Fairphone si des développeurs voulaient y travailler (mais qu'ils ne pourraient pas l'assurer eux-mêmes).</li>
73
-    </ul>
74
-
75
-    <p>Finalement, on a un smartphone assez similaire au Wiko Cink Five, il me semble, pour 325€, ce qui est certes plus cher, mais n'avance pas les mêmes atouts. Voyons voir ce que vaut le Fairphone après quelques semaines d'utilisation.</p>
76
-
77
-<h2>Ergonomie et design</h2>
78
-    <p>Le Fairphone a un écran de 4"3. Ce n'est pas tant que ça pour un smartphone actuel (on est plus autour de 5" aujourd'hui), mais au moins ça rentre dans une poche. Quand je le compare à mon ancien Galaxy S3, il paraît tout petit. De nombreuses personnes préfèrent avoir un grand écran, mais quitte à avoir des écrans de 5" et plus, autant prendre une tablette. En fait, ces tailles me paraissent un peu bancales, à mi-chemin entre un téléphone et une tablette&nbsp;: pas facile à prendre en main d'une seule main, trop petit pour deux mains, pas pratique dans une poche… Finalement, je suis plutôt favorable à une diagonale plus petite. À titre de comparaison, c'est à peu près la même diagonale d'écran que l'iPhone 5 (4") et il a la même taille à quelques millimètres près.</p>
79
-
80
-    <p>Le design est plutôt soigné et l'appareil est assez joli, avec son liseret blanc et son dos en alu. On notera la présence d'un bouton “Marche/Arrêt” classique au sommet de l'appareil et un bouton de réglage du volume sur le côté. Les trois boutons en façade (Menu / Accueil / Retour) sont en fait des touches tactiles. Elles sont assez jolies, mais on a tendance à les effleurer par inadvertance en tapant des messages. On s'y habitue, mais je préfère clairement avoir des boutons physiques à cet endroit.</p>
81
-
82
-    <p>Pour une fois, le capot arrière s'enlève assez facilement, contrairement à de nombreux smartphones avec lesquels on a peur de briser la fine couche de plastique qui sert de capot arrière. Derrière, on trouve deux logements pour carte SIM (SIM classique, et non micro-SIM, on dirait que la mode des toutes petites SIM est passée ?), l'em