olivier/site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[AJ] Modification des éléments d'une catégorie pour un meilleur

Browse Source 
affichage dans les navigateurs textuels

  * Suppression du titre et de la description d'une image
  * Remplacement de la description par celle du lien
  * ALT contenant une espace pour ne rien afficher sous elinks
  * Mise à jour du fichier creation_categ.sh
  * Mise à jour de la doc
  * Mise à jour du fichier TACHES
  * Adaptation HTML de l'élément
This commit is contained in:
Olivier DOSSMANN 2012-02-22 19:22:19 +01:00
parent 242feba1d9
commit af2b46d58f
7 changed files with 26 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
LISMOI
View File

@ -174,7 +174,7 @@ Voici une description de catégorie :
Voici une description d'un élément (un par ligne) : Voici une description d'un élément (un par ligne) :
Titre##URL##DESC##ADDR_IMG##TITRE_IMG##DESC_IMG Titre##URL##DESC##ADDR_IMG
où : où :
@ -184,8 +184,6 @@ où :
souris sur le lien souris sur le lien
- ADDR_IMG : est l'adresse relative vers l'image (Cf. ci-après pour plus de - ADDR_IMG : est l'adresse relative vers l'image (Cf. ci-après pour plus de
renseignements) renseignements)
- TITRE_IMG : est le titre de notre image (si jamais l'image ne s'affiche pas)
- DESC_IMG : est la description de l'image au passage de la souris
Des exemples sont donnés dans le dossier 'categ'. À vous de les modifier comme Des exemples sont donnés dans le dossier 'categ'. À vous de les modifier comme
bon vous semble. bon vous semble.

6
TACHES
View File

@ -17,10 +17,6 @@ DESTDIR
>>> Pour la v0.1.2 : >>> Pour la v0.1.2 :
- HTML 5 avec header et footer - HTML 5 avec header et footer
- Supprimer les descriptions des logos pour un meilleur affichage (Cf. elinks par exemple pour une démonstration verbeuse) : les ajouter dans le CSS. Alt = rien du tout, et title = nom donné.
- Meilleur affichage dans les navigateurs textes (seulement les alt des images à modifier)
- Simplifier le fichier Makefile au niveau des variables pour réduire leur nombre - Simplifier le fichier Makefile au niveau des variables pour réduire leur nombre
- Réorganiser les variables du GNUmakefile pour rendre plus simple le choix des variables par l'utilisateur. Afin qu'il n'ai JAMAIS à mettre d'autre variables dans le contenu. Par exemple jamais écrire cela : $(DOSSIER)/fichier.html !!!! - Réorganiser les variables du GNUmakefile pour rendre plus simple le choix des variables par l'utilisateur. Afin qu'il n'ai JAMAIS à mettre d'autre variables dans le contenu. Par exemple jamais écrire cela : $(DOSSIER)/fichier.html !!!!
- ne laisser que la variable CSS_COULEUR ? => trouver une solution potable - ne laisser que la variable CSS_COULEUR ? => trouver une solution potable
@ -127,3 +123,5 @@ des éléments
- changer les div#abc en #abc dans le CSS - changer les div#abc en #abc dans le CSS
- commenter le code CSS - commenter le code CSS
- Fait. Seulement pas de inline-block pour un meilleur affichage | Changer les DIV en une liste d'éléments puis mettre display: inline-block; pour l'affichage. Si liste, alors mettre des point-virgules à la fin de chaque ligne (et les cacher en css) - Fait. Seulement pas de inline-block pour un meilleur affichage | Changer les DIV en une liste d'éléments puis mettre display: inline-block; pour l'affichage. Si liste, alors mettre des point-virgules à la fin de chaque ligne (et les cacher en css)
- Supprimer les descriptions des logos pour un meilleur affichage (Cf. elinks par exemple pour une démonstration verbeuse) : les ajouter dans le CSS. Alt = rien du tout, et title = nom donné.
- Meilleur affichage dans les navigateurs textes (seulement les alt des images à modifier)

4
categ/categorie_exemple.txt
View File

@ -1,4 +1,4 @@
# Ceci est un commentaire # Ceci est un commentaire
[[Catégorie d'exemple]]Description de ma catégorie d'exemple [[Catégorie d'exemple]]Description de ma catégorie d'exemple
Vous êtes perdus ?##http://perdu.com##Se rendre sur le site perdu.com##apps/preferences-system-session-services.png##Mon image##Description de mon image Vous êtes perdus ?##http://perdu.com##Se rendre sur le site perdu.com##apps/preferences-system-session-services.png
Exalead##http://exalead.fr##Visiter Exalead##apps/preferences-web-browser-shortcuts.png##Autre image##Autre description Exalead##http://exalead.fr##Visiter Exalead##apps/preferences-web-browser-shortcuts.png

6
categ/education.txt
View File

@ -1,5 +1,5 @@
# [[Nom de la catégorie]]Description # [[Nom de la catégorie]]Description
[[Éducation]]Thème sur l'éducation [[Éducation]]Thème sur l'éducation
# Titre du lien##Adresse web en HTTP##Description du lien##Nom du fichier image##Titre de l'image##Description de l'image # Titre du lien##Adresse web en HTTP##Description du lien##Nom du fichier image
Seeks##http://www.seeks-project.info/search.php/websearch-hp##Méta-moteur de recherche décentralisé##apps/nepomuk.png##Seeks##Logo de Nepomuk Seeks##http://www.seeks-project.info/search.php/websearch-hp##Méta-moteur de recherche décentralisé##apps/nepomuk.png
OOo4kids##http://wiki.ooo4kids.org/index.php/Main_Page/fr##Logiciel de bureautique libre pour les enfants de 7 à 12 ans##apps/okteta.png##Oketa##Logo d'Oketa OOo4kids##http://wiki.ooo4kids.org/index.php/Main_Page/fr##Logiciel de bureautique libre pour les enfants de 7 à 12 ans##apps/okteta.png

12
categ/vrac.txt
View File

@ -1,8 +1,8 @@
# [[Nom de la catégorie]]Description # [[Nom de la catégorie]]Description
[[Divers]]Quelques éléments en vrac [[Divers]]Quelques éléments en vrac
# Titre du lien##Adresse web en HTTP##Description du lien##Nom du fichier image##Titre de l'image##Description de l'image # Titre du lien##Adresse web en HTTP##Description du lien##Nom du fichier image
Inkscape##http://inkscape.org/##Outil de création graphique vectorielle##apps/inkscape.png##Inkscape##Logo d'Inkscape Inkscape##http://inkscape.org/##Outil de création graphique vectorielle##apps/inkscape.png
Wine##http://www.winehq.org/##Utilisez des outils Windows sous Linux, BSD, Mac ou Solaris##apps/wine.png##Wine##Logo de Wine Wine##http://www.winehq.org/##Utilisez des outils Windows sous Linux, BSD, Mac ou Solaris##apps/wine.png
Dogmazic##http://www.dogmazic.net/##Musique libre##devices/multimedia-player.png##Dogmazic##Lecteur multimédia Dogmazic##http://www.dogmazic.net/##Musique libre##devices/multimedia-player.png
Vim##http://www.vim.org/##Éditeur en mode console##apps/utilities-terminal.png##Vim##Console Vim##http://www.vim.org/##Éditeur en mode console##apps/utilities-terminal.png
ChiliProject##https://www.chiliproject.org/##Outil de gestion de projet##status/script-error.png##ChiliProject##Bug ChiliProject##https://www.chiliproject.org/##Outil de gestion de projet##status/script-error.png

2
composants/element.html
View File

@ -3,7 +3,7 @@
<div class="element"> <div class="element">
@@TITRE_ELEMENT@@ <br /> @@TITRE_ELEMENT@@ <br />
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@" /> <img src="@@URL_IMAGE@@" alt="@@DESC_IMAGE@@" title="@@TITRE_IMAGE@@" />
</div> </div>
</a><span class="cache_cache">&nbsp;;</span> </a><span class="cache_cache">&nbsp;;</span>
</li> </li>

24
creation_categ.sh
View File

@ -7,7 +7,7 @@
#+ #+
#+ # Commentaire dans le fichier #+ # Commentaire dans le fichier
#+ [[Titre de la catégorie]]Description de la catégorie #+ [[Titre de la catégorie]]Description de la catégorie
#+ titre de l'élément##http://domaine.tld/##description de l'élément##nom_image##Titre de l'image##description de l'image #+ titre de l'élément##http://domaine.tld/##description de l'élément##nom_image
########### ###########
# LICENCE # # LICENCE #
@ -110,8 +110,6 @@ do
elements_url="" elements_url=""
elements_desc="" elements_desc=""
elements_image_addr="" elements_image_addr=""
elements_image_titre=""
elements_image_desc=""
curseur_element=0 curseur_element=0
# Calcul du nombre de ligne du fichier # Calcul du nombre de ligne du fichier
nbre_lignes=`cat "${fichier}" |wc -l` nbre_lignes=`cat "${fichier}" |wc -l`
@ -160,20 +158,20 @@ do
debug "$categ_titre : $categ_desc" debug "$categ_titre : $categ_desc"
CATEG=1 CATEG=1
fi fi
#+ SI la chaîne contient 6 fois '##' #+ SI la chaîne contient 3 fois '##'
#+ exemple : Vous êtes perdus ?##http://perdu.com##Se rendre sur le site perdu.com####Mon image##Description de mon image #+ exemple : Vous êtes perdus ?##http://perdu.com##Se rendre sur le site perdu.com##apps/image.png
element_comp=`echo $ligne |sed -e 's@^.*\(##\).*\(##\).*\(##\).*\(##\).*\(##\).*$@\1\2\3\4\5@g'` element_comp=`echo $ligne |sed -e 's@^.*\(##\).*\(##\).*\(##\).*$@\1\2\3@g'`
debug "Comparaison element : $element_comp" debug "Comparaison element : $element_comp"
if [ "$element_comp" = "##########" ] if [ "$element_comp" = "######" ]
then then
debug "La ligne est un élément : Enregistrement." debug "La ligne est un élément : Enregistrement."
# Recherche des informations pour l'élément # Recherche des informations pour l'élément
element_titre=`echo $ligne |sed -e 's@^\(.*\)##.*##.*##.*##.*##.*$@\1@g'` element_titre=`echo $ligne |sed -e 's@^\(.*\)##.*##.*##.*$@\1@g'`
element_url=`echo $ligne |sed -e 's@^.*##\(.*\)##.*##.*##.*##.*$@\1@g'` element_url=`echo $ligne |sed -e 's@^.*##\(.*\)##.*##.*$@\1@g'`
element_desc=`echo $ligne |sed -e 's@^.*##.*##\(.*\)##.*##.*##.*$@\1@g'` element_desc=`echo $ligne |sed -e 's@^.*##.*##\(.*\)##.*$@\1@g'`
element_img_addr=`echo $ligne |sed -e 's@^.*##.*##.*##\(.*\)##.*##.*$@\1@g'` element_img_addr=`echo $ligne |sed -e 's@^.*##.*##.*##\(.*\)$@\1@g'`
element_img_titre=`echo $ligne |sed -e 's@^.*##.*##.*##.*##\(.*\)##.*$@\1@g'` element_img_titre="${element_desc}"
element_img_desc=`echo $ligne |sed -e 's@^.*##.*##.*##.*##.*##\(.*\)$@\1@g'` element_img_desc=" "
debug "Élément : titre=$element_titre, url=$element_url, desc=$element_desc, adresse_image=$element_img_addr, titre_image=$element_img_titre, desc_image=$element_img_desc" debug "Élément : titre=$element_titre, url=$element_url, desc=$element_desc, adresse_image=$element_img_addr, titre_image=$element_img_titre, desc_image=$element_img_desc"
# Ajout des éléments dans les tableaux appropriés # Ajout des éléments dans les tableaux appropriés
eval "elements_titre_${curseur_element}=\"${element_titre:-""}\"" eval "elements_titre_${curseur_element}=\"${element_titre:-""}\""