mirror of
https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git
synced 2024-12-25 02:44:18 +00:00
Poster
This commit is contained in:
parent
cd405d937e
commit
945cb5e130
@ -162,13 +162,20 @@
|
||||
<i class="material-icons prefix">search</i>
|
||||
<input class="search" placeholder='"fox" "jumps" "over" []* "dog"' type="search"></input>
|
||||
</div>
|
||||
<i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i>
|
||||
<p>
|
||||
<i class="material-icons left" style="padding-left: 10px;">subdirectory_arrow_right</i>
|
||||
<span class="chip">The</span> <span class="chip">quick</span>
|
||||
<span class="chip">brown</span> | <span class="chip">fox</span>
|
||||
<span class="chip">jumps</span> <span class="chip">over</span>
|
||||
<span class="chip">the</span> <span class="chip">lazy</span>
|
||||
<span class="chip" id="tooltipped">dog</span> | <span class="chip">.</span>
|
||||
<span class="chip">The | DET</span>
|
||||
<span class="chip">quick | ADJ</span>
|
||||
<span class="chip">brown | ADJ</span>
|
||||
<span class="chip light-green">fox | PROPN</span>
|
||||
<span class="chip light-green">jumps | VERB</span>
|
||||
<span class="chip light-green">over | ADP</span>
|
||||
<span class="chip light-green">the | DET</span>
|
||||
<span class="chip light-green">lazy | ADJ</span>
|
||||
<span style="padding-left:48px;">
|
||||
<span class="chip light-green" id="tooltipped">dog | NOUN</span>
|
||||
</span>
|
||||
<span class="chip">. | PUNCT</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -200,37 +207,37 @@
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
tooltippedElement = document.getElementById("tooltipped");
|
||||
tooltip = M.Tooltip.init(
|
||||
tooltippedElement,
|
||||
{"html": `<table>
|
||||
<tr>
|
||||
<th>Token information</th>
|
||||
<th>Source information</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="left-align">
|
||||
Word: dog<br>
|
||||
Lemma: dog<br>
|
||||
POS: NN<br>
|
||||
Simple POS: NOUN<br>
|
||||
NER: NULL
|
||||
</td>
|
||||
<td class="left-align">
|
||||
Title: Current Notes<br>
|
||||
Author: Unknown<br>
|
||||
Publishing year: 1885
|
||||
</td>
|
||||
</tr>
|
||||
</table>`,
|
||||
"inDuration": 1500,
|
||||
"margin": 15,
|
||||
"position": "bottom",
|
||||
"transitionMovement": 0}
|
||||
);
|
||||
tooltip.open();
|
||||
});
|
||||
// document.addEventListener("DOMContentLoaded", function() {
|
||||
// tooltippedElement = document.getElementById("tooltipped");
|
||||
// tooltip = M.Tooltip.init(
|
||||
// tooltippedElement,
|
||||
// {"html": `<table>
|
||||
// <tr>
|
||||
// <th>Token information</th>
|
||||
// <th>Source information</th>
|
||||
// </tr>
|
||||
// <tr>
|
||||
// <td class="left-align">
|
||||
// Word: dog<br>
|
||||
// Lemma: dog<br>
|
||||
// POS: NN<br>
|
||||
// Simple POS: NOUN<br>
|
||||
// NER: NULL
|
||||
// </td>
|
||||
// <td class="left-align">
|
||||
// Title: Current Notes<br>
|
||||
// Author: Unknown<br>
|
||||
// Publishing year: 1885
|
||||
// </td>
|
||||
// </tr>
|
||||
// </table>`,
|
||||
// "inDuration": 1500,
|
||||
// "margin": 15,
|
||||
// "position": "bottom",
|
||||
// "transitionMovement": 0}
|
||||
// );
|
||||
// tooltip.open();
|
||||
// });
|
||||
//DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
Loading…
Reference in New Issue
Block a user