openresty
tcp/443 tcp/80
Open service 91.216.248.20:80 · nfdi4memory.uyen-nhu.de
2026-01-06 13:55
HTTP/1.1 301 Moved Permanently Server: openresty Date: Tue, 06 Jan 2026 13:55:28 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close X-Lima-Id: atqA6yf9iEAR0m2Q2D Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly Location: https://nfdi4memory.uyen-nhu.de/ Content-Security-Policy: upgrade-insecure-requests Strict-Transport-Security: max-age=31536000; includeSubDomains; preload This website has moved to https://nfdi4memory.uyen-nhu.de/
Open service 2a00:f48:2000:affe:fe00::10:443 · nfdi4memory.uyen-nhu.de
2026-01-06 13:55
HTTP/1.1 200 OK
Server: openresty
Date: Tue, 06 Jan 2026 13:55:27 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
X-Lima-Id: gadPZfIrEF33hKXfrL
Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly
accept-ranges: bytes
vary: Accept-Encoding
Content-Security-Policy: upgrade-insecure-requests
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
Page title: Clio-Guide: Mediengeschichte
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clio-Guide: Mediengeschichte</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="title-container">
<img class="title-img" src="img/Mediengeschichte.svg" alt="Title
Image">
<h1>Clio-Guide: Mediengeschichte</h1>
</div>
<div class="citation">
<p>Frank Bösch, Clio-Guide: Mediengeschichte, in: Clio Guide – Ein
Handbuch zu digitalen Ressourcen für die
Geschichtswissenschaften, 2023, <a
href="https://doi.org/10.60693/52e0-8371">10.60693/52e0-8371</a></p>
</div>
</header>
<div class="sidebar-toggle-area"></div>
<aside class="sidebar" id="sidebar">
<button class="sidebar-toggle-button" aria-expanded="false" aria-controls="sidebar"
aria-label="Toggle navigation menu">
<div class="sidebar-toggle-icon"></div>
</button>
<nav aria-label="Inhaltsverzeichnis">
<div class="toc">
<ul>
<li><a href="#hinweise-zum-tufte-layout-und-marginalien"
id="toc-hinweise-zum-tufte-layout-und-marginalien">Hinweise zum
Tufte-Layout und Marginalien</a></li>
<li><a href="#einführung" id="toc-einführung">1.
Einführung</a></li>
<li><a href="#disziplinäre-zugänge-zur-mediengeschichte"
id="toc-disziplinäre-zugänge-zur-mediengeschichte">2.
Disziplinäre Zugänge zur Mediengeschichte</a>
<ul>
<li><a href="#beispiel-tabelle"
id="toc-beispiel-tabelle">Beispiel-Tabelle</a></li>
</ul></li>
<li><a href="#digitale-quellen-und-informationsresscourcen"
id="toc-digitale-quellen-und-informationsresscourcen">3.
Digitale Quellen und Informationsresscourcen</a>
<ul>
<li><a href="#printmedien-vollbreite-abschnitt"
id="toc-printmedien-vollbreite-abschnitt">3.1 Printmedien
(Vollbreite-Abschnitt)</a></li>
<li><a href="#fotos-und-private-filme"
id="toc-fotos-und-private-filme">3.2 Fotos und private
Filme</a></li>
<li><a href="#film-fernsehen-und-radio"
id="toc-film-fernsehen-und-radio">3.3 Film, Fernsehen und
Radio</a></li>
<li><a href="#online-medien" id="toc-online-medien">3.4
Online-Medien</a></li>
</ul></li>
<li><a href="#fazit" id="toc-fazit">4. Fazit</a></li>
<li><a href="#literaturhinweise"
id="toc-literaturhinweise">Literaturhinweise</a></li>
<li><a href="#fußnoten" id="toc-fußnoten">Fußnoten</a></li>
</ul>
</div>
</nav>
</aside>
<main>
<div class="content" role="article">
<h2 id="hinweise-zum-tufte-layout-und-marginalien">Hinweise zum
Tufte-Layout und Marginalien</h2>
<p>Im Tufte-Stil werden sogenannte <em>margin notes</em>,
<em>margin figures</em> oder <em>asides</em> in den Randbereich
gestellt. So lassen sich ergänzende Informationen, Anmerkungen
oder Bilder platzsparend neben dem Haupttext positionieren.</p>
<p>Zusätzlich kann man bestimmte Abschnitte oder Bilder in voller
Breite anzeigen lassen, indem man eine spezielle CSS-Klasse
definiert, die alle Marginalien ignoriert und sich über die
gesamte Textbreite erstreckt. Im Folgenden nennen wir diese Klasse
zum Beispiel <code>.fullwidth-block</code>.</p>
<hr />
<h2 id="einführung">1. Einführung</h2>
<p>Medien prägen in der Moderne in hohem Maße die
gesellschaftliche Selbstverständigung und Wahrnehmung, soziale
Normen oder auch die öffentliche Wissensbildung. Zum Beispiel kann
man Medien mit dem Befehl: <code>medien --check</code> inline
untersuchen. Das politische Handeln beeinflussen mediale
Vermittlungsformen ebenso wie individuelle Leitbilder oder Werte
von sozialen Gruppen.</p>
<div class="note">
<p><strong>Achtung:</strong> Dies ist ein kurzer Callout mitten in
der Einleitung, der verdeutlich
Open service 2a00:f48:2000:affe:fe00::10:80 · nfdi4memory.uyen-nhu.de
2026-01-06 13:55
HTTP/1.1 301 Moved Permanently Server: openresty Date: Tue, 06 Jan 2026 13:55:27 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close X-Lima-Id: ga3ZOPeOXdcMe2Cg1E Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly Location: https://nfdi4memory.uyen-nhu.de/ Content-Security-Policy: upgrade-insecure-requests Strict-Transport-Security: max-age=31536000; includeSubDomains; preload This website has moved to https://nfdi4memory.uyen-nhu.de/
Open service 2a00:f48:2000:affe:fe00::10:443 · nfdi4memory.uyen-nhu.de
2025-12-19 19:06
HTTP/1.1 200 OK
Server: openresty
Date: Fri, 19 Dec 2025 19:06:27 GMT
Content-Type: text/html
Transfer-Encoding: chunked
Connection: close
Vary: Accept-Encoding
X-Lima-Id: gaYHphNAhX9Q7iTIyd
Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly
accept-ranges: bytes
vary: Accept-Encoding
Content-Security-Policy: upgrade-insecure-requests
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
Page title: Clio-Guide: Mediengeschichte
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clio-Guide: Mediengeschichte</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="title-container">
<img class="title-img" src="img/Mediengeschichte.svg" alt="Title
Image">
<h1>Clio-Guide: Mediengeschichte</h1>
</div>
<div class="citation">
<p>Frank Bösch, Clio-Guide: Mediengeschichte, in: Clio Guide – Ein
Handbuch zu digitalen Ressourcen für die
Geschichtswissenschaften, 2023, <a
href="https://doi.org/10.60693/52e0-8371">10.60693/52e0-8371</a></p>
</div>
</header>
<div class="sidebar-toggle-area"></div>
<aside class="sidebar" id="sidebar">
<button class="sidebar-toggle-button" aria-expanded="false" aria-controls="sidebar"
aria-label="Toggle navigation menu">
<div class="sidebar-toggle-icon"></div>
</button>
<nav aria-label="Inhaltsverzeichnis">
<div class="toc">
<ul>
<li><a href="#hinweise-zum-tufte-layout-und-marginalien"
id="toc-hinweise-zum-tufte-layout-und-marginalien">Hinweise zum
Tufte-Layout und Marginalien</a></li>
<li><a href="#einführung" id="toc-einführung">1.
Einführung</a></li>
<li><a href="#disziplinäre-zugänge-zur-mediengeschichte"
id="toc-disziplinäre-zugänge-zur-mediengeschichte">2.
Disziplinäre Zugänge zur Mediengeschichte</a>
<ul>
<li><a href="#beispiel-tabelle"
id="toc-beispiel-tabelle">Beispiel-Tabelle</a></li>
</ul></li>
<li><a href="#digitale-quellen-und-informationsresscourcen"
id="toc-digitale-quellen-und-informationsresscourcen">3.
Digitale Quellen und Informationsresscourcen</a>
<ul>
<li><a href="#printmedien-vollbreite-abschnitt"
id="toc-printmedien-vollbreite-abschnitt">3.1 Printmedien
(Vollbreite-Abschnitt)</a></li>
<li><a href="#fotos-und-private-filme"
id="toc-fotos-und-private-filme">3.2 Fotos und private
Filme</a></li>
<li><a href="#film-fernsehen-und-radio"
id="toc-film-fernsehen-und-radio">3.3 Film, Fernsehen und
Radio</a></li>
<li><a href="#online-medien" id="toc-online-medien">3.4
Online-Medien</a></li>
</ul></li>
<li><a href="#fazit" id="toc-fazit">4. Fazit</a></li>
<li><a href="#literaturhinweise"
id="toc-literaturhinweise">Literaturhinweise</a></li>
<li><a href="#fußnoten" id="toc-fußnoten">Fußnoten</a></li>
</ul>
</div>
</nav>
</aside>
<main>
<div class="content" role="article">
<h2 id="hinweise-zum-tufte-layout-und-marginalien">Hinweise zum
Tufte-Layout und Marginalien</h2>
<p>Im Tufte-Stil werden sogenannte <em>margin notes</em>,
<em>margin figures</em> oder <em>asides</em> in den Randbereich
gestellt. So lassen sich ergänzende Informationen, Anmerkungen
oder Bilder platzsparend neben dem Haupttext positionieren.</p>
<p>Zusätzlich kann man bestimmte Abschnitte oder Bilder in voller
Breite anzeigen lassen, indem man eine spezielle CSS-Klasse
definiert, die alle Marginalien ignoriert und sich über die
gesamte Textbreite erstreckt. Im Folgenden nennen wir diese Klasse
zum Beispiel <code>.fullwidth-block</code>.</p>
<hr />
<h2 id="einführung">1. Einführung</h2>
<p>Medien prägen in der Moderne in hohem Maße die
gesellschaftliche Selbstverständigung und Wahrnehmung, soziale
Normen oder auch die öffentliche Wissensbildung. Zum Beispiel kann
man Medien mit dem Befehl: <code>medien --check</code> inline
untersuchen. Das politische Handeln beeinflussen mediale
Vermittlungsformen ebenso wie individuelle Leitbilder oder Werte
von sozialen Gruppen.</p>
<div class="note">
<p><strong>Achtung:</strong> Dies ist ein kurzer Callout mitten in
der Einleitung, der verdeutlich
Open service 2a00:f48:2000:affe:fe00::10:80 · nfdi4memory.uyen-nhu.de
2025-12-19 19:06
HTTP/1.1 301 Moved Permanently Server: openresty Date: Fri, 19 Dec 2025 19:06:26 GMT Content-Type: text/html Transfer-Encoding: chunked Connection: close X-Lima-Id: gav3OcAsuyowcvjUAV Set-Cookie: _lcp=a; Path=/; expires=Mon Mar 20 2034 13:02:58; SameSite=Lax; HttpOnly Location: https://nfdi4memory.uyen-nhu.de/ Content-Security-Policy: upgrade-insecure-requests Strict-Transport-Security: max-age=31536000; includeSubDomains; preload This website has moved to https://nfdi4memory.uyen-nhu.de/