User:Noeth: Difference between revisions
From The Seven Sages of Rome
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | __NOTOC__{{DISPLAYTITLE:<span id="1" style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | ||
<html> | |||
<style> | |||
.hero-container { | |||
padding-bottom: 2rem; | |||
} | |||
.firstHeading { | |||
display: none; | |||
} | |||
.mix-blend-multiply { | |||
mix-blend-mode: multiply; | |||
transition: opacity 0.5s ease; | |||
} | |||
.hero-section { | |||
position: relative; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
overflow: hidden; | |||
border-radius: 0.25rem; | |||
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); | |||
height: calc(100dvh - 100px); | |||
width: 100%; | |||
transition: transform 0.3s ease; | |||
} | |||
.hero-section:hover img { | |||
transform: scale(1.05); | |||
} | |||
.hero-section:hover .mix-blend-multiply { | |||
opacity: 0.8; | |||
} | |||
.hero-section img { | |||
transition: transform 0.3s ease; | |||
object-fit: cover; | |||
object-position: center; | |||
inset: 0; | |||
position: absolute; | |||
height: 100%; | |||
width: 100%; | |||
} | |||
.hero-overlay { | |||
position: absolute; | |||
height: 100%; | |||
width: 100%; | |||
inset: 0; | |||
background-color: black; | |||
opacity: 0.7; | |||
} | |||
.hero-text-container { | |||
position: relative; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
padding: 1rem; | |||
} | |||
.hero-title { | |||
text-align: center; | |||
color: white; | |||
font-weight: bold; | |||
font-size: 3rem; | |||
line-height: 1; | |||
} | |||
.hero-subtitle { | |||
text-align: center; | |||
color: white; | |||
font-size: 1.3rem; | |||
line-height: 1; | |||
} | |||
.caret { | |||
position: absolute; | |||
bottom: 20px; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
font-size: 2rem; | |||
color: white; | |||
cursor: pointer; | |||
animation: bounce 2s infinite; | |||
} | |||
@keyframes bounce { | |||
0%, 20%, 50%, 80%, 100% { | |||
transform: translateY(0) translateX(-50%); | |||
} | |||
40% { | |||
transform: translateY(-10px) translateX(-50%); | |||
} | |||
60% { | |||
transform: translateY(-5px) translateX(-50%); | |||
} | |||
} | |||
@media (max-width: 400px) { | |||
.hero-title { | |||
font-size: 2.2rem; | |||
} | |||
.hero-subtitle { | |||
font-size: 1.4rem; | |||
} | |||
} | |||
@media (min-width: 768px) { | |||
.hero-title { | |||
font-size: 4rem; | |||
} | |||
.hero-subtitle { | |||
font-size: 1.8rem; | |||
} | |||
} | |||
.content-container { | |||
width: 100%; /* Match hero section width */ | |||
max-width: 1600px; /* or your preferred max width */ | |||
margin: 0 auto; /* Center the container */ | |||
padding: 20px; /* Add padding for content */ | |||
} | |||
.landing-page-row { | |||
border-radius: 0.25rem; | |||
background: oklch(0.374 0.01 67.558); | |||
color: white; | |||
padding: 1.5rem; | |||
margin-bottom: 5rem; | |||
ul { | |||
list-style: none; | |||
text-align: left; | |||
} | |||
} | |||
.fit-img img { | |||
border-radius: 0.25rem; | |||
} | |||
</style> | |||
<body> | |||
<div id="hero-container" class="container-fluid container-3xl"> | |||
<section class="hero-section bg-light"> | |||
<img src="https://stadtsprachen.kallimachos.de/images/thumb/7/7d/Orte.png/1600px-Orte.png?20210422225226" | |||
loading="lazy" | |||
alt="Photo by Fakurian Design" /> | |||
<div class="hero-overlay mix-blend-multiply"></div> | |||
<div class="hero-text-container"> | |||
<p class="hero-title">Historische Stadtsprachen vor Ort</p> | |||
<p class="hero-subtitle">Eine stadtsprachgeschichtliche Wissensplattform</p> | |||
</div> | |||
<div class="caret" onclick="scrollToAnchor('content-anchor')">⌄</div> | |||
</section> | |||
</div> | |||
</html> | |||
__NOTOC__ | __NOTOC__ | ||
<div class="my-5"> | <div class="my-5"> | ||
Revision as of 17:29, 11 March 2025
Historische Stadtsprachen vor Ort
Eine stadtsprachgeschichtliche Wissensplattform
⌄
The Seven Sages Of Rome: Database
The Seven Sages of Rome is the most famous premodern text of which nobody has ever heard. This project aims to change that. The story cycle, told in at least 30 languages from Central Asia to Iceland over more than five centuries, centres on a non-consensual sexual encounter between a mute prince and his stepmother.
Manuscripts
531 manuscripts
Inset Stories
119 inset stories
Sages
34 sages
Prints
217 prints
Versions
119 versions
Modern Editions
79 modern editions
Modern Research Literature
394 modern research literature
Locations
503 locations
Persons
161 persons