[AJ] Modification des éléments d'une catégorie pour un meilleur
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
parent
242feba1d9
commit
af2b46d58f
4
LISMOI
4
LISMOI
@ -174,7 +174,7 @@ Voici une description de catégorie :
|
||||
|
||||
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ù :
|
||||
|
||||
@ -184,8 +184,6 @@ où :
|
||||
souris sur le lien
|
||||
- ADDR_IMG : est l'adresse relative vers l'image (Cf. ci-après pour plus de
|
||||
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
|
||||
bon vous semble.
|
||||
|
||||
6
TACHES
6
TACHES
@ -17,10 +17,6 @@ DESTDIR
|
||||
>>> Pour la v0.1.2 :
|
||||
- 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
|
||||
- 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
|
||||
@ -127,3 +123,5 @@ des éléments
|
||||
- changer les div#abc en #abc dans le 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)
|
||||
- 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)
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
# Ceci est un commentaire
|
||||
[[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
|
||||
Exalead##http://exalead.fr##Visiter Exalead##apps/preferences-web-browser-shortcuts.png##Autre image##Autre description
|
||||
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
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
# [[Nom de la catégorie]]Description
|
||||
[[É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
|
||||
Seeks##http://www.seeks-project.info/search.php/websearch-hp##Méta-moteur de recherche décentralisé##apps/nepomuk.png##Seeks##Logo de Nepomuk
|
||||
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
|
||||
# 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
|
||||
OOo4kids##http://wiki.ooo4kids.org/index.php/Main_Page/fr##Logiciel de bureautique libre pour les enfants de 7 à 12 ans##apps/okteta.png
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
# [[Nom de la catégorie]]Description
|
||||
[[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
|
||||
Inkscape##http://inkscape.org/##Outil de création graphique vectorielle##apps/inkscape.png##Inkscape##Logo d'Inkscape
|
||||
Wine##http://www.winehq.org/##Utilisez des outils Windows sous Linux, BSD, Mac ou Solaris##apps/wine.png##Wine##Logo de Wine
|
||||
Dogmazic##http://www.dogmazic.net/##Musique libre##devices/multimedia-player.png##Dogmazic##Lecteur multimédia
|
||||
Vim##http://www.vim.org/##Éditeur en mode console##apps/utilities-terminal.png##Vim##Console
|
||||
ChiliProject##https://www.chiliproject.org/##Outil de gestion de projet##status/script-error.png##ChiliProject##Bug
|
||||
# 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
|
||||
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
|
||||
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
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="element">
|
||||
@@TITRE_ELEMENT@@ <br />
|
||||
|
||||
<img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@" />
|
||||
<img src="@@URL_IMAGE@@" alt="@@DESC_IMAGE@@" title="@@TITRE_IMAGE@@" />
|
||||
</div>
|
||||
</a><span class="cache_cache"> ;</span>
|
||||
</li>
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
#+
|
||||
#+ # Commentaire dans le fichier
|
||||
#+ [[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 #
|
||||
@ -110,8 +110,6 @@ do
|
||||
elements_url=""
|
||||
elements_desc=""
|
||||
elements_image_addr=""
|
||||
elements_image_titre=""
|
||||
elements_image_desc=""
|
||||
curseur_element=0
|
||||
# Calcul du nombre de ligne du fichier
|
||||
nbre_lignes=`cat "${fichier}" |wc -l`
|
||||
@ -160,20 +158,20 @@ do
|
||||
debug "$categ_titre : $categ_desc"
|
||||
CATEG=1
|
||||
fi
|
||||
#+ SI la chaîne contient 6 fois '##'
|
||||
#+ exemple : Vous êtes perdus ?##http://perdu.com##Se rendre sur le site perdu.com####Mon image##Description de mon image
|
||||
element_comp=`echo $ligne |sed -e 's@^.*\(##\).*\(##\).*\(##\).*\(##\).*\(##\).*$@\1\2\3\4\5@g'`
|
||||
#+ SI la chaîne contient 3 fois '##'
|
||||
#+ 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@g'`
|
||||
debug "Comparaison element : $element_comp"
|
||||
if [ "$element_comp" = "##########" ]
|
||||
if [ "$element_comp" = "######" ]
|
||||
then
|
||||
debug "La ligne est un élément : Enregistrement."
|
||||
# Recherche des informations pour l'élément
|
||||
element_titre=`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_img_addr=`echo $ligne |sed -e 's@^.*##.*##.*##\(.*\)##.*##.*$@\1@g'`
|
||||
element_img_titre=`echo $ligne |sed -e 's@^.*##.*##.*##.*##\(.*\)##.*$@\1@g'`
|
||||
element_img_desc=`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_desc=`echo $ligne |sed -e 's@^.*##.*##\(.*\)##.*$@\1@g'`
|
||||
element_img_addr=`echo $ligne |sed -e 's@^.*##.*##.*##\(.*\)$@\1@g'`
|
||||
element_img_titre="${element_desc}"
|
||||
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
|
||||
eval "elements_titre_${curseur_element}=\"${element_titre:-""}\""
|
||||
|
||||
Loading…
Reference in New Issue
Block a user