Affichage du code PML – 'pml/pmldoc.pml' :
1 <pml <%scripts>pmldoc.pss>
2 §chapitre <div #style=background:#c0ffff <h1.chap <*>>>
3 §sous_chapitre <h2>
4 §toc <h1 #1=chapitre,,toc1 #2=sous_chapitre,,toc2 <@Contents>>
5 §coché <p.liste <b ☑ ><*>>
6 §code <p.code>
7 §encadré <div #style=border:1px\ solid\ black;padding:5px>
8 §insécable <span+ #style=background:#80b0b0 >
9
10 <meta #name=keywords #content='''science-fiction, Lunatique, DAS, Orion, PML, Markup Language, HTML, ePub'''>
11 <meta #name=author #content=Jean-Luc\ Blary>
12 <link #rel=stylesheet #href=<pmlroot>scripts/base.css #type=text/css>
13 <link #rel=stylesheet #href=<pmlroot>pml/pmldoc.css #type=text/css>
14 <title PML – documentation>
15
16 # Génération de classes pour boutons
17 <dégradé #orange ##ffe000 ##ff8000>
18 <dégradé #bordeaux ##c00000 ##600000>
19 <dégradé #vert ##80ff80 ##009000>
20 <dégradé #gris ##e0e0e0 ##808080>
21 <dégradé #jaune ##ffff80 ##d0d000>
22 <dégradé #cyan ##00e0e0 ##008080>
23 <dégradé #violet ##ff50a0 ##800050>
24 <dégradé #olive ##c0c000 ##606000>
25
26 <div #style=display:table;width:100%;height:100vh
27 ———›# Colonne de gauche avec menu
28 ———›<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;
29 ———›———›<p.centre <img #<pmlroot>images/pml225.png #style=width:190px>>
30 ———›———›<espace>
31 ———›———›# Ajout des boutons
32 ———›———›<table.bouton
33 ———›———›———›<tr #height=24px <td.bouton+orange <a.neutre #<pmlroot>index.pml <@home> >>>
34 ———›———›———›<trv>
35 ———›———›———›<tr #height=24px <td.bouton+cyan <a.neutre #<pmlroot>pml/index.pml <@Presentation> >>>
36 ———›———›———›<trv>
37 ———›———›———›<tr #height=24px <td.bouton+bordeaux <a.neutre #<pmlroot>pml/download.pml <blanc <@Downloading> >>>>
38 ———›———›———›<trv>
39 ———›———›———›<tr #height=24px <td.bouton+violet <a.neutre #<pmlroot>pml/changelog.pml #target=_blank <blanc Changelog >>>>
40 ———›———›———›<trv>
41 ———›———›———›<tr #height=24px <td.bouton+vert <a.neutre #<pmlroot>pml/sources.pml <@understand_PML> >>>
42 ———›———›———›<trv>
43 ———›———›———›<tr #height=24px <td.bouton+olive <a.neutre #<pmlroot>pml/pymyadmin.pml PyMyAdmin >>>
44 ———›———›———›<trv>
45 ———›———›———›<tr #height=24px <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=<document>&lang=<lang> #target=_blank <@show_PML_code> >>>
46 ———›———›———›<trv>
47 ———›———›———›<tr #height=24px <td <p.centre+arial+p10 Pour le corps du document :>>>
48 ———›———›———›<tr #height=24px <td.bouton+gris <a.neutre #<pmlroot>source.pml?src=pml/pmldocimport.pml&lang=<lang> #target=_blank <@show_PML_code> >>>
49 ———›———›———›<trv>
50 ———›———›———›<tr #height=24px <td.bouton+jaune <a.neutre #<pmlroot>pml/contact.pml <@contact> >>>
51 ———›———›———›>
52 ———›———›>
53 ———›# Affichage principal
54 ———›<div #style=display:table-cell;padding-left:10px;padding-right:10px;vertical-align:top;
55 ———›———›<div #style=background-image:url(<pmlroot>index_fond.jpg);background-attachment:scroll;background-position:top\ left;background-repeat:repeat;
56 ———›———›———›<p.arial+centre #style=font-size:50px;line-height:60px <b <pm <vert P>ersonnalisable <vert M>arkup <vert L>anguage>>>
57 ———›———›———›<p.arial+centre #style=font-size:40px;line-height:40px <b <pm <@Documentation>>>>
58 ———›———›———›>
59 ———›———›<espace>
60 ———›———›<version>
61 ———›———›# On insère ici le corps du document
62 ———›———›<import pml/pmldocimport.pml>
63 ———›———›#Pied de page
64 ———›———›<hr>
65 ———›———›<p.centre+p10 © 2017,2018 Jean-Luc-Blary>
66 ———›———›>
67 ———›>
68
© 2017 Jean-Luc-Blary