Affichage du code PML – '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 #§code <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>>

  20

  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>pml/pmldoc.css #type=text/css>

  24 <title <@understand_PML>>

  25

  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>

  35

  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 #<pmlroot>index.pml   <@home>  >>>

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

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

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

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

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

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

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

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

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

  53 ———›———›———›<tr #height=24px <td.bouton+olive <a.neutre #<pmlroot>pml/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>pml/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 #pml/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 #pml/pmldoc.pml><boutonsource #pml/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 #pml/pmldocimport.pml><boutonsource #pml/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 #http://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 #pml/login.pml><boutonsource #pml/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 #http://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 #http://www.blary.eu/frimousses/Cligne/icon_wink.gif>)>

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

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

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

 157 ———›———›<table900 <tr <boutonsource #pml/sources.pml><boutonsource #pml/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>

 199 ———›———›<p.centre+p10 © 2017, 2018 Jean-Luc-Blary>

 200 ———›———›>

 201 ———›>

 202


© 2017, 2018 Jean-Luc-Blary