Skip to content

Commit 0cfdfb8

Browse files
committed
add inline image and link styling
Refs #7
1 parent 699121c commit 0cfdfb8

File tree

4 files changed

+90
-6
lines changed

4 files changed

+90
-6
lines changed

_glossary/aehnlichkeit.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@ doi_version: 10.5281/zenodo.14671461
1111
doi_overview: 10.5281/zenodo.14671460
1212
---
1313

14-
Im allgemeinen Sinne verweist der Begriff „Ähnlichkeit" auf Verwandtschaftsbeziehungen, die zwischen zwei oder mehreren Objekten bestehen. Lineare musikalische Strukturen (z. B. Melodien, Themen, Motive) sind ähnlich, wenn ein Teil ihrer parametrischen Merkmale (Tonhöhe, Tondauer und syntaktische Position) übereinstimmt. Fassungen ein und desselben Werkes, seien es Eigenbearbeitungen oder Fremdbearbeitungen, sind ähnlich, wenn sie im genannten Sinne strukturell wechselseitig aufeinander bezogen sind. Die zwischen Fassungen bestehende Ähnlichkeit ist unterschiedlich stark ausgeprägt, je nachdem ob viele oder nur wenige Strukturen übereinstimmen. Ähnlichkeit ist demnach skalierbar. Sie findet in den nicht-skalierbaren Kategorien Invarianz und Differenz zwei sie begrenzende Begriffe. Die strikte, vollständige und deshalb nicht skalierbare Übereinstimmung musikalischer Strukturen erfassen wir unter dem Begriff Invarianz, die jedoch keinesfalls ähnlich, sondern vollkommen identisch sind. Hier liegt eine Substanzgemeinschaft vor. Ähnlichkeit verstanden als partielle Übereinstimmung musikalischer Strukturen dagegen besteht in einer Substanzverwandtschaft. Sie ist abstufbar und gehört in die Ähnlichkeitskategorie der Varianz. Differenz schließt jede Ähnlichkeit aus. Auch wenn aufeinander beziehbare Fassungen vereinzelte strukturelle Differenzen aufweisen können, besteht zwischen derartigen Fassungen Ähnlichkeit aufgrund der vorhandenen invarianten und varianten Strukturen.
14+
Im allgemeinen Sinne verweist der Begriff „Ähnlichkeit" auf Verwandtschaftsbeziehungen, die zwischen zwei oder mehreren Objekten bestehen. Lineare musikalische Strukturen (z. B. Melodien, Themen, Motive) sind ähnlich, wenn ein Teil ihrer parametrischen Merkmale (Tonhöhe, Tondauer und [syntaktische Position]({% link _glossary/syntaktische-position.md %})) übereinstimmt. [Fassungen]({% link _glossary/fassung.md %}) ein und desselben Werkes, seien es Eigenbearbeitungen oder Fremdbearbeitungen, sind ähnlich, wenn sie im genannten Sinne strukturell wechselseitig aufeinander bezogen sind. Die zwischen Fassungen bestehende Ähnlichkeit ist unterschiedlich stark ausgeprägt, je nachdem ob viele oder nur wenige Strukturen übereinstimmen. Ähnlichkeit ist demnach skalierbar. Sie findet in den nicht-skalierbaren Kategorien [Invarianz]({% link _glossary/invarianz.md %}) und [Differenz]({% link _glossary/differenz.md %}) zwei sie begrenzende Begriffe. Die strikte, vollständige und deshalb nicht skalierbare Übereinstimmung musikalischer Strukturen erfassen wir unter dem Begriff Invarianz, die jedoch keinesfalls ähnlich, sondern vollkommen identisch sind. Hier liegt eine Substanzgemeinschaft vor. Ähnlichkeit verstanden als partielle Übereinstimmung musikalischer Strukturen dagegen besteht in einer Substanzverwandtschaft. Sie ist abstufbar und gehört in die Ähnlichkeitskategorie der Variante. Differenz schließt jede Ähnlichkeit aus. Auch wenn aufeinander beziehbare Fassungen vereinzelte strukturelle Differenzen aufweisen können, besteht zwischen derartigen Fassungen Ähnlichkeit aufgrund der vorhandenen invarianten und varianten Strukturen.
1515

16-
Als relationale Kategorie im Bereich der genetischen Textkritik kann Ähnlichkeit nur dann sinnvoll untersucht werden, wenn die miteinander zu vergleichenden Objekte oder Strukturen in einem begründbaren genetischen oder historischen Zusammenhang stehen. So besteht beispielsweise zwischen dem in der Renaissance- und Barockmusik unendlich oft in unterschiedlichen melodischen Konstellationen anzutreffenden rhythmischen Muster und dem Kopfmotiv von Beethovens 5. Symphonie eine objektiv begründbare Ähnlichkeit, sie ist jedoch textgenetisch und historisch gegenstandslos.
16+
Als relationale Kategorie im Bereich der genetischen Textkritik kann Ähnlichkeit nur dann sinnvoll untersucht werden, wenn die miteinander zu vergleichenden Objekte oder Strukturen in einem begründbaren genetischen oder historischen Zusammenhang stehen. So besteht beispielsweise zwischen dem in der Renaissance- und Barockmusik unendlich oft in unterschiedlichen melodischen Konstellationen anzutreffenden rhythmischen Muster <img src="{{ '/assets/images/glossary/Aehnlichkeit_rhytmischesMuster.jpg' | relative_url }}" alt="Rhythmisches Muster" class="inline-image" /> und dem Kopfmotiv von Beethovens 5. Symphonie eine objektiv begründbare Ähnlichkeit, sie ist jedoch textgenetisch und historisch gegenstandslos.

_layouts/glossary.html

Lines changed: 58 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,41 @@ <h4>{{ page.title }} <span class="muted-text">wurde entwickelt in:</span></h4>
5050
</div>
5151
{% endif %}
5252

53+
{% comment %}
54+
Analysiere ausgehende Links im aktuellen Artikel:
55+
- Extrahiere alle Jekyll-Links vom Format {% link _glossary/[dateiname].md %}
56+
- Zähle die Links und sammle die Ziel-Artikel
57+
{% endcomment %}
58+
{% assign outgoing_links = "" | split: "," %}
59+
{% assign link_count = 0 %}
60+
{% assign content_str = content | strip %}
61+
62+
{% comment %}Suche nach Link-Pattern{% endcomment %}
63+
{% assign glossary_files = site.glossary %}
64+
{% for glossary_term in glossary_files %}
65+
{% assign filename = glossary_term.path | split: "/" | last %}
66+
{% assign link_pattern = "_glossary/" | append: filename %}
67+
68+
{% if content_str contains link_pattern %}
69+
{% if glossary_term.title != page.title %}
70+
{% assign outgoing_links = outgoing_links | push: glossary_term %}
71+
{% assign link_count = link_count | plus: 1 %}
72+
{% endif %}
73+
{% endif %}
74+
{% endfor %}
75+
76+
{% if outgoing_links.size > 0 %}
77+
<div class="outgoing-links">
78+
<h4>{{ page.title }} <span class="muted-text">verweist auf {{ outgoing_links.size }} {% if outgoing_links.size == 1 %}Glossarbeitrag{% else %}Glossarbeiträge{% endif %}:</span></h4>
79+
80+
<div class="outgoing-links-compact">
81+
{% for term in outgoing_links %}
82+
<a href="{{ term.url | relative_url }}" class="outgoing-link"><strong>{{ term.title }}</strong></a>{% unless forloop.last %}, {% endunless %}
83+
{% endfor %}
84+
</div>
85+
</div>
86+
{% endif %}
87+
5388
{% if matching_terms.size > 0 %}
5489
<div class="related-terms">
5590
<h4>{{ page.title }} <span class="muted-text">wird verwendet in {{ matching_terms.size }} {% if matching_terms.size == 1 %}Glossarbeitrag{% else %}Glossarbeiträgen{% endif %}:</span></h4>
@@ -156,8 +191,15 @@ <h3>Zitierhinweis</h3>
156191
padding-top: 1.5rem;
157192
}
158193

194+
.outgoing-links {
195+
border-top: 1px solid #e0d6d5;
196+
padding-top: 1.5rem;
197+
margin-bottom: 1.5rem;
198+
}
199+
159200
.term-category h4,
160-
.related-terms h4 {
201+
.related-terms h4,
202+
.outgoing-links h4 {
161203
color: #333;
162204
margin: 0 0 0.8rem 0;
163205
font-size: 1.1em;
@@ -182,18 +224,21 @@ <h3>Zitierhinweis</h3>
182224
gap: 0.8rem;
183225
}
184226

185-
.related-terms-compact {
227+
.related-terms-compact,
228+
.outgoing-links-compact {
186229
line-height: 1.6;
187230
margin-top: 0.8rem;
188231
}
189232

190-
.related-term-link {
233+
.related-term-link,
234+
.outgoing-link {
191235
color: #c93b22;
192236
text-decoration: none;
193237
font-weight: 500;
194238
}
195239

196-
.related-term-link:hover {
240+
.related-term-link:hover,
241+
.outgoing-link:hover {
197242
text-decoration: underline;
198243
color: #a12e1a;
199244
}
@@ -343,4 +388,13 @@ <h3>Zitierhinweis</h3>
343388
text-decoration: underline;
344389
color: #a12e1a;
345390
}
391+
392+
/* Direct inline image styling */
393+
.inline-image {
394+
display: inline;
395+
height: 1.2em;
396+
max-width: none;
397+
vertical-align: baseline;
398+
margin: 0 0.2em;
399+
}
346400
</style>
4.56 KB
Loading

docs/STYLING_SUMMARY.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,36 @@
2727
- **Navigation**: Header navigation with proper page structure
2828
- **SEO**: Proper meta descriptions and site configuration
2929

30+
### 5. Image Standards
31+
Consistent image implementation across the entire site:
32+
33+
#### **Large Standalone Images (with captions)**
34+
```html
35+
<figure>
36+
<img src="{{ '/assets/images/posts/image.jpg' | relative_url }}" alt="Description" />
37+
<figcaption>Image Caption</figcaption>
38+
</figure>
39+
```
40+
- Used for: News articles, documentation images, standalone illustrations
41+
- Location: `/assets/images/posts/` for news articles
42+
43+
#### **Small Inline Images (in text flow)**
44+
```html
45+
<img src="{{ '/assets/images/glossary/image.jpg' | relative_url }}" alt="Description" class="inline-image" />
46+
```
47+
- Used for: Musical notation examples, small diagrams within text
48+
- Location: `/assets/images/glossary/` for glossary images
49+
- CSS class: `.inline-image` provides proper inline styling
50+
- Behavior: Displays at ~1.2em height, aligned with text baseline
51+
52+
#### **Image Organization**
53+
```
54+
assets/images/
55+
├── posts/ # News article images (organized by year)
56+
├── glossary/ # Glossary term images
57+
└── [logo files] # Site logos and general images
58+
```
59+
3060
## Key Features
3161
-**Multi-architecture Docker support** (x86_64 and ARM64/Apple M1)
3262
-**Academic styling** matching the original Beethovens Werkstatt website

0 commit comments

Comments
 (0)