Personnaliser votre PirateBox avec Bootstrap

Par défaut, la page d’accueil d’une PirateBoxn’est pas spécialement sexy. C’est pourquoi j’ai eu envie de la personnaliser un peu.
C’était une bonne occasion pour tester Bootstrap, le framework de Twitter.

PirateBox-bootstrap.png

Alors voici en pièce jointe à ce billet [1] une archive zip qui contient :

  • le fichier index.html, pour remplacer celui par défaut
  • piratebox.html, une version du ReadMe
  • les fichiers css et javascripts de Bootstrap

PirateBox-bootstrap-n0d1.png

Edit : n’hésitez pas à poursuivre votre lecture sur le blog de Biblionumericus qui explique davantage comment utiliser tout ça : Personnaliser sa PirateBox

Note

[1] Il existe aussi une personnalisation réalisée par PirateBox Lille je pense : https://github.com/rlespinasse/my-piratebox

Commentaires

1. Le mardi 18 juin 2013, 21:15 par sarooman

bonjours après avoir télécharger le zip comment fait ton pour l'installer sur la pb ??? désoler je suis un débutant

2. Le jeudi 20 juin 2013, 13:27 par Sylvain

Bonjour Sarooman,

Si tu es débutant, ceci n'est peut-être pas pour toi dans un premier temps, mais voici quelques indications avant de trouver le temps de faire un tuto à l'occasion :
On peut utiliser le logiciel libre WinSCP sous Windows afin de se connecter en ssh à la piratebox.
Ce faisant, on pourra copier très facilement les fichiers dans l’arborescence de la Piratebox.

Peut-être que tu peux aussi faire un tour sur le blog pirateboxfr.com (qui ne semble plus actif), il y a des tutos videos en ligne.

3. Le mardi 25 juin 2013, 15:14 par kevlarcade

Bonjour,

Je travail sur la piratebox depuis quelque temps avec un graphiste et tu peut utiliser bootstrap pour des fonctionnalité bien plus poussé qu'un simple menu déroulant.

À termes je compte utiliser la pirate box pour diverse chose mais pour le moment je compte rendre la main à openwrt et faire une piratebox from scratch maintenant que l'interface est casi opérationnel, il ne reste plus que le système d'upload as intégré en python car pour des raison évidente d'espace disponible un code en python avec des socket remplacerait le modulee que j'ai coder en php mais que le paquets ne peut être installé car manque de place.

Je t'invite à me contacté si tu souhaite que je t'expose mes projets, éventuelements travailé ensemble et pouvoir les lancé dans nos villes respéctive.

Librement,
kevlarcade

4. Le mardi 25 juin 2013, 22:32 par Sylvain

Bonjour @kevlarcade, très intéressant à lire. Le plus intéressant sera de pouvoir tester tout ça :)
Tu compte publier tes travaux quelque part, sur le forum du projet ?
A noter que l'un des dev a mis en ligne un nouveau firmware qui augmente grandement la taille d'espace disponible ; je n'ai pas eu le temps de re-tester l'install de PHP, mais ça devrait être mieux (même si on approche aussi les limites de la box).

5. Le vendredi 5 juillet 2013, 22:41 par Biblioveilleur

Bonjour Sylvain,

Un grand merci pour ton tuto et ton zip Bootstrap. Ma PirateBox est bien plus jolie!

6. Le lundi 8 juillet 2013, 11:38 par Sylvain

@Biblioveilleur : content qu'il te soit utile :)

7. Le lundi 15 juillet 2013, 08:43 par Sylvain DENIS

Bonjour,
j'ai tenté de mettre bootstrap afin de suivre ton tuto.
Pour le mettre pas de souci.
Par contre, quand j'accède sur la PirateBox à la page, celle-ce fait un refresh en permanence et donc impossible de faire quoi que ce soit.
Une idée du problème???

Merci d'avance

Sylvain

8. Le mercredi 17 juillet 2013, 00:34 par Julien

Merci pour tout ça !
En revanche, comme Sylvain, j'ai ce soucis de refresh permanent ... une idée ?

9. Le mercredi 17 juillet 2013, 00:41 par Sylvain

Bonjour Sylvain,

J'ai déjà eu ça sur des précédentes install, pas sur la page d'accueil, mais sur des sous-répertoires par exemple.
J'avais regardé sur le forum, et cela semble arriver parfois, sans toutefois avoir de correction. Du coup c'est une nouvelle installation toute fraîche qui s'impose (Matthias a publié un nouveau firmware et script qui doit en principe améliorer la chose)

10. Le mercredi 17 juillet 2013, 00:44 par Sylvain

Zut ! Un deuxième retour c'est pas cool !
Pourtant je ne pense pas que le problème vienne de ses fichiers.
(mais comme je le disais, j'utilise la dernière version du script et le firmware)

Sinon pour info une personne a repris ces sources pour en faire une nouvelle version, dont la dernière permet de téléverser jusqu'à 3 fichiers. C'est dispo à partir du forum (pas testé encore)

J'espère que ça rentrera dans l'ordre pour vous !

11. Le mardi 10 décembre 2013, 06:51 par Rheinandco

Bonjour,
Je viens de découvrir cette nouvelle interface très agréable... Bravo pour le travail réalisé!
Comment personnaliser le menu déroulant pour l'adapter à une "pedagobox" pour un prof? Nous avons une trentaine de piratebox dans les établissements scolaires ici en Corrèze.
Merci de votre aide

Christophe

12. Le mardi 10 décembre 2013, 09:36 par Sylvain

@Rheinandco,
Bonjour, ravi d'apprendre la présence de cette trentaine de piratebox :)
Pour l'édition du menu, il faut simplement éditer le fichier index.html (forcément avoir quelques bases en html) et modifier les liens que vous souhaitez.
Si besoin d'un exemple, n'hésitez pas.

13. Le jeudi 28 mai 2015, 00:51 par finopat

Hello, merci pour cette interface :-)
Même aujourd'hui elle sert encore !!

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant une syntaxe wiki simplifiée.

La discussion continue ailleurs

1. Le mercredi 12 février 2014, 09:54 par Anonymous blog

Piratebox, ou comment créer son propre réseau Internet |

(…) Modifier l’apparence de sa piratebox (…)

Fil des commentaires de ce billet

En haut