Des tags icônifiés sous i3wm

Hello !

Un petit billet pour vous parler de mon bureau sous i3wm, qui a subi une petite amélioration graphique. En effet, grâce à PacMiam, j'ai modifié la présentation des tags. Originellement, j'avais opté pour du texte, ce qui permettait de catégoriser mes tags selon leur utilité. Maintenant, je les connais bien et des icônes sont bien plus jolies ! (Et en plus, ça prend moins de place).

Comment faire ?

  1. Téléchargez la police Awesome et placez FontAwesome.otf dans ~/.fonts/.
  2. - Allez sur la page de référence de la police Awesome et copiez l'icône qui vous plait (pas le code entre parenthèse). Certaines ne fonctionnent pas mais la majorité oui. Ouvrez en parallèle votre ~/.i3/config et modifiez ces 3 parties (ou suivez le conseil de Hedy dans les commentaires en créant des variables).
# switch to workspace
bindsym $mod+0x24 workspace 0.
bindsym $mod+0x22 workspace 1.
bindsym $mod+0xab workspace 2.
bindsym $mod+0xbb workspace 3.
bindsym $mod+0x28 workspace 4.
bindsym $mod+0x29 workspace 5.
bindsym $mod+0x40 workspace 6.
bindsym $mod+0x2b workspace 7.
bindsym $mod+0x2d workspace 8.
bindsym $mod+0x2f workspace 9.
bindsym $mod+0x2a workspace 10.
# move focused container to workspace
bindsym $mod+Shift+0x24 move container to workspace 0.
bindsym $mod+Shift+0x22 move container to workspace 1.
bindsym $mod+Shift+0xab move container to workspace 2.
bindsym $mod+Shift+0xbb move container to workspace 3.
bindsym $mod+Shift+0x28 move container to workspace 4.
bindsym $mod+Shift+0x29 move container to workspace 5.
bindsym $mod+Shift+0x40 move container to workspace 6.
bindsym $mod+Shift+0x2b move container to workspace 7.
bindsym $mod+Shift+0x2d move container to workspace 8.
bindsym $mod+Shift+0x2f move container to workspace 9.
bindsym $mod+Shift+0x2a move container to workspace 10.
# Assigne les applications aux workspaces
assign [class="Firefox"] 1.
assign [class="Chromium"] 1.
assign [class="Liferea"] 1.
assign [class="Claws-mail"] 2.
assign [class="Hexchat"] 3.
assign [class="Pidgin"] 3.
assign [class="Spacefm"] 4.
assign [class="libreoffice-startcenter"] 5.
assign [class="libreoffice-impress"] 5.
assign [class="libreoffice-writer"] 5.
assign [class="Rednotebook"] 7.

Bien sur, adaptez selon vos envies. Ensuite, un petit Shift+Mod+r pour recharger la config d'i3 à la volée et vous pourrez profiter de vos tags en icônes. (Il vous faudra déplacer les clients placés dans les anciens tags pour actualiser l'affichage).

Pour finir, voici un screenshot pour imager cette évolution, avec un fond d'écran tout frais pour fêter ça.

2014-02-25-18-28-48_1366x768

Rédigé par botchikii
25 février 2014 | Gnu/Linux, Libre | Mots clés : i3, screenshot, configuration

14 commentaires

#1 mardi 25 février 2014 @ 20:34 PacMiam a dit :

 approuve l'utilisation des icones !

C'est vrai que le rendu est bien meilleur surtout sur de petites résolutions ^^

#2 mardi 25 février 2014 @ 20:42 botchikii a dit :

Oui, et ça rend bien plus classe sur les screenshots ^^ Merci pour l'astuce !

#3 mardi 25 février 2014 @ 21:09 Hedy a dit :

Très très bonne astuce !
Merci pour le tuyau :)

#4 mardi 25 février 2014 @ 21:46 Hedy a dit :

Une astuce utile qui t'intéressera peut-être : plutôt que de modifier les workspaces à 3 endroits différents, tu peux introduire des variables :

## Variables perso pour les workspaces
set $ws1 1·www
set $ws2 2·mail
set $ws3 3·im
set $ws4 4·dev
set $ws5 5·zik
set $ws6 6·taf
set $ws7 7·visuel
set $ws8 8·divers
set $ws9 9·compta
set $ws0 term


Ensuite dans le reste du fichier conf, tu les utilises comme ceci :

## Changer de workspace (BEPO)
bindsym $mod+F1 workspace $ws1
bindsym $mod+F2 workspace $ws2
bindsym $mod+F3 workspace $ws3
bindsym $mod+F4 workspace $ws4
bindsym $mod+F5 workspace $ws5
bindsym $mod+F6 workspace $ws6
bindsym $mod+F7 workspace $ws7
bindsym $mod+F8 workspace $ws8
bindsym $mod+F9 workspace $ws9
bindsym $mod+F10 workspace $ws0

#5 mardi 25 février 2014 @ 21:56 Hedy a dit :

En fait j'ai un soucis d'utf8 avec ton astuce : quelque soit la police que j'utilise dans ma barre, je ne parviens pas à avoir ne serait-ce qu'une icône qui s'affiche.
Pourtant j'utilise les mêmes que toi, et je n'obtiens que des carrés...
Je creuse la question mais si un lecteur à la soluce, ça m'intéresse :)

#6 mardi 25 février 2014 @ 21:57 botchikii a dit :

Oui, bien vu pour les variables, je n'y avais pas pensé. Ça évite les oublis ! Merci !

#7 mardi 25 février 2014 @ 22:11 botchikii a dit :

Pour ton souci, i3 est il bien compilé pour l'utf8 ? ton système est aussi utf-8 ? (je fais passer les suggestions via IRC que je reçois suite au transfert de ton com). Dans ton éditeur, tu vois bien l'icone tel que sur le site ? perso, pour ce boulot là, j'ai mis de coté vim et édité avec geany.

#8 mardi 25 février 2014 @ 22:25 botchikii a dit :

Une idée comme ça : tu utilise quel format pour la police de ta barre ? ? perso j'utilise Pango, qui gère l'utf-8 :
<code>font pango:Droid Sans Mono 9</code>
Pour l'ancien format, il faut ajouter iso10646-1 pour l'utf-8
<code>font -misc-fixed-medium-r-normal--13-120-75-75-C-70-iso10646-1</code>

#9 mardi 25 février 2014 @ 23:01 Edelwin Khaelos a dit :

j'utilise font "xft:Fontawesome 10" dans mon fichier de conf, et c'est juste awesome <3
merci !

#10 mercredi 26 février 2014 @ 01:59 botchikii a dit :

Hedy, si tu repasses dans le coin, je crois que j'ai trouvé ton problème. C'est de ma faute, je pensais que ce n'était pas nécessaire mais il faut télécharger la police et placer le .otf dans ton ~/.fonts/ . J'ai modifié l'article. Désolé !

#11 mercredi 26 février 2014 @ 02:23 botchikii a dit :

@ Edelwin Khaelos Bienvenue :) Par contre, en utilisant la FontAwesome dans son intégralité, tu arrive à avoir une status bar fonctionnelle (batterie, occupation disque, réseau, etc…) ?

#12 mercredi 26 février 2014 @ 07:36 Hedy a dit :

Je pensais avoir répondu hier !
Mon soucis venait bien de la font qui n'était pas dans mon répertoire .fonts ;)

#13 mardi 08 juillet 2014 @ 10:58 Edelwin Khaelos a dit :

Constate =)
http://wxcafe.net/~edelwin/images/glyphes1.png

#14 lundi 14 juillet 2014 @ 17:02 Pingax a dit :

J'avoue que c'est la classe :D Merci à Pac' et à toi-même pour avoir partagé l'astuce :)

Écrire un commentaire

 Se rappeler de moi sur ce site

Quelle est la dernière lettre du mot kfun ? :