|
|
| (4 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #1f2937; max-width: 1100px; margin: 0 auto; padding: 20px 10px;"> | | <div style="font-family: serif, system-ui, -apple-system; color: #111111; max-width: 900px; margin: 0 auto; padding: 10px 0;"> |
|
| |
|
| <!-- EN-TÊTE INSTITUTIONNEL -->
| | <div style="border-bottom: 1px solid #111111; padding-bottom: 25px; margin-bottom: 35px; text-align: center;"> |
| <header style="border-bottom: 2px solid #111827; padding-bottom: 30px; margin-bottom: 40px; text-align: center;">
| | <p style="text-transform: uppercase; letter-spacing: 2px; font-size: 0.75rem; color: #555555; margin-bottom: 10px;">Archives Photographiques & Catalogue</p> |
| <p style="text-transform: uppercase; letter-spacing: 3px; font-size: 0. 85rem; color: # 6b7280; margin-bottom: 8px; font-weight: 600;"> Portail des Données & Archives Électroniques</p> | | <h1 style="font-size: 2.2rem; font-family: Georgia, serif; font-weight: normal; color: #111111; margin: 0 0 15px 0; border: none; padding: 0; line-height: 1.2;">DATA — Romain Wisniewski</h1> |
| <h1 style="font-size: 2.4rem; font-weight: 700; color: #111827; margin: 0 0 12px 0; border: none; padding: 0;">DATA . Romain Wisniewski</h1>
| | <p style="font-size: 1rem; color: #444444; max-width: 650px; margin: 0 auto; line-height: 1.6; font-style: italic;"> |
| <p style="font-size: 1.1rem; color: # 4b5563; max-width: 700px; margin: 0 auto; line-height: 1. 5; font-style: italic;"> | | Répertoire documentaire. |
| Répertoire officiel des œuvres photographiques, métadonnées culturelles et ressources ouvertes.
| | </p> |
| </p>
| | </div> |
| </header>
| |
|
| |
|
| <!-- BLOC CHIFFRES / CLÉ DE L'ARCHIVE -->
| | <div style="display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 40px;"> |
| <div style="display: grid; grid- template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 50px;"> | |
|
| |
| <div style="background-color: #f9fafb; border: 1px solid #e5e7eb; border-top: 3px solid #111827; padding: 20px; text-align: center; border-radius: 4px;">
| |
| <span style="display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1.5px; color: #6b7280; margin-bottom: 5px;">Fonds Photographique</span>
| |
| <strong style="font-size: 1.3rem; color: #111827;">Œuvres & Tirages</strong>
| |
| <p style="font-size: 0.85rem; color: #6b7280; margin-top: 8px; margin-bottom: 0;">Catalogue raisonné et fiches techniques des éditions.</p>
| |
| </div>
| |
|
| |
|
| <div style="background-color: # f9fafb; border: 1px solid # e5e7eb; border-top: 3px solid #111827; padding: 20px; text-align: center ; border-radius: 4px;"> | | <div style="flex: 1; min-width: 250px; background-color: #fafafa; border: 1px solid #e5e5e5; padding: 25px; text-align: center;"> |
| <span style="display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1.5px; color: #6b7280; margin-bottom: 5px;">Standard de données</span>
| | <span style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; color: #666666; margin-bottom: 8px;">Catalogue</span> |
| <strong style="font-size: 1.3rem; color: #111827;">Open Data & Linked Data</strong>
| | <strong style="font-size: 1.1rem; color: #111111; font-family: Georgia, serif;">Œuvres & Tirages</strong> |
| <p style="font-size: 0.85rem; color: # 6b7280; margin-top: 8px; margin-bottom: 0;"> Ressources structurées selon les standards RDF & Schema.org.</p> | | <p style="font-size: 0.85rem; color: #555555; margin-top: 10px; margin-bottom: 0; line-height: 1.4;">Inventaire complet des séries photographiques.</p> |
| </div>
| | </div> |
|
| |
|
| <div style="background-color: # f9fafb; border: 1px solid # e5e7eb; border-top: 3px solid #111827; padding: 20px; text-align: center ; border-radius: 4px;"> | | <div style="flex: 1; min-width: 250px; background-color: #fafafa; border: 1px solid #e5e5e5; padding: 25px; text-align: center;"> |
| <span style="display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1.5px; color: #6b7280; margin-bottom: 5px;">Statut Juridique</span>
| | <span style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; color: #666666; margin-bottom: 8px;">Conservation</span> |
| <span style="display: inline-block; background-color: #111827; color: #ffffff; font-size: 0.75rem; padding: 2px 8px; border-radius: 3px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px;">© Tous droits réservés</span>
| | <strong style="font-size: 1.1rem; color: #111111; font-family: Georgia, serif;">Fonds Documentaire</strong> |
| <p style="font-size: 0.85rem; color: # 6b7280; margin-top: 8px; margin-bottom: 0;"> Gestion stricte des droits d'auteur et des licences de reproduction.</p> | | <p style="font-size: 0.85rem; color: #555555; margin-top: 10px; margin-bottom: 0; line-height: 1.4;">Indexation des médias, métadonnées artistiques et fiches techniques des œuvres.</p> |
| </div>
| | </div> |
|
| |
|
| </div>
| | <div style="flex: 1; min-width: 250px; background-color: #fafafa; border: 1px solid #e5e5e5; padding: 25px; text-align: center;"> |
| | <span style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1.5px; color: #666666; margin-bottom: 8px;">Propriété</span> |
| | <span style="display: inline-block; background-color: #111111; color: #ffffff; font-size: 0.7rem; padding: 3px 8px; font-weight: bold; letter-spacing: 1px; margin-top: 2px;">© TOUS DROITS RÉSERVÉS</span> |
| | <p style="font-size: 0.85rem; color: #555555; margin-top: 10px; margin-bottom: 0; line-height: 1.4;">Gestion de la propriété intellectuelle et droits de reproduction.</p> |
| | </div> |
|
| |
|
| <!-- SECTION EXPLORATION DU CATALOGUE -->
| | </div> |
| <section style="margin-bottom: 50px;">
| |
| <div style="border-bottom: 1px solid #e5e7eb; padding-bottom: 10px; margin-bottom: 25px;">
| |
| <h2 style="font-size: 1.4rem; font-weight: 600; color: #111827; margin: 0; border: none; padding: 0;">Accès aux Collections</h2>
| |
| </div>
| |
|
| |
|
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px;">
| | <div style="border-top: 1px solid #111111; padding-top: 20px; text-align: center; font-size: 0.75rem; color: #777777; font-style: italic;"> |
|
| | Catalogue officiel de l'artiste Romain Wisniewski. |
| <!-- Carte 1 : Œuvres -->
| | </div> |
| <div style=" border: 1px solid #e5e7eb; border -radius: 6px; padding: 24px; background: #ffffff;"> | |
| <h3 style="font-size: 1.15rem; font-weight: 600; margin-top: 0; margin-bottom: 10px; color: #111827;">📷 Index des Photographies</h3>
| |
| <p style="font-size: 0.9rem; color: #4b5563; line-height: 1.5; margin-bottom: 18px;">
| |
| Consultez l'ensemble des pièces photographiques renseignées avec leurs spécifications techniques, équipements et tirages.
| |
| </p>
| |
| [[Spécial:ToutesLesPages|→ Parcourir toutes les œuvres]]
| |
| </div>
| |
| | |
| <!-- Carte 2 : Média & Fichiers -->
| |
| <div style="border: 1px solid #e5e7eb; border-radius: 6px; padding: 24px; background: #ffffff;">
| |
| <h3 style="font-size: 1.15rem; font-weight: 600; margin-top: 0; margin-bottom: 10px; color: #111827;">🖼️ Mediathèque & Fichiers</h3>
| |
| <p style="font-size: 0.9rem; color: #4b5563; line-height: 1.5; margin-bottom: 18px;">
| |
| Accédez au répertoire complet des fichiers médias haute définition enregistrés dans la base de données.
| |
| </p>
| |
| [[Spécial:ListeDeFichiers|→ Accéder à la liste des fichiers]]
| |
| </div>
| |
| | |
| </div>
| |
| </section>
| |
| | |
| <!-- SECTION DONNÉES ET INTEROPÉRABILITÉ (STYLE DATA.BNF) -->
| |
| <section style="background-color: #f3f4f6; border-radius: 6px; padding: 30px; margin-bottom: 40px;">
| |
| <h2 style="font-size: 1.2rem; font-weight: 600; color: #111827; margin-top: 0; margin-bottom: 12px; border: none; padding: 0;">🌐 Web Sémantique & Moteurs de Recherche</h2>
| |
| <p style="font-size: 0.9rem; color: #374151; line-height: 1.6; margin-bottom: 15px;">
| |
| Ce portail expose ses données selon le modèle du Web Sémantique (Linked Open Data). Les entités sont enrichies via les vocabulaires standardisés (Dubリン Core, Schema.org, Wikidata) afin d'assurer l'indexation optimale par les intelligences artificielles et les moteurs de recherche.
| |
| </p>
| |
| <div style="font-size: 0.85rem; color: #6b7280; font-family: monospace;">
| |
| Formats exposés : JSON-LD • SPARQL • Microdonnées • Dublin Core
| |
| </div>
| |
| </section>
| |
| | |
| <!-- PIED DE PAGE INSTITUTIONNEL -->
| |
| <footer style="border-top: 1px solid #e5e7eb; padding-top: 20px; text-align: center; font-size: 0.8rem; color: #9ca3af;">
| |
| <p style="margin: 0;">© Romain Wisniewski — Base de données photographiques et sémantiques. Tous droits réservés.</p>
| |
| </footer>
| |
|
| |
|
| </div> | | </div> |
