Personnaliser votre PirateBox avec Bootstrap
Par PirateBox - Lien permanent
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.
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
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
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
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.
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
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).
Bonjour Sylvain,
Un grand merci pour ton tuto et ton zip Bootstrap. Ma PirateBox est bien plus jolie!
@Biblioveilleur : content qu'il te soit utile :)
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
Merci pour tout ça !
En revanche, comme Sylvain, j'ai ce soucis de refresh permanent ... une idée ?
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)
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 !
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
@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.
Hello, merci pour cette interface :-)
Même aujourd'hui elle sert encore !!
https://www.sefton.gov.uk/