Page de test

Titres – Quelques exemples

Un exemple de h3

Un exemple de h4

Un exemple de h5

Un exemple de h6

Textes

Standard

Essayons maintenant un peu de text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et. Nunc est risus, vehicula eget turpis rhoncus, aliquet aliquet elit. Nulla et facilisis dolor, eu bibendum tellus. Proin hendrerit dui et nunc ornare faucibus. In bibendum, lacus at dignissim pretium, velit nibh laoreet velit, in vehicula sem est at felis. In hac habitasse platea dictumst. Etiam leo ante, commodo a risus nec, faucibus vestibulum nisi.

Vestibulum condimentum egestas risus. Nam dapibus non risus ut rhoncus. Integer venenatis purus purus, sit amet vestibulum magna aliquam sit amet. Aenean porttitor, enim non lacinia aliquet, est sapien luctus purus, vel aliquam lectus elit id ante. Aliquam auctor mollis ligula, vel laoreet diam commodo euismod. In sodales, turpis ultricies facilisis pharetra, lacus mi convallis arcu, nec sodales mi enim vitae leo. Phasellus tellus nibh, faucibus ac turpis quis, molestie bibendum leo.

Etiam ultrices nulla est, vitae pretium nisi sodales ac. Curabitur consectetur scelerisque congue. Sed velit est, rhoncus sit amet molestie eu, tempus ut tellus. Integer tincidunt justo urna, a feugiat ligula commodo eget. Donec efficitur, libero in mattis fringilla, justo lacus interdum tellus, vel commodo tortor dui sit amet metus. Curabitur est erat, ultricies non ornare eu, varius in lectus. Quisque blandit elementum dictum. Fusce nec faucibus magna. Morbi viverra metus libero, sed gravida urna maximus ac. Fusce nec diam lobortis, iaculis sapien sed, auctor lorem.

Liens

Le prochain paragraphe contient des liens

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate Lien dans l’onglet. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et. Nunc est risus, vehicula eget turpis rhoncus, aliquet aliquet elit. Nulla et facilisis dolor, eu bibendum tellus. Proin lien dans un nouvel onglet hendrerit dui et nunc ornare faucibus. In bibendum, lacus at dignissim pretium, velit nibh laoreet velit, in vehicula sem est at felis. In hac habitasse platea dictumst. Etiam leo ante, commodo a risus nec, faucibus vestibulum nisi.

Tableau

Testons un tableau simple

Opérateur/prédicat	Description
a < b	a inférieur à b
a <= b	a inférieur ou égal à b
a BETWEEN x AND y	a entre x et y (avec x < y)
a IS NOT NULL	a n’est pas null
a IS NOT UNKNOWN	a est vrai ou faux
EXISTS (expression)	L’expression renvoi une ligne (même avec la valeur null).

Un autre tableau

Voici le tableau de résultat

a	colonne centrée	a AND b	a OR b
TRUE	TRUE	TRUE	TRUE
TRUE	FALSE	FALSE	TRUE
TRUE	NULL	NULL	TRUE
FALSE	FALSE	FALSE	FALSE
FALSE	NULL	FALSE	NULL
NULL	NULL	NULL	NULL
Pied 1	Pied 2	Pied 3	Pied 4

Code

Maintenant un peu de code

CREATE OR REPLACE FUNCTION bytea_import(param_chemin text) 
RETURNS bytea AS
$corps$
	DECLARE
		-- oid du large object importé
		v_oid_objet oid;
		-- Données du fichier au format binaire
		v_donnees;
	BEGIN
		-- Import du fichier sous forme de large objet
		SELECT lo_import(param_chemin) INTO v_oid_objet;
		-- Récupération des données du large objet
		SELECT lo_get(v_oid_objet) INTO v_donnees;
		-- Suppression du large objet
		PERFORM lo_unlink(v_oid_objet);

		-- Renvoi des données
		RETURN v_donnees;
	END;
$corps$
LANGUAGE PLPGSQL
;

CREATE OR REPLACE FUNCTION bytea_import(param_chemin text) 
RETURNS bytea AS
$corps$
	DECLARE
		-- oid du large object importé => test avec une ligne qui est vraiment longue pour voir ce que donne le rendu. Encore quelques lettres pour bien avoir quelques lettres
		v_oid_objet oid;
		-- Données du fichier ==> au format binaire
		v_donnees;
	BEGIN
		-- Import du fichier sous forme de large objet
		SELECT lo_import(param_chemin) INTO v_oid_objet;
		-- Récupération des données du large objet
		SELECT lo_get(v_oid_objet) INTO v_donnees;
		-- Suppression du large objet
		PERFORM lo_unlink(v_oid_objet);

		-- Renvoi des données
		RETURN v_donnees;
	END;
$corps$
LANGUAGE PLPGSQL
;

CREATE OR REPLACE FUNCTION bytea_import(param_chemin text) 
RETURNS bytea AS
$corps$
	DECLARE
		-- oid du large object importé
		v_oid_objet oid;
		-- Données du fichier au format binaire
		v_donnees;
	BEGIN
		-- Import du fichier sous forme de large objet
		SELECT lo_import(param_chemin) INTO v_oid_objet;
		-- Récupération des données du large objet
		SELECT lo_get(v_oid_objet) INTO v_donnees;
		-- Suppression du large objet
		PERFORM lo_unlink(v_oid_objet);

		-- Renvoi des données
		RETURN v_donnees;
	END;
$corps$
LANGUAGE PLPGSQL
;

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et. Nunc est risus, vehicula eget turpis rhoncus, aliquet aliquet elit. Nulla et facilisis dolor, eu bibendum tellus. Proin hendrerit dui et nunc ornare faucibus. In bibendumdu code avec un lien pour voir, lacus at dignissim pretium, velit nibh laoreet velit, in vehicula sem est at felis. In hac habitasse platea dictumst. Etiam leo ante, commodo a risus nec, faucibus vestibulum nisi.$

Pour les extractions, voici les formats possibles :

• millenium : millénaire
• century : siècle
• decade : décénie
• year : année
• quarter : trimestre de l’année
• month : mois
• week : semaine depuis le début de l’année
• timezone_hour : écart par rapport à l’heure UTC en heure
• timezone_minute : écart par rapport à l’heure UTC en minute
• timezone : écart par rapport à l’heure UTC en seconde

Un petit texte pré formaté pour voir ce que ça donne

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Listes

Liste a niveau

• test
• test
  • test
  • test
    • test
    • test

Liste ordonnées

1. D’abord
2. Ensuite
3. Enfin
   1. bam
   2. bim
   3. boum
      1. Oula
      2. Ouli
      3. Oulo

Mise en forme

Séparateur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.
Voici un séparateur

---

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.
Voici un espacement

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum.

Citations et couplet

Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Citation en exergue – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Voici la source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Citation tout cour – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Voila la source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Est-ce un magnifique couplet
Que je vois parmis ces lignes ?
Est-ce un magnifique couplet
Qui me faire rêver de vigne ?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Quelques boutons

Format par défaut

Alignements différents :

s1-1

s3-4

s1-2

s1-2, left

s1-2, no-flex, center

s1-2, no-flex, left

Un exemple de sommaire

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vehicula vulputate neque at dictum. Maecenas fermentum velit ut arcu auctor laoreet. Quisque venenatis tellus erat, quis tempor elit varius et.

Les images

Une image « grande »

Une autre image moyenne

Plusieurs images : galerie

• 

• 

• 

Autre mise en forme d’image

Image de type bannière

Les colonnes

Test de 3 colonnes