|
|
| Zeile 1: |
Zeile 1: |
| <html> | | <html> |
| <head>
| |
| <script>
| |
| const items = document.querySelectorAll(".accordion button");
| |
|
| |
| function toggleAccordion() {
| |
| const itemToggle = this.getAttribute('aria-expanded');
| |
|
| |
| if (itemToggle == 'false') {
| |
| this.setAttribute('aria-expanded', 'true');
| |
| }else{
| |
| this.setAttribute('aria-expanded', 'false');
| |
| }
| |
| }
| |
|
| |
| items.forEach(item => item.addEventListener('click', toggleAccordion));
| |
| </script>
| |
| <style>
| |
| .accordion .accordion-item {
| |
| border-bottom: 1px solid #e5e5e5;
| |
| }
| |
| .accordion .accordion-item button[aria-expanded=true] {
| |
| border-bottom: 1px solid #03b5d2;
| |
| }
| |
| .accordion button {
| |
| position: relative;
| |
| display: block;
| |
| text-align: left;
| |
| width: 100%;
| |
| padding: 1em 0;
| |
| color: #7288a2;
| |
| font-size: 1.15rem;
| |
| font-weight: 400;
| |
| border: none;
| |
| background: none;
| |
| outline: none;
| |
| }
| |
| .accordion button:hover, .accordion button:focus {
| |
| cursor: pointer;
| |
| color: #03b5d2;
| |
| }
| |
| .accordion button:hover::after, .accordion button:focus::after {
| |
| cursor: pointer;
| |
| color: #03b5d2;
| |
| border: 1px solid #03b5d2;
| |
| }
| |
| .accordion button .accordion-title {
| |
| padding: 1em 1.5em 1em 0;
| |
| }
| |
| .accordion button .icon {
| |
| display: inline-block;
| |
| position: absolute;
| |
| top: 18px;
| |
| right: 0;
| |
| width: 22px;
| |
| height: 22px;
| |
| border: 1px solid;
| |
| border-radius: 22px;
| |
| }
| |
| .accordion button .icon::before {
| |
| display: block;
| |
| position: absolute;
| |
| content: "";
| |
| top: 9px;
| |
| left: 5px;
| |
| width: 10px;
| |
| height: 2px;
| |
| background: currentColor;
| |
| }
| |
| .accordion button .icon::after {
| |
| display: block;
| |
| position: absolute;
| |
| content: "";
| |
| top: 5px;
| |
| left: 9px;
| |
| width: 2px;
| |
| height: 10px;
| |
| background: currentColor;
| |
| }
| |
| .accordion button[aria-expanded=true] {
| |
| color: #03b5d2;
| |
| }
| |
| .accordion button[aria-expanded=true] .icon::after {
| |
| width: 0;
| |
| }
| |
| .accordion button[aria-expanded=true] + .accordion-content {
| |
| opacity: 1;
| |
| max-height: 9em;
| |
| transition: all 200ms linear;
| |
| will-change: opacity, max-height;
| |
| }
| |
| .accordion .accordion-content {
| |
| opacity: 0;
| |
| max-height: 0;
| |
| overflow: hidden;
| |
| transition: opacity 200ms linear, max-height 200ms linear;
| |
| will-change: opacity, max-height;
| |
| }
| |
| .accordion .accordion-content p {
| |
| font-size: 1rem;
| |
| font-weight: 300;
| |
| margin: 2em 0;
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <div class="container">
| |
| <h2>Einführung</h2>
| |
| <div class="accordion">
| |
| <div class="accordion-item">
| |
| <button id="accordion-button-1" aria-expanded="false"><span class="accordion-title">1. Wie ist die Seite aufgebaut?</span><span class="icon" aria-hidden="true"></span></button>
| |
| <div class="accordion-content">
| |
| <p>
| |
| Das Zentrum von Greifswald Digital ist die <a href="/stadtsprachen/index.php/Hauptseite">Hauptseite</a>. Hier sind alle zentralen Informationen des Projekts übersichtlich kategorisiert und über Verlinkungen zu den entsprechenden Bereichen abzurufen. Jede Unterseite enthält einen Erklärtext zum Inhalt mit Definitionen entscheidender Termini, ihrer Verankerung in der Sprachwissenschaft und speziell in der Sprachgeschichtsforschung sowie konkrete Hinweise zur grundlegenden Fragestellung und resultierenden Analysekriterien im Wiki selbst.
| |
| Über den Reiter <b>Bereiche</b> sind alle Kategorien, in die die untersuchten Texte eingeteilt sind, direkt aufrufbar (<a href="/stadtsprachen/index.php/Sprachhandlungen">Sprachhandlung</a>, <a href="/stadtsprachen/index.php/Schreibanlässe">Schreibanlässe</a>, <a href="/stadtsprachen/index.php/Texttypen">Texttypen</a>, <a href="/stadtsprachen/index.php/Sprachen">Sprachen</a>, <a href="/stadtsprachen/index.php/Akteure-Institutionen">Akteure-Institutionen</a>, <a href="/stadtsprachen/index.php/Orte">Orte</a>, <a href="/stadtsprachen/index.php/Akteure-Institutionen">Personen</a>, <a href="/stadtsprachen/index.php/Zeitschnitte">Zeitschnitte</a>, <a href="/stadtsprachen/index.php/Materialität">Materialität</a>). So sind Informationen zu einzelnen historischen Texten abrufbar oder man kann für mehrere historische Texte vergleichend Informationen zu den im Wiki erschlossenen Sachbereichen und Informationsebenen abfragen. Alle Kategorien des Reiters <b>Bereiche</b> sind auch über die <a href="/stadtsprachen/index.php/Hauptseite">Hauptseite</a> zu erreichen.
| |
| Über den Reiter <b>Textträger</b> sind die unterschiedlichen Materialitäten aufrufbar, denen die untersuchten Texte zugeordnet werden. Mit Anklicken eines dieser drei Aspekte (<a href="/stadtsprachen/index.php/Handschrift">Handschriften</a>, <a href="/stadtsprachen/index.php/Druck">Drucke</a>, <a href="/stadtsprachen/index.php/Inschrift">Inschriften</a>) werden alle Texte aufgeführt, die dieser Materialität zuzuordnen sind. Auch hier sind die Textbeispiele anklickbar, wodurch man auf die Übersichtsseite des Textes mit allen verwendeten Analysekriterien gelangt.
| |
| Über den Reiter <b>Themenschwerpunkte</b> könnten Texte mit Hintergrundinformationen zu stadtsprachgeschichtlichen Einzelthemen und Themen an der Schnittstelle von Stadtgeschichte und Sprachgeschichte abgerufen werden, zum Beispiel zum <a href="/stadtsprachen/index.php/Buchdruck">Buchdruck in Greifswald</a>.
| |
| </p>
| |
| </div>
| |
| </div>
| |
| <div class="accordion-item">
| |
| <button id="accordion-button-2" aria-expanded="false"><span class="accordion-title">2. Wonach kann ich suchen?</span><span class="icon" aria-hidden="true"></span></button>
| |
| <div class="accordion-content">
| |
| <p>In jedem Feld zu den im Wiki erschlossenen Sachbereichen führt das Anklicken zu geordneten Listen als Hilfe für die Recherche. Zusätzlich kann auch über das Suchfeld oben rechts auf der Seite eine Volltextsuche durchgeführt werden. Diese eignet sich besonders zur Suche nach einzelnen Wörtern oder Zahlen, z.B. Wörtern wie <i>Hochzeit</i> oder Signaturen wie <i>URK 30</i>. Für die Suche nach Einträgen bestimmter Kategorien oder nach Überpunkten eignet sich auch die weiterläufigere Datenbankabfrage im Reiter <b>Bereiche</b>. </p>
| |
| </div>
| |
| </div>
| |
| <div class="accordion-item">
| |
| <button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">3. Wie suche ich?</span><span class="icon" aria-hidden="true"></span></button>
| |
| <div class="accordion-content">
| |
| <p>In jedem Feld zu den im Wiki erschlossenen Sachbereichen führt das Anklicken zu geordneten Listen als Hilfe für die Recherche. Zusätzlich kann auch über das Suchfeld oben rechts auf der Seite eine Volltextsuche durchgeführt werden. Diese eignet sich besonders zur Suche nach einzelnen Wörtern oder Zahlen, z.B. Wörtern wie <i>Hochzeit</i> oder Signaturen wie <i>URK 30</i>. Für die Suche nach Einträgen bestimmter Kategorien oder nach Überpunkten eignet sich auch die weiterläufigere Datenbankabfrage im Reiter <b>Bereiche</b>. </p>
| |
| </div>
| |
| </div>
| |
| <div class="accordion-item">
| |
| <button id="accordion-button-4" aria-expanded="false"><span class="accordion-title">4. Wie sind die Einträge aufgebaut?</span><span class="icon" aria-hidden="true"></span></button>
| |
| <div class="accordion-content">
| |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti.</p>
| |
| </div>
| |
| </div>
| |
| <div class="accordion-item">
| |
| <button id="accordion-button-5" aria-expanded="false"><span class="accordion-title">How do airplanes stay up?</span><span class="icon" aria-hidden="true"></span></button>
| |
| <div class="accordion-content">
| |
| <div class="spotlight-group">
| |
| <a class="spotlight" href="https://kallimachos.de/stadtsprachen/images/stadtsprachen/0/0b/Hilfeseite_Person.png">
| |
| <img title="Aufbau Personenseiten" src="https://kallimachos.de/stadtsprachen/images/stadtsprachen/thumb/0/0b/Hilfeseite_Person.png/320px-Hilfeseite_Person.png">
| |
| </a>
| |
| <a class="spotlight" href="https://kallimachos.de/stadtsprachen/images/stadtsprachen/e/e6/Aufbau_Texttr%C3%A4ger-Seiten_3000px.png">
| |
| <img title="Aufbau Textträger-Seiten" src="https://kallimachos.de/stadtsprachen/images/stadtsprachen/thumb/e/e6/Aufbau_Texttr%C3%A4ger-Seiten_3000px.png/320px-Aufbau_Texttr%C3%A4ger-Seiten_3000px.png">
| |
| </a>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </body>
| |
| <div class="panel-group" id="accordion accordion-flush" role="tablist" aria-multiselectable="true"> | | <div class="panel-group" id="accordion accordion-flush" role="tablist" aria-multiselectable="true"> |
| <div class="panel panel-default"> | | <div class="panel panel-default"> |
