first commit
This commit is contained in:
theo.bernard
commit
f100b10588
112
data.json
Normal file
112
data.json
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 572126,
|
||||||
|
"title": "Water Clock Decorated with a Baboon",
|
||||||
|
"date": "664–30 B.C.",
|
||||||
|
"parsed_year": 664,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Gift of J. Pierpont Morgan, 1917",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/eg/web-large/LC-17_194_2341_EGDP023756.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/eg/original/LC-17_194_2341_EGDP023756.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 21971,
|
||||||
|
"title": "Wheellock Pistol",
|
||||||
|
"date": "ca. 1560–70",
|
||||||
|
"parsed_year": 1560,
|
||||||
|
"culture": "German, Augsburg",
|
||||||
|
"description": "Rogers Fund, 1904",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/aa/web-large/LC-04_3_189-005.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/aa/original/LC-04_3_189-005.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 4751,
|
||||||
|
"title": "Lantern clock",
|
||||||
|
"date": "ca. 1685",
|
||||||
|
"parsed_year": 1685,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Gift of Mrs. J. Insley Blair, 1942",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/ad/web-large/130080.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/ad/original/130080.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 895523,
|
||||||
|
"title": "",
|
||||||
|
"date": "1691–1702",
|
||||||
|
"parsed_year": 1691,
|
||||||
|
"culture": "American",
|
||||||
|
"description": "Sansbury-Mills and Richard Hampton Jenrette American Funds, 2023",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/ad/web-large/DP-29313-001.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/ad/original/DP-29313-001.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 197652,
|
||||||
|
"title": "Wall clock (cartel) with movement of later date",
|
||||||
|
"date": "case ca. 1745–49; movement ca. 1756",
|
||||||
|
"parsed_year": 1745,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Harris Brisbane Dick Fund, 1936",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/es/web-large/DP-20003-001.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/es/original/DP-20003-001.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 189954,
|
||||||
|
"title": "Bather",
|
||||||
|
"date": "ca. 1775–85",
|
||||||
|
"parsed_year": 1775,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Gift of J. Pierpont Morgan, 1906",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/es/web-large/5187.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/es/original/5187.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 200662,
|
||||||
|
"title": "Seated girl",
|
||||||
|
"date": "ca. 1788",
|
||||||
|
"parsed_year": 1788,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Bequest of Mary Stillman Harkness, 1950",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/es/web-large/148037.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/es/original/148037.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 5633,
|
||||||
|
"title": "Pier table",
|
||||||
|
"date": "1815–19",
|
||||||
|
"parsed_year": 1815,
|
||||||
|
"culture": "American",
|
||||||
|
"description": "Rogers Fund, 1953",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/ad/web-large/DP109805.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/ad/original/DP109805.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 14696,
|
||||||
|
"title": "Clock",
|
||||||
|
"date": "ca. 1882–85",
|
||||||
|
"parsed_year": 1882,
|
||||||
|
"culture": "American",
|
||||||
|
"description": "Purchase, William Cullen Bryant Fellows Gift, 1993",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/ad/web-large/ADA6141.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/ad/original/ADA6141.jpg"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"source": "The Met",
|
||||||
|
"id": 549190,
|
||||||
|
"title": "Clepsydra or water clock with squatting babooon",
|
||||||
|
"date": "4th century B.C.",
|
||||||
|
"parsed_year": null,
|
||||||
|
"culture": "",
|
||||||
|
"description": "Funds from various donors, 1886",
|
||||||
|
"image_url": "https://images.metmuseum.org/CRDImages/eg/web-large/86.1.93_EGDP015559.jpg",
|
||||||
|
"image_url_hd": "https://images.metmuseum.org/CRDImages/eg/original/86.1.93_EGDP015559.jpg"
|
||||||
|
}
|
||||||
|
]
|
||||||
17
index.html
Normal file
17
index.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Catalogue d'Horloges</title>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="content" aria-live="polite"></div>
|
||||||
|
|
||||||
|
<script src="script.js"></script>
|
||||||
|
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
88
script.js
Normal file
88
script.js
Normal file
@ -0,0 +1,88 @@
|
|||||||
|
const loadingDiv = document.getElementById('loading');
|
||||||
|
const contentDiv = document.getElementById('content');
|
||||||
|
|
||||||
|
console.log(contentDiv);
|
||||||
|
|
||||||
|
fetch('data.json')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
// Masquer l'indicateur de chargement
|
||||||
|
if (loadingDiv) {
|
||||||
|
loadingDiv.style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Créez les pages
|
||||||
|
data.forEach(clock => {
|
||||||
|
const page = document.createElement('div');
|
||||||
|
page.className = 'page';
|
||||||
|
|
||||||
|
// Conteneur principal pour l'horloge
|
||||||
|
const container = document.createElement('div');
|
||||||
|
container.className = 'clock-container';
|
||||||
|
|
||||||
|
// titre
|
||||||
|
const title = document.createElement('h1');
|
||||||
|
title.className = 'clock-title';
|
||||||
|
title.textContent = clock.title || 'Horloge sans titre';
|
||||||
|
|
||||||
|
// DIV Image
|
||||||
|
const img = document.createElement('img');
|
||||||
|
img.className = 'clock-image';
|
||||||
|
img.src = clock.image_url_hd || clock.image_url || 'placeholder.jpg';
|
||||||
|
img.alt = clock.title || 'Image d\'horloge';
|
||||||
|
|
||||||
|
// Détails
|
||||||
|
const details = document.createElement('div');
|
||||||
|
details.className = 'clock-details';
|
||||||
|
|
||||||
|
// Date
|
||||||
|
const dateRow = document.createElement('div');
|
||||||
|
dateRow.className = 'detail-row';
|
||||||
|
dateRow.innerHTML = `
|
||||||
|
<span class="detail-label">Date:</span>
|
||||||
|
<span class="detail-value">${clock.date || 'Non spécifiée'}</span>
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Culture
|
||||||
|
const cultureRow = document.createElement('div');
|
||||||
|
cultureRow.className = 'detail-row';
|
||||||
|
cultureRow.innerHTML = `
|
||||||
|
<span class="detail-label">Culture:</span>
|
||||||
|
<span class="detail-value">${clock.culture || 'Non spécifiée'}</span>
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Description
|
||||||
|
const descRow = document.createElement('div');
|
||||||
|
descRow.className = 'detail-row';
|
||||||
|
descRow.innerHTML = `
|
||||||
|
<span class="detail-label">Description:</span>
|
||||||
|
<span class="detail-value">${clock.description || 'Aucune description disponible'}</span>
|
||||||
|
`;
|
||||||
|
|
||||||
|
// Ajoutez les détails au conteneur
|
||||||
|
details.appendChild(dateRow);
|
||||||
|
details.appendChild(cultureRow);
|
||||||
|
details.appendChild(descRow);
|
||||||
|
|
||||||
|
// Ajoutez le titre, l'image et les détails au conteneur principal
|
||||||
|
container.appendChild(title);
|
||||||
|
container.appendChild(img);
|
||||||
|
container.appendChild(details);
|
||||||
|
|
||||||
|
// Ajoutez le conteneur principal à la page
|
||||||
|
page.appendChild(container);
|
||||||
|
|
||||||
|
// Ajoutez la page au conteneur principal
|
||||||
|
contentDiv.appendChild(page);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Appeler Paged.js pour générer les pages
|
||||||
|
PagedPolyfill.preview().catch(error => {
|
||||||
|
console.error('Erreur avec Paged.js :', error);
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('Erreur lors du chargement des données :', error);
|
||||||
|
});
|
||||||
71
styles.css
Normal file
71
styles.css
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
@page {
|
||||||
|
size: A4; /* Taille de la page */
|
||||||
|
margin: 2cm; /* Marges de la page */
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Roboto', sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
#loading {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #666;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page {
|
||||||
|
page-break-after: always; /* Force un saut de page après chaque élément */
|
||||||
|
break-after: page; /* Compatibilité avec les navigateurs modernes */
|
||||||
|
}
|
||||||
|
|
||||||
|
.clock-container {
|
||||||
|
page-break-inside: avoid; /* Empêche les sauts de page à l'intérieur d'une horloge */
|
||||||
|
break-inside: avoid; /* Compatibilité avec les navigateurs modernes */
|
||||||
|
}
|
||||||
|
|
||||||
|
.clock-image {
|
||||||
|
max-width: 80%;
|
||||||
|
max-height: 60vh;
|
||||||
|
object-fit: contain;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clock-title {
|
||||||
|
font-family: 'Playfair Display', serif;
|
||||||
|
font-size: 1.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clock-details {
|
||||||
|
width: 80%;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-row {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-label {
|
||||||
|
font-weight: bold;
|
||||||
|
min-width: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-value {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
55
themet.py
Normal file
55
themet.py
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
import requests
|
||||||
|
import json
|
||||||
|
import time
|
||||||
|
import re
|
||||||
|
|
||||||
|
query = "yes"
|
||||||
|
tags = "Clocks"
|
||||||
|
object_type = "Clock"
|
||||||
|
search_url = f"https://collectionapi.metmuseum.org/public/collection/v1/search?hasImages=true&q={query}&tags={tags}&objectType={object_type}"
|
||||||
|
|
||||||
|
response = requests.get(search_url)
|
||||||
|
data = response.json()
|
||||||
|
|
||||||
|
# Liste des IDs d'objets
|
||||||
|
object_ids = data['objectIDs'][:10] # Limitez à 10 objets pour éviter une surcharge
|
||||||
|
|
||||||
|
objects = []
|
||||||
|
|
||||||
|
def extract_year(date_str):
|
||||||
|
if not date_str or date_str == "Unknown":
|
||||||
|
return None
|
||||||
|
match = re.search(r'\b(\d{3,4})\b', date_str)
|
||||||
|
if match:
|
||||||
|
return int(match.group(1))
|
||||||
|
return None
|
||||||
|
|
||||||
|
for obj_id in object_ids:
|
||||||
|
obj_url = f"https://collectionapi.metmuseum.org/public/collection/v1/objects/{obj_id}"
|
||||||
|
obj_data = requests.get(obj_url).json()
|
||||||
|
|
||||||
|
if obj_data.get("primaryImageSmall"):
|
||||||
|
date_str = obj_data.get("objectDate", "")
|
||||||
|
parsed_year = extract_year(date_str)
|
||||||
|
|
||||||
|
obj_entry = {
|
||||||
|
"source": "The Met",
|
||||||
|
"id": obj_data.get("objectID"),
|
||||||
|
"title": obj_data.get("title"),
|
||||||
|
"date": date_str,
|
||||||
|
"parsed_year": parsed_year,
|
||||||
|
"culture": obj_data.get("culture"),
|
||||||
|
"description": obj_data.get("creditLine"),
|
||||||
|
"image_url": obj_data.get("primaryImageSmall"),
|
||||||
|
"image_url_hd": obj_data.get("primaryImage")
|
||||||
|
}
|
||||||
|
objects.append(obj_entry)
|
||||||
|
|
||||||
|
time.sleep(0.1)
|
||||||
|
|
||||||
|
objects.sort(key=lambda x: x["parsed_year"] if x["parsed_year"] is not None else 9999)
|
||||||
|
|
||||||
|
with open("data2.json", "w", encoding="utf-8") as f:
|
||||||
|
json.dump(objects, f, ensure_ascii=False, indent=2)
|
||||||
|
|
||||||
|
print(f"{len(objects)} ✅")
|
||||||
Loading…
Reference in New Issue
Block a user