iwmlib/lib/card/test/example/01/index.html

123 lines
7.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Das Rathaus</title>
<link rel="stylesheet" href="../_theme/css/editor.css">
<link rel="stylesheet" href="../_theme/css/bulma.css">
<link rel="stylesheet" href="../_theme/css/popup.css">
<link rel="stylesheet" href="../_theme/css/card.css">
<link rel="stylesheet" href="../_theme/css/subcard.css">
<link rel="stylesheet" href="../_theme/css/highlight.css">
<!-- disable zooming -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1">
<script src="../_theme/js/all.js"></script>
<script src="../_theme/js/3rdparty/all.js"></script>
<script src="../_theme/js/card.js"></script>
<script src="../_theme/js/highlight.js"></script>
<script src="../../../../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../../../../lib/3rdparty/jquery.hypher.js"></script>
<script src="../../../../../lib/3rdparty/hyphenation/de.js"></script>
</head>
<body class="info-card" style="width: 1400px; height: 1200px;">
<div class="mainview">
<header class="columns">
<figure class="thumbnail-wrapper">
<img draggable="false" contenteditable="false" class="thumbnail" src="../01/thumbnail.jpg">
</figure>
<div class="overview column content">
<h1 contenteditable="false">Das Rathaus</h1>
<p class="misc" contenteditable="false"></p>
<p contenteditable="false">Das Rathaus ist das wichtigste Gebäude auf dem Marktplatz. Mit dem Bau wurde 1435 begonnen, seitdem wurde es immer wieder verändert, sodass es Merkmale vieler Baustile vom Spätmittelalter bis zum 21. Jahrhundert aufweist. Die auffällige Fassadengestaltung stammt aus dem 19. Jahrhundert.</p>
</div>
</header>
<main class="subcards-container columns is-multiline is-centered" tabindex="" data-blocks="Card,Card with Image,Card with Figure"><div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard artist" onclick="Card.openIndexCard(event, '../01/01_baugeschichte.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Das wichtigste <br>städtische Gebäude</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Nach 200 Jahren <br>endlich ein Rathaus</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div>
<div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard thema" onclick="Card.openIndexCard(event, '../01/01_funktiondamals.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Alles unter einem Dach</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Räte, Richter, Händler <br> und Halunken</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div>
<div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard thema" onclick="Card.openIndexCard(event, '../01/01_funktionheute.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Im Wandel der Zeit</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Was ist geblieben <br>was hat sich verändert?</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div>
<div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard details" onclick="Card.openIndexCard(event, '../01/01_besonderheiten.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Fassadenmalerei</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Fassade aus <br>Geist und Politik</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div>
<div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard details" onclick="Card.openIndexCard(event, '../01/01_besonderheiten2.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Tübinger Rebmännle</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Eine unbekleidete Frau?</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div>
<div class="subcard-wrapper column is-one-third" ondragstart="Card.dragStart(event)">
<div class="subcard details" onclick="Card.openIndexCard(event, '../01/01_besonderheiten3.html')">
<div class="subcard-content content">
<div class="titlebar">
<h2 contenteditable="false">Die Astronomische Uhr</h2>
</div>
<div class="wrapper">
<div class="preview content"><p contenteditable="false">Revolutionäres <br>Meisterwerk der Technik</p></div>
</div>
</div>
<!-- This is outside the content, that the content can have an overflow:hidden without effecting the scalability of the close button. -->
<div class="icon card-icon info button"></div>
</div>
</div></main>
<div class="button icon close view-button inverted transparent-background" onclick="Card.close(event)"></div>
</div>
</body></html>