blob: ec6d0171181d7fffc239144742ae849b824c63c5 [file] [log] [blame]
Nils Diewald5c5a7472015-04-02 22:13:38 +00001 <!DOCTYPE html>
Nils Diewalda297f062015-04-02 00:23:46 +00002<html>
3 <head>
4 <title>CSS demo</title>
5 <meta charset="utf-8" />
Nils Diewalda297f062015-04-02 00:23:46 +00006 <link type="text/css" rel="stylesheet" href="../../css/build/kalamar.css" />
7 </head>
8 <body>
9 <div id="kalamar-bg"></div>
10 <header>
11 <a href="/" class="logo"><h1><span>KorAP - Corpus Analysis Platform</span></h1></a>
12 <form autocomplete="off" action="/kalamar">
13 <div id="searchbar">
14 <input type="search"
15 placeholder="Find ..."
16 name="q"
17 id="q-field"
18 autofocus="autofocus" />
19 <button type="submit"><span>Go</span></button>
Nils Diewald44e1edb2015-04-08 19:12:15 +000020 <!-- <i class="fa fa-arrow-circle-down show-hint" onclick="hint.popUp()"></i> -->
Nils Diewalda297f062015-04-02 00:23:46 +000021 </div>
Nils Diewald58141332015-04-07 16:18:45 +000022 <div id="vc-view"></div>
23 in <input type="hidden" id="vc-name" name="vc-name" value="Wikipedia" />
24 <input type="text" name="vc" id="vc" value="corpusID = Wikipedia" />
Nils Diewalda297f062015-04-02 00:23:46 +000025 with <span class="select">
Nils Diewald44e1edb2015-04-08 19:12:15 +000026 <!-- Change this to js-menu -->
Nils Diewalda297f062015-04-02 00:23:46 +000027 <select name="ql" id="ql-field">
28 <option value="poliqarp">Poliqarp</option>
29 <option value="cosmas2">Cosmas II</option>
30 <option value="annis">Annis</option>
31 <option value="cql">CQL v1.2</option>
32 </select>
33 </span>
34 <div id="button-right">
35 <input type="checkbox"
36 value="1"
37 name="cutoff"
38 class="checkbox"
39 id="q-cutoff-field" />
40 <label for="q-cutoff-field"><span></span>Glimpse</label>
41
42 <!-- Todo: open tutorial - like openTutorial() -->
Nils Diewald58141332015-04-07 16:18:45 +000043 <a href="about.html" title="Tutorial" class="tutorial" id="view-tutorial"><span>Tutorial</span></a>
Nils Diewalda297f062015-04-02 00:23:46 +000044 </div>
45 </form>
46 </header>
Nils Diewald58141332015-04-07 16:18:45 +000047
48 <div id="sidebar" tabindex="0">
49 <h2>Tutorial</h2>
50 <p>Hui</p>
51 </div>
52
Nils Diewalda297f062015-04-02 00:23:46 +000053 <main>
54 <div class="resultinfo">
55 <div id="pagination">
56 <a rel="prev"><span><span>&lt;</span></span></a>
57 <a rel="self"><span>1</span></a>
58 <a href="#2"><span>2</span></a>
59 <a href="#3"><span>3</span></a>
60 <a class="ellipsis"><span><span>...</span></span></a>
61 <a href="#52230"><span>52230</span></a>
62 <a rel="next" href="#2"><span><span>&gt;</span></span></a>
63 </div>
64 <p class="found">Found <span id="total-results">unknown amount of matches</span> in 59.93ms</p>
65 </div>
66
67 <div id="search">
68 <ol class="align-left">
69 <li data-corpus-id="WPD"
70 data-doc-id="WWW"
71 data-text-id="03313"
72 data-match-id="p102-103"
Nils Diewald58141332015-04-07 16:18:45 +000073 data-available-info="base/s=spans corenlp/c=spans corenlp/ne=tokens corenlp/p=tokens corenlp/s=spans glemm/l=tokens mate/l=tokens mate/m=tokens mate/p=tokens opennlp/p=tokens opennlp/s=spans tt/l=tokens tt/p=tokens tt/s=spans xip/c=spans"
Nils Diewalda297f062015-04-02 00:23:46 +000074 id="WPD-WWW.03313-p102-103">
75 <div>
Nils Diewald58141332015-04-07 16:18:45 +000076 <div class="snippet startMore endMore"><span class="context-left">In diesem Beispiel ist zu sehen, dass die beiden Variablen a und b lediglich ihre Werte an die Funktion </span><mark><mark class="class-2 level-1">Dies </mark><mark class="class-1 level-0"><mark class="class-2 level-1"><mark class="class-3 level-2">ist</mark> ein</mark> Test</mark></mark><span class="context-right"> übergeben, aber im Gegensatz zu einem Referenzparamter dabei unverändert bleiben.</span></div>
Nils Diewalda297f062015-04-02 00:23:46 +000077 <!-- only inject via javascript! -->
78 </div>
79 <p class="ref"><strong>Wertparameter</strong> by Hubi,Zwobot,4; published on 2005-03-28 as WWW.03313 (WPD)</p>
80 <!-- only inject via javascript! -->
81 <!--
82 <ul class="action right">
83 <li class="close" title="Close"><a href="#">Close hit<i class="fa fa-toggle-up"></i></a></li>
84 <li class="open" title="Open in new tab"><a href="#WPD-WWW.03313-p102-103" target="_blank"><i class="fa fa-external-link-square"></i></a></li>
85 <li onclick="showTable(this)" title="Annotations"><i class="fa fa-info-circle"></i></li>
86 </ul>
87-->
88 </li>
89 <li data-corpus-id="WPD"
90 data-doc-id="FFF"
91 data-text-id="01460"
92 data-match-id="p119-120"
Nils Diewald58141332015-04-07 16:18:45 +000093 data-available-info="base/s=spans corenlp/c=spans corenlp/ne=tokens corenlp/p=tokens corenlp/s=spans glemm/l=tokens mate/l=tokens mate/m=tokens mate/p=tokens opennlp/p=tokens opennlp/s=spans tt/l=tokens tt/p=tokens tt/s=spans xip/c=spans"
Nils Diewalda297f062015-04-02 00:23:46 +000094 id="WPD-FFF.01460-p119-120">
95 <div>
96 <div class="snippet startMore endMore"><span class="context-left">Der Fehler unterläuft häufig bei der direkten Übersetzung aus dem Englischen, wenn im originalen Ausdruck die beiden Wortteile verschiedene Wörter sind und sich das Adjektiv wahlweise auf das erste oder zweite Wort bezieht. Ein Beispiel ist multiples Testproblem für multiple </span><span class="match">test</span><span class="context-right"> problem.</span></div>
97 <div class="tokenInfo"></div>
98 </div>
99 <p class="ref"><strong>Fehlbezogenes Adjektiv</strong> by Joni2,Peterlustig,BWBot; published on 2005-03-28 as FFF.01460 (WPD)</p>
100 <ul class="action right">
101 <li class="close" title="Close"><a href="#"><i class="fa fa-toggle-up"></i></a></li>
102 <li class="open" title="Open in new tab"><a href="#WPD-FFF.01460-p119-120" target="_blank"><i class="fa fa-external-link-square"></i></a></li>
103 <li onclick="showTable(this)" title="Annotations"><i class="fa fa-info-circle"></i></li>
104 </ul>
105 </li>
106
107 <li data-corpus-id="WPD"
108 data-doc-id="HHH"
109 data-text-id="06056"
110 data-match-id="p2564-2565"
Nils Diewald58141332015-04-07 16:18:45 +0000111 data-available-info="base/s=spans corenlp/c=spans corenlp/ne=tokens corenlp/p=tokens corenlp/s=spans glemm/l=tokens mate/l=tokens mate/m=tokens mate/p=tokens opennlp/p=tokens opennlp/s=spans tt/l=tokens tt/p=tokens tt/s=spans xip/c=spans"
Nils Diewalda297f062015-04-02 00:23:46 +0000112 id="WPD-HHH.06056-p2564-2565">
113 <div>
114 <div class="snippet startMore endMore"><span class="context-left">HDTV Samples from European (and other) broadcasters and </span><span class="match">test</span><span class="context-right"> transmissions in Europe</span></div>
115 <div class="tokenInfo"></div>
116 </div>
117 <p class="ref"><strong>High Definition Television</strong> by ArtMechanic,TheK,Andreas -horn- Hornig; published on 2005-03-28 as HHH.06056 (WPD)</p>
118 <ul class="action right">
119 <li class="close" title="Close"><a href="#"><i class="fa fa-toggle-up"></i></a></li>
120 <li class="open" title="Open in new tab"><a href="#WPD-HHH.06056-p2564-2565" target="_blank"><i class="fa fa-external-link-square"></i></a></li>
121 <li onclick="showTable(this)" title="Annotations"><i class="fa fa-info-circle"></i></li>
122 </ul>
123 </li>
124 </div>
125 <div id="menu"></div>
126
127 <div class="intro">
128 <p><strong>KorAP</strong> is a new Corpus Analysis Platform, suited for large, multiple annotated corpora and complex search queries independent of particular research questions.</p>
129 <p>This is the new frontend for KorAP, with currently no access to restricted corpora. For full access, please visit the <a href="http://korap.ids-mannheim.de/app">first frontend</a>.</p>
130
131 <p><strong>New to KorAP?</strong> Please check out our <a href="#">tutorial</a>!</p>
132
Nils Diewald44e1edb2015-04-08 19:12:15 +0000133 <p>KorAP is developed at the <a href="http://www.ids-mannheim.de">Institute for the German Language</a> and funded by the <a href="http://www.leibniz-gemeinschaft.de/en/about-us/leibniz-competition/projekte-2011/2011-funding-line-2/">Leibniz Association</a>. The separated modules are being published as open source at <a href="http://github.com/KorAP">GitHub</a>.</p>
Nils Diewalda297f062015-04-02 00:23:46 +0000134 </div>
135 <div id="logos">
136 <div>
Nils Diewald44e1edb2015-04-08 19:12:15 +0000137 <a href="http://www.ids-mannheim.de/" class="logo"><p id="ids-logo"><span>Developed at the Institute for the German Language (IDS)</span></p></a>
138 <a href="http://www.leibniz-gemeinschaft.de/" class="logo"><p id="leibniz-logo"><span>Member of the Leibniz Association</span></p></a>
Nils Diewalda297f062015-04-02 00:23:46 +0000139 </div>
140 </div>
Nils Diewalda297f062015-04-02 00:23:46 +0000141 </main>
Nils Diewald44e1edb2015-04-08 19:12:15 +0000142 <script src="../lib/dagre/dagre.min.js"></script>
143 <script src="../src/api.js"></script>
144 <script src="../src/hint.js"></script>
145 <script src="../src/match.js"></script>
146 <script src="../src/menu.js"></script>
147 <script src="../src/vc.js"></script>
148 <script src="../src/session.js"></script>
149 <script src="../src/tutorial.js"></script>
150 <script src="../src/util.js"></script>
151 <script>
152 KorAP.URL = 'http://localhost:3000';
153 </script>
154 <script src="./all.js"></script>
Nils Diewalda297f062015-04-02 00:23:46 +0000155 </body>
156</html>