Main Page: Difference between revisions

From The Seven Sages of Rome
No edit summary
No edit summary
 
(66 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC__{{DISPLAYTITLE:<span id="1" 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>
{{LandingPage/Hero}}
  <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;
      max-width: 70%;
      }
      .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://db.seven-sages-of-rome.org/images/f/f5/BL_IO_Islamic_3214%2C_fol._29v.jpeg"
              loading="lazy"
              alt="Photo by Fakurian Design" />
            <div class="hero-overlay mix-blend-multiply"></div>
            <div class="hero-text-container">
              <p class="hero-title">The Seven Sages of Rome Database</p>
              <p class="hero-subtitle">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.</p>
            </div>
            <div class="caret" onclick="scrollToAnchor('main-page-categories')">&#x2304;</div>
        </section>
      </div>
</html>
<div class="my-5">
<div class="my-5">
     <div id="main-page-categories" class="bento-grid">
     <div id="main-page-categories" class="bento-grid">
        <div class="bento-item bento-item-wide">
{{BentoItem
            <h3>[[Manuscripts|Manuscripts]]</h3>
|type=wide
            <p>{{#ask:[[Category:Manuscript]]|format=count}} manuscripts</p>
|title=[[Manuscripts|Manuscripts]]
        </div>
|count={{#ask:[[Category:Manuscript]]|format=count}}
        <div class="bento-item bento-item-regular">
|countlabel=manuscripts
            <h3>[[Inset Stories|Inset Stories]]</h3>
}}
            <p>{{#ask:[[Category:Version]]|format=count}} inset stories</p>
{{BentoItem
        </div>
|type=regular
        <div class="bento-item bento-item-regular">
|title=[[Prints|Prints]]
            <h3>[[Sages|Sages]]</h3>
|count={{#ask:[[Category:Print]]|format=count}}
            <p>{{#ask:[[Category:Sage]]|format=count}} sages</p>
|countlabel=prints
        </div>
}}
        <div class="bento-item bento-item-wide">
{{BentoItem
            <h3>[[Prints|Prints]]</h3>
|type=regular
            <p>{{#ask:[[Category:Print]]|format=count}} prints</p>
|title=[[Versions|Versions]]
        </div>
|count={{#ask:[[Category:Version]]|format=count}}
        <div class="bento-item bento-item-wide">
|countlabel=versions
            <h3>[[Versions|Versions]]</h3>
}}
            <p>{{#ask:[[Category:Version]]|format=count}} versions</p>
{{BentoItem
        </div>
|type=wide
        <div class="bento-item bento-item-regular">
|title=[[Inset Stories|Inset Stories]]
            <h3>[[Modern Editions|Modern Editions]]</h3>
|count={{#ask:[[Category:Version]]|format=count}}
            <p>{{#ask:[[Category:Modern Edition]]|format=count}} modern editions</p>
|countlabel=inset stories
        </div>
}}
        <div class="bento-item bento-item-regular">
{{LandingPage/BentoMap}}
            <h3>[[Modern Research Literature|Modern Research Literature]]</h3>
{{LandingPage/BentoWordcloud}}
            <p>{{#ask:[[Category:Modern Research Literature]]|format=count}} modern research literature</p>
{{BentoItem
        </div>
|type=regular
        <div class="bento-item bento-item-wide">
|title=[[Modern Editions|Modern Editions]]
            <h3>[[Locations|Locations]]</h3>
|count={{#ask:[[Category:Modern Edition]]|format=count}}  
            <p>{{#ask:[[Category:Location]]|format=count}} locations</p>
|countlabel=modern editions
        </div>
}}
        <div class="bento-item bento-item-regular">
{{BentoItem
            <h3>[[Persons|Persons]]</h3>
|type=regular
            <p>{{#ask:[[Category:Person]]|format=count}} persons</p>
|title=[[Modern Research Literature|Modern Research Literature]]
        </div>
|count={{#ask:[[Category:Modern Research Literature]]|format=count}}
        <div class="bento-item bento-item-regular">
|countlabel=modern research literature
            <h3>[[Motifs|Motifs]]</h3>
}}
            <p>{{#ask:[[Category:Motif]]|format=count}} motifs</p>
{{BentoItem
        </div>
|type=regular
        <div class="bento-item bento-item-regular">
|title=[[Persons|Persons]]
            <h3>[[Languages|Languages]]</h3>
|count={{#ask:[[Category:Person]]|format=count}}
            <p>{{#ask:[[Category:Language]]|format=count}} materials</p>
|countlabel=persons
        </div>
}}
        <div class="bento-item bento-item-regularr">
{{BentoItem
            <h3>[[Materials|Materials]]</h3>
|type=regular
            <p>{{#ask:[[Category:Material]]|format=count}} materials</p>
|title=[[Sages|Sages]]
        </div>
|count={{#ask:[[Category:Sage]]|format=count}}
|countlabel=sages
}}
{{BentoItem
|type=wide
|title=[[Languages|Languages]]
|count={{#ask:[[Category:Language]]|format=count}}
|countlabel=languages
}}
{{BentoItem
|type=regular
|title=[[Materials|Materials]]
|count={{#ask:[[Category:Material]]|format=count}}
|countlabel=materials
}}
     </div>
     </div>
</div>
<div class="editor-view">
<h2>Add and edit entries (only visible by logged in users)</h2>
<div class="my-5">
    <div id="main-page-categories" class="bento-grid">
  {{BentoItem
|type=wide
|title=[[Form:Manuscript|Manuscripts]]
|count={{#ask:[[Category:Manuscript]]|format=count}}
|countlabel=manuscripts
}}
{{BentoItem
|type=regular
|title=[[Form:Inset Story|Inset Stories]]
|count={{#ask:[[Category:Version]]|format=count}}
|countlabel=inset stories
}}
{{BentoItem
|type=regular
|title=[[Form:Sage|Sages]]
|count={{#ask:[[Category:Sage]]|format=count}}
|countlabel=sages
}}
{{BentoItem
|type=wide
|title=[[Form:Print|Prints]]
|count={{#ask:[[Category:Print]]|format=count}}
|countlabel=prints
}}
{{BentoItem
|type=wide
|title=[[Form:Version|Versions]]
|count={{#ask:[[Category:Version]]|format=count}}
|countlabel=versions
}}
{{BentoItem
|type=regular
|title=[[Form:Modern Edition|Modern Editions]]
|count={{#ask:[[Category:Modern Edition]]|format=count}}
|countlabel=modern editions
}}
{{BentoItem
|type=regular
|title=[[Form:Modern Research Literature|Modern Research Literature]]
|count={{#ask:[[Category:Modern Research Literature]]|format=count}}
|countlabel=modern research literature
}}
{{BentoItem
|type=wide
|title=[[Form:Location|Locations]]
|count={{#ask:[[Category:Location]]|format=count}}
|countlabel=locations
}}
{{BentoItem
|type=regular
|title=[[Form:Person|Persons]]
|count={{#ask:[[Category:Person]]|format=count}}
|countlabel=persons
}}
{{BentoItem
|type=regular
|title=[[Form:Motif|Motifs]]
|count={{#ask:[[Category:Motif]]|format=count}}
|countlabel=motifs
}}
{{BentoItem
|type=regular
|title=[[Form:Language|Languages]]
|count={{#ask:[[Category:Language]]|format=count}}
|countlabel=languages
}}
{{BentoItem
|type=regular
|title=[[Form:Material|Materials]]
|count={{#ask:[[Category:Material]]|format=count}}
|countlabel=materials
}}
</div>
</div>
</div>
</div>

Latest revision as of 20:12, 26 February 2026

Photo by Fakurian Design

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

There are 599 manuscripts in the database.

Prints

There are 294 prints in the database.

Versions

There are 158 versions in the database.

Inset Stories

There are 158 inset stories in the database.

Locations

There are 697 locations in the database.

Loading map...

Motifs

There are 188 motifs in the database.

Modern Editions

There are 114 modern editions in the database.

Modern Research Literature

There are 486 modern research literature in the database.

Persons

There are 318 persons in the database.

Sages

There are 45 sages in the database.

Languages

There are 82 languages in the database.

Materials

There are 6 materials in the database.

Add and edit entries (only visible by logged in users)

Manuscripts

There are 599 manuscripts in the database.

Inset Stories

There are 158 inset stories in the database.

Sages

There are 45 sages in the database.

Prints

There are 294 prints in the database.

Versions

There are 158 versions in the database.

Modern Editions

There are 114 modern editions in the database.

Modern Research Literature

There are 486 modern research literature in the database.

Locations

There are 697 locations in the database.

Persons

There are 318 persons in the database.

Motifs

There are 188 motifs in the database.

Languages

There are 82 languages in the database.

Materials

There are 6 materials in the database.