Affichage du code PML – 'sources.pml'

Affichage du code PML – 'sources.pml' :

1 <pml <%scripts>pmldoc.pss>

2 §marine <span #style=color:#000080>

3 #§chapitre <div #style=background:#c0ffff <h1.chap <*>>>

4 #§sous_chapitre <h2>

5 #§toc <h1 #1=chapitre,,toc1 #2=sous_chapitre,,toc2 <@Contents>>

6 #§coché <p.liste <b ☑ ><*>>

7 #§pcode <p.code>

8 §encadré <div #style=border:1px\ solid\ black;padding:5px>

9 #§insécable <span+ #style=background:#80b0b0 >

10 §table900 <table #style=width:900px>

11 §td150 <td #style=width:150px>

12 §td3c <td #colspan=3>

13 §titre <p.centre #style=font-size:16pt;line-height:18pt <marine <arial <*>>>>

14 §bu <b <u <*>>>

15 §boutonsource <§ <td150 >

16 ———›———›<td.bouton+gris #style=width:150px; <a.neutre #href=<pmlroot>source.pml?src=<*1>&lang=<lang> #target=_blank <*1> >>

17 ———›———›<td150 >

18 ———›———›>

19 §séparation <p.centre <img #src=<pmlroot>images/bdbleue.gif>>

21 <meta #name=keywords #content='''science-fiction, Lunatique, DAS, Orion, PML, Markup Language, HTML, ePub'''>

22 <meta #name=author #content=Jean-Luc\ Blary>

23 <link #rel=stylesheet #href=<pmlroot>pmldoc.css #type=text/css>

24 <title <@understand_PML>>

26 # Génération de classes pour boutons

27 <dégradé #bleu ##00e0ff ##004090>

28 <dégradé #gris ##e0e0e0 ##808080>

29 <dégradé #orange ##ffe000 ##ff8000>

30 <dégradé #cyan ##00e0e0 ##008080>

31 <dégradé #bordeaux ##c00000 ##600000>

32 <dégradé #jaune ##ffff80 ##d0d000>

33 <dégradé #violet ##ff50a0 ##800050>

34 <dégradé #olive ##c0c000 ##606000>

36 <div #style=display:table;width:100%;height:100vh

37 ———›# Colonne de gauche avec menu

38 ———›<div #style=min-width:200px;display:table-cell;background:#e0e0e0;border-right:2px\ solid\ grey;padding-top:10px;background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

39 ———›———›<p.centre <img #<pmlroot>images/pml225.png #style=width:190px>>

40 ———›———›<espace>

41 ———›———›# Ajout des boutons

42 ———›———›<table.bouton

43 ———›———›———›<tr #height=24px <td.bouton+orange <a.neutre #https://www.blary.eu/index.pml <@home> >>>

44 ———›———›———›<trv>

45 ———›———›———›<tr #height=24px <td.bouton+cyan <a.neutre #<pmlroot>index.pml <@Presentation> >>>

46 ———›———›———›<trv>

47 ———›———›———›<tr #height=24px <td.bouton+bleu <a.neutre #<pmlroot>pmldoc.pml <blanc <@Documentation> >>>>

48 ———›———›———›<trv>

49 ———›———›———›<tr #height=24px <td.bouton+bordeaux <a.neutre #<pmlroot>download.pml <blanc <@Downloading> >>>>

50 ———›———›———›<trv>

51 ———›———›———›<tr #height=24px <td.bouton+violet <a.neutre #<pmlroot>changelog.pml #target=_blank <blanc Changelog >>>>

52 ———›———›———›<trv>

53 ———›———›———›<tr #height=24px <td.bouton+olive <a.neutre #<pmlroot>pymyadmin.pml PyMyAdmin >>>

54 ———›———›———›<trv>

55 ———›———›———›<tr #height=24px <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=<document>&lang=<lang> #target=_blank <@show_PML_code> >>>

56 ———›———›———›<trv>

57 ———›———›———›<tr #height=24px <td.bouton+jaune <a.neutre #<pmlroot>contact.pml <@contact> >>>

58 ———›———›———›>

59 ———›———›>

60 ———›# Affichage principal

61 ———›<div #style=display:table-cell;width:100%;padding-left:10px;padding-right:10px;vertical-align:top;

62 ———›———›<div #style=background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;

63 ———›———›———›<p.arial+centre #style=font-size:50px;line-height:60px <b <pm <vert P>ersonnalisable <vert M>arkup <vert L>anguage>>>

64 ———›———›———›<p.arial+centre #style=font-size:40px;line-height:40px <b <pm <@understand_PML>>>>

65 ———›———›———›>

66 ———›———›<espace>

67 ———›———›<version>

68 ———›———›<espace>

69 ———›———›<encadré

70 ———›———›———›<p En sus du bouton disponible directement sur les pages où le code source est affichable, j’ai regroupé ci-dessous la totalité des pages (ou éléments importés) dont vous pouvez voir ledit code source, avec quelques commentaires utiles.>

71 ———›———›———›<p <bu Note :> Le code source des différentes pages est volontairement non optimisé (càd styles et métabalises directement sur la page au lieu d’être dans des .css et .pss) afin de mieux montrer la simplicité de mise en œuvre.>

72 ———›———›———›>

73 ———›———›<espace>

74 ———›———›<table900 <tr <boutonsource #pml.pss><boutonsource #scripts/pmldoc.pss>>

75 ———›———›———›<tr

76 ———›———›———›———›<td3c

77 ———›———›———›———›———›<titre Les métabalises communes à tout le site>

78 ———›———›———›———›———›>

79 ———›———›———›———›<td3c

80 ———›———›———›———›———›<titre Les métabalises de la section PML>

81 ———›———›———›———›———›>>

82 ———›———›———›>

83 ———›———›<séparation>

84 ———›———›<table900 <tr <boutonsource #index.pml><boutonsource #404.pml>>

85 ———›———›———›<tr

86 ———›———›———›———›<td3c

87 ———›———›———›———›———›<titre Page d’accueil du site>

88 ———›———›———›———›———›<espace_demi>

89 ———›———›———›———›———›<p.centre <b À voir :> Comment sont gérées les puces de la partie « Dernières mises à jour ».>

90 ———›———›———›———›———›>

91 ———›———›———›———›<td3c

92 ———›———›———›———›———›<titre Page d’erreur>

93 ———›———›———›———›———›<espace_demi>

94 ———›———›———›———›———›<p.centre Une seule ligne avec usage de littéraux et d’une constante reçue en paramètre.>

95 ———›———›———›———›———›>>

96 ———›———›———›>

97 ———›———›<séparation>

98 ———›———›<table900 <tr <boutonsource #source.pml><boutonsource #index.pml>>

99 ———›———›———›<tr

100 ———›———›———›———›<td3c

101 ———›———›———›———›———›<titre Affichage d’un code source>

102 ———›———›———›———›———›<espace_demi>

103 ———›———›———›———›———›<p.centre <b À voir :> Utilisation des balises conditionnelles pour ne pas permettre n’importe quelle page.>

104 ———›———›———›———›———›>

105 ———›———›———›———›<td3c

106 ———›———›———›———›———›<titre Page de présentation de PML>

107 ———›———›———›———›———›<espace_demi>

108 ———›———›———›———›———›<p.centre <b À voir :> Comment définir une balise pour paragraphe avec puce (<arial \<coché …\>>).>

109 ———›———›———›———›———›>>

110 ———›———›———›>

111 ———›———›<séparation>

112 ———›———›<table900 <tr <boutonsource #pmldoc.pml><boutonsource #pml.pml>>

113 ———›———›———›<tr

114 ———›———›———›———›<td3c

115 ———›———›———›———›———›<titre Page d’affichage de la documentation>

116 ———›———›———›———›———›<espace_demi>

117 ———›———›———›———›———›<p.centre Un document maître et un corps de document importé, pour affichage navigateur.>

118 ———›———›———›———›———›>

119 ———›———›———›———›<td3c

120 ———›———›———›———›———›<titre Documentation ePub>

121 ———›———›———›———›———›<espace_demi>

122 ———›———›———›———›———›<p.centre Un document maître et un corps de document importé, pour création ePub.>

123 ———›———›———›———›———›>>

124 ———›———›———›>

125 ———›———›<séparation>

126 ———›———›<table900 <tr <boutonsource #pmldocimport.pml><boutonsource #download.pml>>

127 ———›———›———›<tr

128 ———›———›———›———›<td3c

129 ———›———›———›———›———›<titre Le corps de la documentation>

130 ———›———›———›———›———›<espace_demi>

131 ———›———›———›———›———›<p.centre <b À voir :> Comment définir un encadré, des chapitres, une liste, une balise spéciale code… et un sommaire automatique !>

132 ———›———›———›———›———›<p.centre+p10 À noter que c’est ce même fichier qui est incorporé dans les deux documents maîtres ci-dessus. <img #https://www.blary.eu/frimousses/Rires/MDR13.gif>>

133 ———›———›———›———›———›>

134 ———›———›———›———›<td3c

135 ———›———›———›———›———›<titre Page de téléchargement>

136 ———›———›———›———›———›<espace_demi>

137 ———›———›———›———›———›<p.centre <b À voir :> Insertion d’images et de liens.>

138 ———›———›———›———›———›>>

139 ———›———›———›>

140 ———›———›<séparation>

141 ———›———›<table900 <tr <boutonsource #login.pml><boutonsource #main.pml>>

142 ———›———›———›<tr

143 ———›———›———›———›<td3c

144 ———›———›———›———›———›<titre La page d’identification de PyMyAdmin>

145 ———›———›———›———›———›<espace_demi>

146 ———›———›———›———›———›<p.centre <b À voir :> Comment gérer une identification (utilisateur, session), afficher une erreur, prendre une langue en compte avec <arial \<lang\>> et <arial \<dir\>>…<br>

147 ———›———›———›———›———›———›(<span.t10 Attention, copie locale du code, pas le vrai répertoire !> <img #https://www.blary.eu/frimousses/Cligne/icon_wink.gif>)>

148 ———›———›———›———›———›>

149 ———›———›———›———›<td3c

150 ———›———›———›———›———›<titre Tout PyMyAdmin>

151 ———›———›———›———›———›<espace_demi>

152 ———›———›———›———›———›<p.centre <b À voir :> Comment définir un lot de pages avec quelques conditions, gérer les thèmes avec <arial \<%theme\>>, le multilinguisme avec <arial \<lang\>> et le sens d’affichage avec <arial \<dir\>>…<br>

153 ———›———›———›———›———›———›(<span.t10 Attention, copie locale du code, pas le vrai répertoire !> <img #https://www.blary.eu/frimousses/Cligne/icon_wink.gif>)>

154 ———›———›———›———›———›>>

155 ———›———›———›>

156 ———›———›<séparation>

157 ———›———›<table900 <tr <boutonsource #sources.pml><boutonsource #contact.pml>>

158 ———›———›———›<tr

159 ———›———›———›———›<td3c

160 ———›———›———›———›———›<titre La présente page>

161 ———›———›———›———›———›<espace_demi>

162 ———›———›———›———›———›<p.centre <b À voir :> Comment définir un encadré et prédéfinir les éléments d’un tableau avec des métabalises.>

163 ———›———›———›———›———›>

164 ———›———›———›———›<td3c

165 ———›———›———›———›———›<titre Page contact>

166 ———›———›———›———›———›<espace_demi>

167 ———›———›———›———›———›<p.centre <b À voir :> Un formulaire de saisie avec usage de paramètres et constantes renseignées via des routines Python et des messages conditionnés par ces constantes.>

168 ———›———›———›———›———›>>

169 ———›———›———›>

170 ———›———›<séparation>

171 ———›———›<table900 <tr <boutonsource #cultureSF/lunatique/lunatique.pml><boutonsource #cultureSF/lunatique/lunatiquedetail.pml>>

172 ———›———›———›<tr

173 ———›———›———›———›<td3c

174 ———›———›———›———›———›<titre Présentation du fanzine/magazine <i Lunatique>>

175 ———›———›———›———›———›<espace_demi>

176 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier au maximum le tableau et les liens vers le détail par numéro.>

177 ———›———›———›———›———›>

178 ———›———›———›———›<td3c

179 ———›———›———›———›———›<titre Affichage du détail d’un numéro de <i Lunatique>>

180 ———›———›———›———›———›<espace_demi>

181 ———›———›———›———›———›<p.centre <b À voir :> L’usage de conditions pour ne pas pointer vers des numéros inexistants, la définition de constantes via Python ainsi que le détail du sommaire (chargé et mis en forme par une routine Python depuis un fichier texte global).>

182 ———›———›———›———›———›>>

183 ———›———›———›>

184 ———›———›<séparation>

185 ———›———›<table900 <tr <boutonsource #cultureSF/DAS/DAS.pml><boutonsource #cultureSF/orion/orion.pml>>

186 ———›———›———›<tr

187 ———›———›———›———›<td3c

188 ———›———›———›———›———›<titre Présentation de la série <i D.A.S.>>

189 ———›———›———›———›———›<espace_demi>

190 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier le texte (éditions)et les liens vers les images et les pages Eons.>

191 ———›———›———›———›———›>

192 ———›———›———›———›<td3c

193 ———›———›———›———›———›<titre Présentation de la série <i Orion>>

194 ———›———›———›———›———›<espace_demi>

195 ———›———›———›———›———›<p.centre <b À voir :> La définition de métabalises pour simplifier les tableaux listant les titres cycle par cycle.>

196 ———›———›———›———›———›>>

197 ———›———›———›>

198 ———›———›<hr>

200 ———›———›>

201 ———›>

202