|
|
| (128 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| | __NOTOC__{{DISPLAYTITLE:<span id="1" style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| <html> | | <html> |
| <!-- hero - start --> | | <body> |
| <div class="bg-white pb-6 sm:pb-8 lg:pb-12"> | | <div id="hero-container" class="container-fluid container-3xl"> |
| <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
| | <section class="hero-section bg-light"> |
| <header class="mb-4 flex items-center justify-between py-4 md:py-8">
| | <img src="https://stadtsprachen.kallimachos.de/images/thumb/7/7d/Orte.png/1600px-Orte.png?20210422225226" |
| <!-- logo - start -->
| | loading="lazy" |
| <a href="/" class="inline-flex items-center gap-2.5 text-2xl font-bold text-black md:text-3xl" aria-label="logo">
| | alt="Photo by Fakurian Design" /> |
| <svg width="95" height="94" viewBox="0 0 95 94" class="h-auto w-6 text-indigo-500" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| | <div class="hero-overlay mix-blend-multiply"></div> |
| <path d="M96 0V47L48 94H0V47L48 0H96Z" />
| | <div class="hero-text-container"> |
| </svg>
| | <p class="hero-title">Historische Stadtsprachen vor Ort</p> |
| | | <p class="hero-subtitle">Eine stadtsprachgeschichtliche Wissensplattform</p> |
| Flowrift
| |
| </a>
| |
| <!-- logo - end -->
| |
| | |
| <!-- nav - start -->
| |
| <nav class="hidden gap-12 lg:flex">
| |
| <a href="#" class="text-lg font-semibold text-indigo-500">Home</a>
| |
| <a href="#" class="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700">Features</a>
| |
| <a href="#" class="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700">Pricing</a>
| |
| <a href="#" class="text-lg font-semibold text-gray-600 transition duration-100 hover:text-indigo-500 active:text-indigo-700">About</a>
| |
| </nav>
| |
| <!-- nav - end -->
| |
| | |
| <!-- buttons - start -->
| |
| <a href="#" class="hidden rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base lg:inline-block">Contact Sales</a>
| |
| | |
| <button type="button" class="inline-flex items-center gap-2 rounded-lg bg-gray-200 px-2.5 py-2 text-sm font-semibold text-gray-500 ring-indigo-300 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base lg:hidden">
| |
| <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor">
| |
| <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" />
| |
| </svg>
| |
| | |
| Menu
| |
| </button>
| |
| <!-- buttons - end -->
| |
| </header>
| |
| | |
| <section class="min-h-96 relative flex flex-1 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-gray-100 py-16 shadow-lg md:py-20 xl:py-48">
| |
| <!-- image - start -->
| |
| <img src="https://images.unsplash.com/photo-1618004652321-13a63e576b80?auto=format&q=75&fit=crop&w=1500" loading="lazy" alt="Photo by Fakurian Design" class="absolute inset-0 h-full w-full object-cover object-center" />
| |
| <!-- image - end -->
| |
| | |
| <!-- overlay - start -->
| |
| <div class="absolute inset-0 bg-indigo-500 mix-blend-multiply"></div>
| |
| <!-- overlay - end -->
| |
| | |
| <!-- text start -->
| |
| <div class="relative flex flex-col items-center p-4 sm:max-w-xl">
| |
| <p class="mb-4 text-center text-lg text-indigo-200 sm:text-xl md:mb-8">Very proud to introduce</p>
| |
| <h1 class="mb-8 text-center text-4xl font-bold text-white sm:text-5xl md:mb-12 md:text-6xl">Revolutionary way to build the web</h1>
| |
| | |
| <div class="flex w-full flex-col gap-2.5 sm:flex-row sm:justify-center">
| |
| <a href="#" class="inline-block rounded-lg bg-indigo-500 px-8 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 transition duration-100 hover:bg-indigo-600 focus-visible:ring active:bg-indigo-700 md:text-base">Start now</a>
| |
| | |
| <a href="#" class="inline-block rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base">Take tour</a>
| |
| </div>
| |
| </div>
| |
| <!-- text end -->
| |
| </section>
| |
| </div>
| |
| </div>
| |
| <!-- hero - end -->
| |
| | |
| <!-- gallery - start -->
| |
| <div class="bg-white py-6 sm:py-8 lg:py-12">
| |
| <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
| |
| <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl xl:mb-12">Gallery</h2>
| |
| | |
| <div class="mb-4 grid grid-cols-2 gap-4 sm:grid-cols-3 md:mb-8 md:grid-cols-4 md:gap-6 xl:gap-8">
| |
| <!-- image - start -->
| |
| <a href="#" class="group relative flex h-48 items-end overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-80">
| |
| <img src="https://images.unsplash.com/photo-1593508512255-86ab42a8e620?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Minh Pham" class="absolute inset-0 h-full w-full object-cover object-center transition duration-200 group-hover:scale-110" />
| |
| | |
| <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50"></div>
| |
| | |
| <span class="relative mb-3 ml-4 inline-block text-sm text-white md:ml-5 md:text-lg">VR</span>
| |
| </a>
| |
| <!-- image - end -->
| |
| | |
| <!-- image - start -->
| |
| <a href="#" class="group relative flex h-48 items-end overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-80">
| |
| <img src="https://images.unsplash.com/photo-1542759564-7ccbb6ac450a?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Magicle" class="absolute inset-0 h-full w-full object-cover object-center transition duration-200 group-hover:scale-110" />
| |
| | |
| <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50"></div>
| |
| | |
| <span class="relative mb-3 ml-4 inline-block text-sm text-white md:ml-5 md:text-lg">Tech</span>
| |
| </a>
| |
| <!-- image - end -->
| |
| | |
| <!-- image - start -->
| |
| <a href="#" class="group relative flex h-48 items-end overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-80">
| |
| <img src="https://images.unsplash.com/photo-1610465299996-30f240ac2b1c?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Martin Sanchez" class="absolute inset-0 h-full w-full object-cover object-center transition duration-200 group-hover:scale-110" />
| |
| | |
| <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50"></div>
| |
| | |
| <span class="relative mb-3 ml-4 inline-block text-sm text-white md:ml-5 md:text-lg">Dev</span>
| |
| </a>
| |
| <!-- image - end -->
| |
| | |
| <!-- image - start -->
| |
| <a href="#" class="group relative flex h-48 items-end overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-80">
| |
| <img src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&q=75&fit=crop&w=600" loading="lazy" alt="Photo by Lorenzo Herrera" class="absolute inset-0 h-full w-full object-cover object-center transition duration-200 group-hover:scale-110" />
| |
| | |
| <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-gray-800 via-transparent to-transparent opacity-50"></div>
| |
| | |
| <span class="relative mb-3 ml-4 inline-block text-sm text-white md:ml-5 md:text-lg">Retro</span>
| |
| </a>
| |
| <!-- image - end -->
| |
| </div>
| |
| | |
| <div class="flex items-start justify-between gap-8 sm:items-center">
| |
| <p class="max-w-screen-sm text-sm text-gray-500 lg:text-base">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text.</p>
| |
| | |
| <a href="#" class="inline-block rounded-lg border bg-white px-4 py-2 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:px-8 md:py-3 md:text-base">More</a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- gallery - end -->
| |
| | |
| <!-- stats - start -->
| |
| <div class="bg-white py-6 sm:py-8 lg:py-12">
| |
| <div class="mx-auto max-w-screen-lg px-4 md:px-8">
| |
| <!-- text - start -->
| |
| <div class="mb-8 md:mb-12">
| |
| <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl">Our Team by the numbers</h2>
| |
| | |
| <p class="mx-auto max-w-screen-md text-center text-gray-500 md:text-lg">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated.</p>
| |
| </div>
| |
| <!-- text - end -->
| |
| | |
| <div class="grid grid-cols-2 gap-6 rounded-lg bg-indigo-500 p-6 md:grid-cols-4 md:gap-8 md:p-8">
| |
| <!-- stat - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">200</div>
| |
| <div class="text-sm text-indigo-200 sm:text-base">People</div>
| |
| </div>
| |
| <!-- stat - end -->
| |
| | |
| <!-- stat - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">500+</div>
| |
| <div class="text-sm text-indigo-200 sm:text-base">People</div>
| |
| </div>
| |
| | |
| <!-- stat - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">1000+</div>
| |
| <div class="text-sm text-indigo-200 sm:text-base">Customers</div>
| |
| </div>
| |
| <!-- stat - end -->
| |
| | |
| <!-- stat - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="text-xl font-bold text-white sm:text-2xl md:text-3xl">A couple</div>
| |
| <div class="text-sm text-indigo-200 sm:text-base">Coffee breaks</div>
| |
| </div>
| |
| <!-- stat - end -->
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- stats - end -->
| |
| | |
| <!-- team - start -->
| |
| <div class="bg-white py-6 sm:py-8 lg:py-12">
| |
| <div class="mx-auto max-w-screen-xl px-4 md:px-8">
| |
| <!-- text - start -->
| |
| <div class="mb-10 md:mb-16">
| |
| <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-6 lg:text-3xl">Meet our Team</h2>
| |
| | |
| <p class="mx-auto max-w-screen-md text-center text-gray-500 md:text-lg">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated.</p>
| |
| </div>
| |
| <!-- text - end -->
| |
| | |
| <div class="grid grid-cols-2 gap-x-4 gap-y-8 md:grid-cols-4 lg:gap-x-8 lg:gap-y-12">
| |
| <!-- person - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| |
| <img src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Radu Florin" class="h-full w-full object-cover object-center" />
| |
| </div>
| |
| | |
| <div>
| |
| <div class="text-center font-bold text-indigo-500 md:text-lg">John McCulling</div>
| |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Founder / CEO</p>
| |
| | |
| <!-- social - start -->
| |
| <div class="flex justify-center">
| |
| <div class="flex gap-4">
| |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | <div class="caret" onclick="scrollToAnchor('content-anchor')">⌄</div> |
| <!-- social - end -->
| | </section> |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </html> |
| | | <div id="content-anchor" class="content-container text-center"> |
| <!-- person - start -->
| | <p>'''Historische Stadtsprachen vor Ort''' ist eine <b>sprachhistorische Wissensplattform</b>. Sie setzt sich zum Ziel, den historischen Textkosmos 'vor Ort' in einer spätmittelalterlichen und frühneuzeitlichen Stadt in Ausschnitten zusammenzustellen und sprachgeschichtlich zu kommentieren. |
| <div class="flex flex-col items-center">
| | <p>Der Untersuchungsgegenstand ist '''der Textkosmos der historischen Stadt Greifswald''' im Nordosten Deutschlands. Diese Stadt verfügte im Zeitraum des 13./14. bis 17. Jahrhunderts über eine Fülle von Orten der Textproduktion, der Textrezeption und der Textaufbewahrung: Neben der Schriftlichkeit der vorreformatorischen Klöster und Kirchen, der städtischen Kanzlei und der nachreformatorischen Kirchenverwaltung ist hier an die reiche Überlieferung an Inschriften-Schriftlichkeit, die Drucktätigkeit der Offizin, die Schriftlichkeit der zweitältesten Universität im Ostseeraum und auch an private Schriftlichkeit zu denken. |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| | <p>Greifswald ist für die stadtsprachgeschichtliche Wissensplattform 'nur' das konkrete Beispiel, aber: Es ist ein sehr gutes Beispiel! ([[Stadt- und Sprachgeschichte Greifswalds|<span>Stadt- und Sprachgeschichte Greifswalds</span>]]) Unsere sprachgeschichtlichen Kommentierungen und Kategorisierungsangebote lassen sich darüber hinausgehend auch auf andere Städte und ihren historischen Textkosmos übertragen.</p> |
| <img src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by christian ferrer" class="h-full w-full object-cover object-center" />
| | <p>Die Wissensplattform geht von einem weiten Verständnis von Stadtsprache(n) aus ([[Was ist Stadtsprache?|<span>Was ist Stadtsprache und was sind Stadtsprachen?</span>]]). Sie sammelt und verknüpft bestehende Informationen zu Texten, die bis zum 17. Jahrhundert in Greifswald geschrieben oder gedruckt wurden oder nachweislich als (geschriebene oder gedruckte) Texte in diese Stadt gelangt sind und dort rezipiert wurden. Die Plattform versucht auf dieser Grundlage, '''den volkssprachigen Textkosmos in einer historischen Stadt''' ([[Was ist Stadtsprache?|<span>Was ist Stadtsprache?</span>]]) zu verdeutlichen.</p> |
| </div>
| | <p><b>'''Der Fokus ist sprachwissenschaftlich'''</b>. Er verdichtet interdisziplinäre Informationen und wertet sie ansatzweise aus. In seiner Bezugnahme auf die Datenbestände ist er geleitet von sprach- und textbezogenen Fragestellungen, z. B.: '''Was? In welcher Sprache? Von wem? Worüber? Wo? Wann? Worauf?''' Unser besonderes Interesse gilt dabei '''historischen Sprachhandlungen''' und '''historischen Schreibanlässen'''.</p> |
| | | <p>Diese Fragestellungen (und was wir darunter verstehen) schlüsseln wir im Folgenden auf:</p> |
| <div>
| | <div> |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Kate Berg</div>
| | <div class="row landing-page-row"> |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">CFO</p>
| | <div class="col-md-12"> |
| | | <h4 class="text-center font-weight-bold" style="color:#ffffff">WAS?</h4> |
| <!-- social - start -->
| | <p class="text-center navInfo">Welche Sprachhandlungen und welche Sprachhandlungsmuster (wie z. B. etwas verkaufen, etwas beurkunden, etwas festlegen, etwas bestätigen, etwas gründen, etwas dokumentieren, jemanden ehren) sind in geschriebenen volkssprachigen Texten aus Greifswald erkennbar? <br> Welche Schreibanlässe (wie z. B. einen konkreten, datier- und lokalisierbaren Vertragsabschluss) gab es dafür? <br> Welchen Texttypen (oder -sorten) lassen sich geschriebene volkssprachige Texte aus der historischen Stadt zuordnen?</p> |
| <div class="flex justify-center">
| | <!-- Darauf achten, dass Text richtig übernommen wird! --> |
| <div class="flex gap-4">
| | <div> |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| | <div class="row row-cols-1 row-cols-md-3 g-4 text-center"> |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| | <div class="col" id="Sprachhandlungen">{{LandingPage/ImageCard|image=Sprachhandlungen Münzen.jpg|link=Sprachhandlungen|text=SPRACHHANDLUNGEN}}</div> |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| | <div class="col" id="Schreibanlässe">{{LandingPage/ImageCard|image=Schreibanlässe2.jpg|link=Schreibanlässe|text=SCHREIBANLÄSSE}}</div> |
| </svg>
| | <div class="col" id="Texte">{{LandingPage/ImageCard|image=Texttyp1.jpg|link=Texttypen|text=TEXTTYPEN}}</div> |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | </div> |
| <!-- social - end -->
| |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </div> |
| | | </div> |
| <!-- person - start -->
| | <!-- 1. Row Ende --> |
| <div class="flex flex-col items-center">
| | <div class="m-1"></div> |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| | <!-- 2. Row Anfang --> |
| <img src="https://images.unsplash.com/photo-1463453091185-61582044d556?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Ayo Ogunseinde" class="h-full w-full object-cover object-center" />
| | <div> |
| </div>
| | <div class="row landing-page-row"> |
| | | <div class="col-md-12"> |
| <div>
| | <div class="row"> |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Greg Jackson</div>
| | <div class="col-sm-8 d-flex flex-column align-items-center justify-content-center" style="min-height: 300px"> |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">CTO</p>
| | <h4 class="text-center font-weight-bold" style="color:#ffffff">IN WELCHER SPRACHE?</h4> |
| | | <p class="text-center navInfo" style="margin-left:4%; margin-right:4%">Welche Sprache(n) wurde(n) in den Texten verwendet: Wann wurde volkssprachig niederdeutsch, wann wurde volkssprachig hochdeutsch gewählt? Gibt es Mischformen? <br> Und inwieweit sind das nicht nur zeitbezogene, sondern auch texttypen- und textthemenbezogene Fragen?</p> |
| <!-- social - start -->
| |
| <div class="flex justify-center">
| |
| <div class="flex gap-4"> | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | <div class="col-sm-4" id="Sprachen">{{LandingPage/ImageCard|image=Sprache1.jpg|link=Sprachen|text=SPRACHEN DER TEXTE}}</div> |
| <!-- social - end -->
| | </div> |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </div> |
| | | </div> |
| <!-- person - start -->
| | <!-- 2. Row Ende --> |
| <div class="flex flex-col items-center">
| | <div class="m-1"></div> |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| | <!-- 3. Row Anfang --> |
| <img src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Midas Hofstra" class="h-full w-full object-cover object-center" />
| | <div> |
| </div>
| | <div class="row landing-page-row"> |
| | | <div class="col-md-12"> |
| <div>
| | <h4 class="text-center font-weight-bold" style="color:#ffffff">VON WEM? WORÜBER? WO UND WANN?</h4> |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Robert Greyson</div>
| | <p class="text-center navInfo">Von wem wurden die Texte veranlasst und von wem wurden sie verfasst?<br>In welchen lebensweltlichen Zusammenhängen (Personen, Orte, Sachverhalte) standen sie?<br>Wo wurden sie geschrieben?<br>Wie sind sie zu datieren?</p> |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Creative Director</p>
| | <div> |
| | | <div class="row row-cols-3"> |
| <!-- social - start -->
| | <div class="col-12 col-md-4" id="AkteureInstitutionen"> |
| <div class="flex justify-center">
| | <div class="fit-img">[[File:Lebensweltliche Zusammenhänge I neu.jpg|link=Akteure-Institutionen|class=img-fluid zoom]]</div> |
| <div class="flex gap-4">
| | <div class="img-title text-center"> |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| | <p>[[Akteure-Institutionen|LEBENSWELTLICHE ZUSAMMENHÄNGE I]]</p> |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| | <p>Textproduzenten, Akteure der Schriftlichkeit, im Text genannte Personen</p> |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" /> | | </div> |
| </svg>
| | </div> |
| </a>
| | <div class="col-12 col-md-4" id="Orte"> |
| | | <div class="fit-img">[[File:Orte1.jpg|link=Orte|class=img-fluid zoom]]</div> |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| | <div class="img-title text-center"> |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| | <p>[[Orte|LEBENSWELTLICHE ZUSAMMENHÄNGE II]]</p> |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" /> | | <p>Ortspunkt und geographischer Raum</p> |
| </svg>
| | </div> |
| </a>
| | </div> |
| | <div class="col-12 col-md-4" id="Zeitschnitte"> |
| | <div class="fit-img">[[File:Zeitschnitte1.jpg|link=Zeitschnitte|class=img-fluid zoom]]</div> |
| | <div class="img-title text-center"> |
| | <p>[[Zeitschnitte|LEBENSWELTLICHE ZUSAMMENHÄNGE III]]</p> |
| | <p>Zeitpunkt und Zeitraum</p> |
| | </div> |
| | </div> |
| </div> | | </div> |
| </div>
| | </div> |
| <!-- social - end -->
| |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </div> |
| | | </div> |
| <!-- person - start -->
| | <!-- 3. Row Ende --> |
| <div class="flex flex-col items-center">
| | <div class="m-1"></div> |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| | <!-- 4. Row Anfang --> |
| <img src="https://images.unsplash.com/photo-1522529599102-193c0d76b5b6?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Elizeu Dias" class="h-full w-full object-cover object-center" />
| | <div> |
| </div>
| | <div class="row landing-page-row"> |
| | | <div class="col-md-12"> |
| <div>
| | <div class="row"> |
| <div class="text-center font-bold text-indigo-500 md:text-lg">John Roberts</div>
| | <div class="col-sm-4" id="Materialität">{{LandingPage/ImageCard|image=Materialität1.jpg|link=Materialität|text=MATERIALITÄT}}</div> |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Investor Relations</p>
| | <div class="col-sm-8 d-flex flex-column align-items-center justify-content-center" style="min-height: 300px"> |
| | | <h4 class="text-center font-weight-bold" style="color:#ffffff">WORAUF?</h4> |
| <!-- social - start -->
| | <p class="text-center navInfo" style="margin-left:4%; margin-right:4%">Auf welchem Material wurde geschrieben?<br>War Geschriebenenes sichtbar? Für wen?</p> |
| <div class="flex justify-center">
| |
| <div class="flex gap-4"> | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | </div> |
| <!-- social - end -->
| |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </div> |
| | | </div> |
| <!-- person - start -->
| | <!-- 4. Row Ende --> |
| <div class="flex flex-col items-center">
| | <div> |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| | <p class="text-center">Solche Fragen sind nicht nur für die historische Stadt Greifswald und ihre Texte relevant; Fragen zu <b>Sprachhandlungen</b>, <b>Schreibanlässen</b>, <b>Texttypen</b>, zur <b>Sprachenwahl</b>, zu <b>lebensweltlichen Zusammenhängen</b> und zur <b>Materialität</b> sind <b>von übergreifendem sprachwissenschaftlichen, sprachhistorischen und insbesondere stadtsprachgeschichtlichen Interesse</b>. Greifswald ist hier "nur" ein Beispiel, aber: Ein sehr gutes Beispiel!</p> |
| <img src="https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Matheus Ferrero" class="h-full w-full object-cover object-center" />
| | <p>Die Wissensplattform ist <b>interdisziplinär</b>, denn sie führt publizierte Wissensbestände aus unterschiedlichen Fachrichtungen zusammen. Gleichzeitig bietet sie im Projekt erhobene Befunde erstmals an. Alle Informationen sind miteinander verknüpft recherchierbar.</p> |
| </div>
| | <p class="text-center">Derzeit gibt es hier Materialien zu einer Auswahl der volkssprachig-deutschen Schriftlichkeit. Die Zusammenstellung und Auswertung wird laufend erweitert.</p> |
| | | <p class="text-center">Für die frühneuzeitliche und neuzeitliche Schriftlichkeit in anderen Sprachen (z. B. Latein oder Schwedisch) suchen wir Kooperationspartner.</p> |
| <div>
| | </div> |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Judy Amandez</div>
| | <br> |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Senior Art Director</p>
| | <!-- Sprachgeschichtliche Einzelthemen Anfang --> |
| | | <div> |
| <!-- social - start -->
| | <div class="row landing-page-row linkcolor"> |
| <div class="flex justify-center">
| | <div class="col-md-12"> |
| <div class="flex gap-4">
| | <div class="row"> |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| | <div class="col-sm-4 d-flex align-items-center justify-content-center" style="height: 50px"> |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| | <h4 class="text-center" style="letter-spacing:0.25em;margin:auto;font-size:20px; color:#ffffff">Sprachgeschichtliche Einzelthemen</h4> |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | <div class="col-sm-8"> |
| <!-- social - end -->
| | <ul> |
| </div>
| | <li><span class="fas fa-link mr-1"></span>[[Terminologie|<span>Terminologie: Frühneuhochdeutsch, Mittelniederdeutsch, frühes Norddeutsch, landschaftliches Hochdeutsch</span>]]</li> |
| </div>
| | <li><span class="fas fa-link mr-1"></span>[[Was ist Stadtsprache?|<span>Was ist Stadtsprache und was sind Stadtsprachen?</span>]]</li> |
| <!-- person - end -->
| | </ul> |
| | |
| <!-- person - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| |
| <img src="https://images.unsplash.com/photo-1566492031773-4f4e44671857?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Leilani Angel" class="h-full w-full object-cover object-center" />
| |
| </div>
| |
| | |
| <div>
| |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Rahul Williams</div>
| |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Creative Director</p>
| |
| | |
| <!-- social - start -->
| |
| <div class="flex justify-center">
| |
| <div class="flex gap-4">
| |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div> | | </div> |
| </div>
| | </div> |
| <!-- social - end -->
| |
| </div>
| |
| </div> | | </div> |
| <!-- person - end -->
| | </div> |
| | |
| <!-- person - start -->
| |
| <div class="flex flex-col items-center">
| |
| <div class="mb-2 h-24 w-24 overflow-hidden rounded-full bg-gray-100 shadow-lg md:mb-4 md:h-32 md:w-32">
| |
| <img src="https://images.unsplash.com/photo-1562904403-a5106bef8319?auto=format&q=75&fit=crop&w=256" loading="lazy" alt="Photo by Jernej Graj" class="h-full w-full object-cover object-center" />
| |
| </div>
| |
| | |
| <div>
| |
| <div class="text-center font-bold text-indigo-500 md:text-lg">Ari Ferris</div>
| |
| <p class="mb-3 text-center text-sm text-gray-500 md:mb-4 md:text-base">Marketing Analyst</p>
| |
| | |
| <!-- social - start -->
| |
| <div class="flex justify-center">
| |
| <div class="flex gap-4">
| |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| </div>
| |
| </div>
| |
| <!-- social - end -->
| |
| </div>
| |
| </div>
| |
| <!-- person - end -->
| |
| </div>
| |
| </div>
| |
| </div> | | </div> |
| <!-- team - end --> | | <!-- Sprachgeschichtliche Einzelthemen Ende --> |
| | | <div class="m-1"></div> |
| <!-- call to action - start -->
| | <!-- Stadtsprache und Stadtgeschichte Anfang --> |
| <div class="bg-white py-6 sm:py-8 lg:py-12">
| | <div> |
| <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
| | <div class="row landing-page-row linkcolor"> |
| <div class="flex flex-col overflow-hidden rounded-lg bg-gray-200 sm:flex-row md:h-80">
| | <div class="col-md-12"> |
| <!-- image - start -->
| | <div class="row"> |
| <div class="order-first h-48 w-full bg-gray-300 sm:order-none sm:h-auto sm:w-1/2 lg:w-2/5">
| | <div class="col-sm-4 d-flex align-items-center justify-content-center" style="height: 80px"> |
| <img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?auto=format&q=75&fit=crop&w=1000" loading="lazy" alt="Photo by Andras Vas" class="h-full w-full object-cover object-center" />
| | <h4 class="text-center" style="letter-spacing:0.25em;margin:auto;font-size:20px; color:#ffffff">Stadtsprache und Stadtgeschichte</h4> |
| </div>
| |
| <!-- image - end -->
| |
| | |
| <!-- content - start -->
| |
| <div class="flex w-full flex-col p-4 sm:w-1/2 sm:p-8 lg:w-3/5">
| |
| <h2 class="mb-4 text-xl font-bold text-gray-800 md:text-2xl lg:text-4xl">Help center</h2>
| |
| | |
| <p class="mb-8 max-w-md text-gray-600">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text.</p>
| |
| | |
| <div class="mt-auto">
| |
| <a href="#" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">Contact support</a>
| |
| </div>
| |
| </div>
| |
| <!-- content - end -->
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- call to action - end -->
| |
| | |
| <!-- footer - start -->
| |
| <footer class="bg-white">
| |
| <div class="bg-indigo-500 py-6">
| |
| <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
| |
| <div class="flex flex-col items-center justify-between gap-2 md:flex-row"> | |
| <div class="mb-3 text-center md:mb-0 md:text-left">
| |
| <span class="font-bold uppercase tracking-widest text-gray-100">Newsletter</span>
| |
| <p class="text-indigo-200">Subscribe to our newsletter</p>
| |
| </div>
| |
| | |
| <form class="flex w-full gap-2 md:max-w-md">
| |
| <input placeholder="Email" class="w-full flex-1 rounded border border-white bg-indigo-400 px-3 py-2 text-white placeholder-indigo-100 outline-none ring-indigo-300 transition duration-100 focus:ring" />
| |
| | |
| <button class="inline-block rounded bg-white px-8 py-2 text-center text-sm font-semibold text-indigo-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:text-indigo-600 md:text-base">Send</button>
| |
| </form>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="pt-12 lg:pt-16">
| |
| <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
| |
| <div class="mb-16 grid grid-cols-2 gap-12 md:grid-cols-4 lg:grid-cols-6 lg:gap-8">
| |
| <div class="col-span-full lg:col-span-2">
| |
| <!-- logo - start -->
| |
| <div class="mb-4 lg:-mt-2">
| |
| <a href="/" class="inline-flex items-center gap-2 text-xl font-bold text-black md:text-2xl" aria-label="logo">
| |
| <svg width="95" height="94" viewBox="0 0 95 94" class="h-auto w-5 text-indigo-500" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M96 0V47L48 94H0V47L48 0H96Z" />
| |
| </svg>
| |
| | |
| Flowrift
| |
| </a>
| |
| </div>
| |
| <!-- logo - end -->
| |
| | |
| <p class="mb-6 text-gray-500 sm:pr-8">Filler text is dummy text which has no meaning however looks very similar to real text</p>
| |
| | |
| <!-- social - start -->
| |
| <div class="flex gap-4">
| |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
| |
| </svg>
| |
| </a>
| |
| | |
| <a href="#" target="_blank" class="text-gray-400 transition duration-100 hover:text-gray-500 active:text-gray-600">
| |
| <svg class="h-5 w-5" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
| |
| <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
| |
| </svg>
| |
| </a>
| |
| </div>
| |
| <!-- social - end -->
| |
| </div>
| |
| | |
| <!-- nav - start -->
| |
| <div>
| |
| <div class="mb-4 font-bold uppercase tracking-widest text-gray-800">Products</div>
| |
| | |
| <nav class="flex flex-col gap-4">
| |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Overview</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Solutions</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Pricing</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Customers</a>
| |
| </div>
| |
| </nav>
| |
| </div>
| |
| <!-- nav - end -->
| |
| | |
| <!-- nav - start -->
| |
| <div>
| |
| <div class="mb-4 font-bold uppercase tracking-widest text-gray-800">Company</div>
| |
| | |
| <nav class="flex flex-col gap-4">
| |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">About</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Investor Relations</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Jobs</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Press</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Blog</a>
| |
| </div> | | </div> |
| </nav>
| | <div class="col-sm-8"> |
| </div>
| | <ul> |
| <!-- nav - end -->
| | <li><span class="fas fa-link mr-1"></span>[[Stadt- und Sprachgeschichte Greifswalds|<span>Stadt- und Sprachgeschichte Greifswalds (Einzelaspekte bis 18. Jhd.)</span>]]</li> |
| | | <li><span class="fas fa-link mr-1"></span>[[Buchdruck|Der Buchdruck in Greifswald]]</li> |
| <!-- nav - start -->
| | <li><span class="fas fa-link mr-1"></span>[[Ortspunkte in Greifswald als Schreiborte|<span>Ortspunkte in Greifswald als Schreiborte und Aufbewahrungsorte von Texten (für Rat, Kirchen, Klöster, Universität, Landesherrschaft und private Schriftlichkeit)</span>]]</li> |
| <div>
| | </ul> |
| <div class="mb-4 font-bold uppercase tracking-widest text-gray-800">Support</div>
| |
| | |
| <nav class="flex flex-col gap-4">
| |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Contact</a>
| |
| </div> | | </div> |
| | | </div> |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Documentation</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Chat</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">FAQ</a>
| |
| </div>
| |
| </nav>
| |
| </div>
| |
| <!-- nav - end -->
| |
| | |
| <!-- nav - start -->
| |
| <div>
| |
| <div class="mb-4 font-bold uppercase tracking-widest text-gray-800">Legal</div>
| |
| | |
| <nav class="flex flex-col gap-4">
| |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Terms of Service</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Privacy Policy</a>
| |
| </div>
| |
| | |
| <div>
| |
| <a href="#" class="text-gray-500 transition duration-100 hover:text-indigo-500 active:text-indigo-600">Cookie settings</a>
| |
| </div>
| |
| </nav>
| |
| </div>
| |
| <!-- nav - end -->
| |
| </div> | | </div> |
| | | </div> |
| <div class="border-t py-8 text-center text-sm text-gray-400">© 2021 - Present Flowrift. All rights reserved.</div>
| | </div> |
| </div>
| | <html></body></html> |
| </div>
| |
| </footer> | |
| <!-- footer - end -->
| |
| </html> | |