www.persee.fr/.../bch_0007-4217_1995_num_119_1...
www.persee.fr/.../crai_0065-0536_1921_num_65_1_...
Reconstitution par M. Vallois des paraskènia du théâtre de Délos ... M. Homolle annonce ensuite que M. Vallois, actuellement à Délos, croit avoir pu reconstituer ...<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibliography — Sanctuary of the Syrian Goddess, Delos</title>
<link href="https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Cinzel:wght@400;600&display=swap" rel="stylesheet">
<style>
:root {
--sand: #f5efe0;
--parchment: #ede3c8;
--stone: #c9b99a;
--deep-stone: #8a7560;
--ink: #2a2118;
--terracotta: #8b4513;
--gold: #b8922a;
--aged-white: #faf6ec;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(--aged-white);
color: var(--ink);
font-family: 'Cormorant Garamond', Georgia, serif;
min-height: 100vh;
position: relative;
overflow-x: hidden;
}
/* Papyrus texture overlay */
body::before {
content: '';
position: fixed;
inset: 0;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 0;
opacity: 0.6;
}
.page-wrapper {
position: relative;
z-index: 1;
max-width: 820px;
margin: 0 auto;
padding: 60px 40px 80px;
}
/* Header */
header {
text-align: center;
margin-bottom: 60px;
animation: fadeDown 1s ease both;
}
.site-kicker {
font-family: 'Cinzel', serif;
font-size: 0.7rem;
letter-spacing: 0.35em;
color: var(--gold);
text-transform: uppercase;
margin-bottom: 18px;
display: block;
}
h1 {
font-family: 'IM Fell English', serif;
font-size: clamp(1.9rem, 4.5vw, 2.9rem);
font-weight: 400;
line-height: 1.25;
color: var(--ink);
margin-bottom: 10px;
}
h1 em {
font-style: italic;
color: var(--terracotta);
}
.subtitle {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 1.05rem;
color: var(--deep-stone);
letter-spacing: 0.04em;
margin-top: 8px;
}
/* Ornamental divider */
.divider {
display: flex;
align-items: center;
gap: 16px;
margin: 36px 0;
}
.divider::before,
.divider::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(to right, transparent, var(--stone));
}
.divider::after {
background: linear-gradient(to left, transparent, var(--stone));
}
.divider-glyph {
color: var(--gold);
font-size: 1.1rem;
letter-spacing: 6px;
font-family: 'Cinzel', serif;
}
/* Context block */
.context-block {
background: var(--parchment);
border-left: 3px solid var(--gold);
padding: 22px 28px;
margin-bottom: 48px;
font-style: italic;
font-size: 1.05rem;
color: var(--deep-stone);
line-height: 1.75;
animation: fadeUp 0.9s 0.2s ease both;
}
/* Bibliography section */
.bib-section {
animation: fadeUp 1s 0.35s ease both;
}
.section-label {
font-family: 'Cinzel', serif;
font-size: 0.68rem;
letter-spacing: 0.3em;
color: var(--gold);
text-transform: uppercase;
margin-bottom: 28px;
display: flex;
align-items: center;
gap: 14px;
}
.section-label::after {
content: '';
flex: 1;
height: 1px;
background: var(--stone);
opacity: 0.5;
}
/* Entry cards */
.bib-entry {
display: grid;
grid-template-columns: 48px 1fr;
gap: 0 24px;
margin-bottom: 36px;
position: relative;
padding-bottom: 36px;
border-bottom: 1px dashed var(--stone);
opacity: 0;
animation: entryReveal 0.7s ease forwards;
}
.bib-entry:last-child { border-bottom: none; padding-bottom: 0; }
.bib-entry:nth-child(1) { animation-delay: 0.5s; }
.bib-entry:nth-child(2) { animation-delay: 0.65s; }
.bib-entry:nth-child(3) { animation-delay: 0.8s; }
.entry-num {
font-family: 'Cinzel', serif;
font-size: 1.5rem;
color: var(--stone);
font-weight: 600;
line-height: 1;
padding-top: 4px;
text-align: right;
}
.entry-body { }
.entry-author {
font-family: 'Cinzel', serif;
font-size: 0.78rem;
letter-spacing: 0.12em;
color: var(--terracotta);
margin-bottom: 6px;
text-transform: uppercase;
}
.entry-title {
font-family: 'IM Fell English', serif;
font-size: 1.18rem;
font-weight: 400;
line-height: 1.45;
color: var(--ink);
margin-bottom: 8px;
}
.entry-title em {
font-style: italic;
}
.entry-meta {
font-size: 0.92rem;
color: var(--deep-stone);
line-height: 1.6;
}
.entry-pages {
display: inline-block;
margin-top: 8px;
background: var(--parchment);
border: 1px solid var(--stone);
padding: 3px 10px;
font-size: 0.82rem;
font-family: 'Cormorant Garamond', serif;
color: var(--deep-stone);
letter-spacing: 0.04em;
}
.tag {
display: inline-block;
font-family: 'Cinzel', serif;
font-size: 0.6rem;
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 2px 8px;
border: 1px solid var(--gold);
color: var(--gold);
margin-right: 6px;
margin-bottom: 10px;
vertical-align: middle;
}
/* Topics */
.topics-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 40px;
padding-top: 32px;
border-top: 1px solid var(--stone);
animation: fadeUp 1s 1s ease both;
}
.topic-chip {
background: transparent;
border: 1px solid var(--stone);
color: var(--deep-stone);
font-family: 'Cormorant Garamond', serif;
font-size: 0.88rem;
font-style: italic;
padding: 5px 14px;
transition: background 0.25s, color 0.25s;
cursor: default;
}
.topic-chip:hover {
background: var(--parchment);
color: var(--terracotta);
}
/* Footer */
footer {
margin-top: 64px;
text-align: center;
font-size: 0.78rem;
color: var(--stone);
letter-spacing: 0.1em;
font-family: 'Cinzel', serif;
animation: fadeUp 1s 1.1s ease both;
}
/* Decorative side ornament */
.side-ornament {
position: fixed;
left: 24px;
top: 50%;
transform: translateY(-50%);
writing-mode: vertical-rl;
font-family: 'Cinzel', serif;
font-size: 0.6rem;
letter-spacing: 0.3em;
color: var(--stone);
opacity: 0.5;
user-select: none;
}
/* Animations */
@keyframes fadeDown {
from { opacity: 0; transform: translateY(-22px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(18px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes entryReveal {
from { opacity: 0; transform: translateX(-12px); }
to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 600px) {
.page-wrapper { padding: 40px 22px 60px; }
.bib-entry { grid-template-columns: 32px 1fr; gap: 0 14px; }
.side-ornament { display: none; }
}
</style>
</head>
<body>
<span class="side-ornament">DÉLOS · ARCHÉOLOGIE · SANCTUAIRES</span>
<div class="page-wrapper">
<header>
<span class="site-kicker">Scholarly Bibliography</span>
<h1>The Sanctuary of the<br><em>Syrian Goddess</em></h1>
<p class="subtitle">Exploration archéologique de Délos — Selected References</p>
</header>
<div class="divider"><span class="divider-glyph">✦ ✦ ✦</span></div>
<div class="context-block">
The following references document scholarly work on the sanctuary dedicated to the Syrian Goddess
on the island of Delos — a major Hellenistic cult site whose remains illuminate the
spread of Eastern religious practices throughout the Aegean world.
</div>
<div class="bib-section">
<div class="section-label">Primary References</div>
<!-- Entry 1 -->
<div class="bib-entry">
<div class="entry-num">1</div>
<div class="entry-body">
<div class="tag">Journal Article</div>
<div class="entry-author">E. Will</div>
<div class="entry-title"><em>Annales archéologiques de Syrie</em>, Vol. 1</div>
<div class="entry-meta">
Annales archéologiques de Syrie (AAS), 1951.
</div>
<div class="entry-pages">pp. 59–79</div>
</div>
</div>
<!-- Entry 2 -->
<div class="bib-entry">
<div class="entry-num">2</div>
<div class="entry-body">
<div class="tag">Monograph</div>
<div class="entry-author">Hanson</div>
<div class="entry-title">Theater-Temples</div>
<div class="entry-meta">
Reference work on theater-temple architectural typology in the ancient world.
</div>
<div class="entry-pages">p. 67</div>
</div>
</div>
<!-- Entry 3 -->
<div class="bib-entry">
<div class="entry-num">3</div>
<div class="entry-body">
<div class="tag">Excavation Report</div>
<div class="entry-author">E. Will</div>
<div class="entry-title">
<em>Le Sanctuaire de la déesse syrienne</em>
</div>
<div class="entry-meta">
<em>Exploration archéologique de Délos</em>, fascicule 35.<br>
École française d'Athènes / De Boccard, Paris, 1985.
</div>
<div class="entry-pages">pp. 61–74 · 100–103 · 105–108 · 111–114</div>
</div>
</div>
</div><!-- /bib-section -->
<div class="divider"><span class="divider-glyph">· · ·</span></div>
<div class="topics-row">
<span class="topic-chip">Delos</span>
<span class="topic-chip">Syrian Goddess (Atargatis)</span>
<span class="topic-chip">Hellenistic Religion</span>
<span class="topic-chip">Eastern Cults</span>
<span class="topic-chip">Theater-Temples</span>
<span class="topic-chip">Aegean Archaeology</span>
<span class="topic-chip">E. Will</span>
<span class="topic-chip">École française d'Athènes</span>
</div>
<footer>
Exploration archéologique de Délos · Selected Scholarship
</footer>
</div><!-- /page-wrapper -->
</body>
</html>
,_April_'09.JPG/640px-Theatre@Assos(Turkey),_April_'09.JPG)
