Main Page: 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>
<html>
  <h1>Seven Sages of Rome Database</h1>
  <style>
  <h2>View</h2>
  .hero-container {
  <div class="py-5">
    padding-bottom: 2rem;
    <div class="container">
  }
      <div class="row hidden-md-up">
      .firstHeading {
        <div class="col-md-4 py-2">
      display: none;
          <div class="card">
      }
             <div class="card-block m-4">
      .mix-blend-multiply {
              <h4 class="card-title">Manuscripts</h4>
      mix-blend-mode: multiply;
              <p class="card-text py-1">View all available manuscripts.</p>
      transition: opacity 0.5s ease;
              <a href="/index.php/Manuscripts" class="btn primary-btn">Open</a>
      }
      .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>
          </div>
            <div class="caret" onclick="scrollToAnchor('main-page-categories')">&#x2304;</div>
        </section>
      </div>
</html>
<div class="my-5">
    <div id="main-page-categories" class="bento-grid">
        <div class="bento-item bento-item-wide">
            <h3>[[Manuscripts|Manuscripts]]</h3>
            <p>{{#ask:[[Category:Manuscript]]|format=count}} manuscripts</p>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Inset Stories|Inset Stories]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Version]]|format=count}} inset stories</p>
              <h4 class="card-title">Versions</h4>
              <p class="card-text py-1">View all available versions.</p>
              <a href="/index.php/Versions" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Sages|Sages]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Sage]]|format=count}} sages</p>
              <h4 class="card-title">Prints</h4>
              <p class="card-text py-1">View all available prints.</p>
              <a href="/index.php/Prints" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-wide">
          <div class="card">
             <h3>[[Prints|Prints]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Print]]|format=count}} prints</p>
              <h4 class="card-title">Modern Editions</h4>
              <p class="card-text py-1">View all available Modern Editions.</p>
              <a href="/index.php/Modern Editions" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-wide">
          <div class="card">
             <h3>[[Versions|Versions]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Version]]|format=count}} versions</p>
              <h4 class="card-title">Modern Research Literature</h4>
              <p class="card-text py-1">View all available Modern Research Literature.</p>
              <a href="/index.php/Modern Research Literature" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Modern Editions|Modern Editions]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Modern Edition]]|format=count}} modern editions</p>
              <h4 class="card-title">Inset Stories</h4>
              <p class="card-text py-1">View all available inset stories.</p>
              <a href="/index.php/Inset Stories" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Modern Research Literature|Modern Research Literature]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Modern Research Literature]]|format=count}} modern research literature</p>
              <h4 class="card-title">Sages</h4>
              <p class="card-text py-1">View all available sages.</p>
              <a href="/index.php/Sages" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-wide">
          <div class="card">
             <h3>[[Locations|Locations]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Location]]|format=count}} locations</p>
              <h4 class="card-title">Traditions</h4>
              <p class="card-text py-1">View all available branches of tradition.</p>
              <a href="/index.php/Traditions" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Persons|Persons]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Person]]|format=count}} persons</p>
              <h4 class="card-title">Languages</h4>
              <p class="card-text py-1">View all available languages.</p>
              <a href="/index.php/Languages" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Motifs|Motifs]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Motif]]|format=count}} motifs</p>
              <h4 class="card-title">Persons</h4>
              <p class="card-text py-1">View all available Persons.</p>
              <a href="/index.php/Persons" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regular">
          <div class="card">
             <h3>[[Languages|Languages]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Language]]|format=count}} materials</p>
              <h4 class="card-title">Materials</h4>
              <p class="card-text py-1">View all available Materials.</p>
              <a href="/index.php/Materials" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
         <div class="col-md-4 py-2">
         <div class="bento-item bento-item-regularr">
          <div class="card">
             <h3>[[Materials|Materials]]</h3>
             <div class="card-block m-4">
            <p>{{#ask:[[Category:Material]]|format=count}} materials</p>
              <h4 class="card-title">Locations</h4>
              <p class="card-text py-1">View all available Locations.</p>
              <a href="/index.php/Locations" class="btn primary-btn">Open</a>
            </div>
          </div>
         </div>
         </div>
      </div>
     </div>
     </div>
  </div>
</div>
  <h2>Create and Edit</h2>
  <div class="py-5">
    <div class="container">
      <div class="row hidden-md-up">
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Manuscripts</h4>
              <p class="card-text py-1">Add a new manuscript to the database or edit an existing one.</p>
              <a href="/index.php/Form:Manuscript" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Versions</h4>
              <p class="card-text py-1">Add a new version to the database or edit an existing one.</p>
              <a href="/index.php/Form:Version" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Prints</h4>
              <p class="card-text py-1">Add a new print to the database or edit an existing one.</p>
              <a href="/index.php/Form:Print" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Modern Editions</h4>
              <p class="card-text py-1">Add a new modern edition to the database or edit an existing one.</p>
              <a href="/index.php/Form:Modern Edition" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Modern Research Literature</h4>
              <p class="card-text py-1">Add new modern research literature to the database or edit an existing one.</p>
              <a href="/index.php/Form:Modern Research Literature" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Inset Stories</h4>
              <p class="card-text py-1">Add new inset story to the database or edit an existing one.</p>
              <a href="/index.php/Form:Inset Story" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Sages</h4>
              <p class="card-text py-1">Add new sage to the database or edit an existing one.</p>
              <a href="/index.php/Form:Sage" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Languages</h4>
              <p class="card-text py-1">Add new language to the database or edit an existing one.</p>
              <a href="/index.php/Form:Language" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Persons</h4>
              <p class="card-text py-1">Add new person to the database or edit an existing one.</p>
              <a href="/index.php/Form:Person" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Materials</h4>
              <p class="card-text py-1">Add new material to the database or edit an existing one.</p>
              <a href="/index.php/Form:Material" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
        <div class="col-md-4 py-2">
          <div class="card">
            <div class="card-block m-4">
              <h4 class="card-title">Locations</h4>
              <p class="card-text py-1">Add new locations to the database or edit an existing one.</p>
              <a href="/index.php/Form:Location" class="btn primary-btn">Open</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</html>

Revision as of 18:02, 11 March 2025

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

531 manuscripts

Inset Stories

119 inset stories

Sages

34 sages

Prints

216 prints

Versions

119 versions

Modern Editions

78 modern editions

Modern Research Literature

385 modern research literature

Locations

503 locations

Persons

161 persons

Motifs

159 motifs

Languages

74 materials

Materials

3 materials

Retrieved from "https://db.seven-sages-of-rome.org/index.php?title=Main_Page&oldid=7423"
This page was last edited on 11 March 2025, at 18:02.
Privacy policy
About The Seven Sages of Rome
Disclaimers