source: spip-zone/_galaxie_/galactic/galactic_programmer/content/article.html @ 105541

Last change on this file since 105541 was 105541, checked in by nicolas.dorigny@…, 3 years ago

Un squelette basé sur le design créé par Jordan
cf la capture écran sur l'article https://contrib.spip.net/Refonte-de-l-identite-graphique

Ce squelette Z et SCSS est conçu pour être surchargé par des thèmes spécialisé, sous la forme d'autres plugins à installer.

Ce ne sont pas des thèmes au sens de ceux qui existent pour la dist ou pour Spipr, ces thèmes là peuvent déclarer des dépendances, des configurations, des options etc.
Ils s'installent donc comme des plugins et pas avec Zen-Garden.

Deux thèmes pour l'instant : programmer.spip.net, et spip.net

C'est un travail en cours, j'uploade tout ça sur la zone pour le partager et en discuter.

TODO : une documentation du squelette et de la façon de créer un thème (surcharges).

File size: 2.8 KB
Line 
1<BOUCLE_art(ARTICLES){id_article}>
2[(#PLUGIN{polyhier}|oui)
3        #INCLURE{fond=inclure/documentation_hierarchie_poly,id_article,id_rubrique}
4]
5<article>
6       
7        <div class="cartouche surlignable">
8                [(#LOGO_ARTICLE|image_reduire{200,200})]
9                [<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
10                <h1 class="#EDIT{titre} entry-title" itemprop="name">#TITRE</h1>
11                [<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
12        </div>
13
14        <div class="surlignable">
15                [<div class="#EDIT{chapo} chapo" itemprop="description">(#CHAPO|image_reduire{680,0})</div>]
16                [<div class="#EDIT{texte} texte" itemprop="text">(#TEXTE|image_reduire{680,0})</div>]
17                [<div class="#EDIT{exemple} exemple complements">
18                        <h2><:galactic_programmer:exemple:></h2>
19                        (#EXEMPLE|image_reduire{680,0})
20                </div>]
21                [<div class="#EDIT{exercice} exercice complements">
22                        <h2><:galactic_programmer:exercice:></h2>
23                        (#EXERCICE|image_reduire{680,0})
24                </div>]
25                [<div class="#EDIT{reponse} reponse complements">
26                        <h2><:galactic_programmer:reponse:></h2>
27                        <div class="reponse-contenu">
28                                (#REPONSE|image_reduire{680,0})
29                        </div>
30                </div>]
31        </div>
32
33        [(#PLUGIN{a2a}|oui)
34        <INCLURE{fond=inclure/a2a-articles,id_article} />]
35
36        [<div class="notes surlignable"><p class="pas_surlignable"><:info_notes:></p>(#NOTES)</div>]
37       
38        [(#REM) Gestion du portfolio et des documents
39                Le critere {env} permet de passer d'autres arguments de la page
40                par exemple l'id_document choisi pour un affichage complet
41        ]
42        [(#INCLURE{fond=inclure/documents,env})]
43       
44        [<div class="extra ps">
45                <div class="#EDIT{ps}">(#PS|image_reduire{120,0})</div>
46        </div>]
47       
48        <div class="article__statut">
49                [<p class="auteurs"><:auteur:>
50                        (#LESAUTEURS)</p>]
51                <BOUCLE_mot(MOTS){type=Licence}{id_article}>[<p><:galactic_programmer:licence:>
52                        <abbr class="licence"[ title="(#DESCRIPTIF|attribut_html)"]>(#TITRE)</abbr></p>]</BOUCLE_mot>
53                [<p class="publication"><:galactic_programmer:publie_le:>
54                        <abbr class="published" itemprop="datePublished" title="[(#DATE|date_iso)]">(#DATE|affdate{d/m/y})</abbr></p>]
55                        [<p><:galactic_programmer:mis_a_jour:>
56                                <abbr class="modified updated" itemprop="dateModified" title="[(#MAJ|date_iso)]">(#DATE|affdate{d/m/y}|!={#MAJ|affdate{d/m/y}}|?{#MAJ|affdate{d/m/y}})</abbr></p>]
57                [<p class="traductions"><:galactic_programmer:traductions:>
58                        (#MODELE{article_traductions})</p>]
59        </div>
60       
61        [(#REM)
62        Si pas traduit dans plus d'une langue, le modele article_traductions n'affiche rien ce qui est normal
63        On ajoute donc juste cette meta inLanguage pour http://schema.org/Article qui sera invisible par l'utilisateur mais là
64        ][(#MODELE{article_traductions}|non)<meta itemprop="inLanguage" content="#LANG" />]
65       
66        [(#REM) Forum de l'article ]
67        [(#PARAMETRES_FORUM|oui)
68        <div id="forum">
69                <INCLURE{fond=inclure/forum}{id_article} />
70                #FORMULAIRE_FORUM{#SELF}
71        </div>]
72
73</article>
74</BOUCLE_art>
Note: See TracBrowser for help on using the repository browser.