1616 < div class ="navbar-title ">
1717 < h1 class ="d-none d-sm-block " th:text ="#{tla_Title} "> Thesaurus Linguae Aegyptiae</ h1 >
1818 < h1 class ="d-block d-sm-none "> TLA</ h1 >
19- < p > v< span th:text ="#{tla_version} "> 2.0 pre-beta </ span > </ p >
19+ < p id =" tla-version " > < a href =" /info/tla-development " > v< span th:text ="#{tla_version} "> 2.xxx </ span > </ a > </ p >
2020 </ div >
2121 < div id ="navbar-search-button " class ="d-lg-none d-xl-none ">
2222 < a type ="button " class ="btn btn-outline-danger nav-search-button " href ="/search "> < i class ="fas fa-search "> </ i > </ a >
2323 </ div >
24+ <!--<div id="page-help" class="d-sm-none" th:fragment="page-help(pagename)">
25+ <div th:replace=" :: help-button(${pagename})"/>
26+ </div>-->
2427 < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#navbarResponsive " aria-controls ="navbarResponsive " aria-expanded ="false " aria-label ="Toggle navigation ">
2528 < span class ="navbar-toggler-icon "/>
2629 </ button >
@@ -103,7 +106,7 @@ <h1 class="d-block d-sm-none">TLA</h1>
103106 </ a >
104107 </ div >
105108 </ div >
106- < div class ="row mt-2 ">
109+ < div class ="row mt-sm- 2 ">
107110 < div class ="col-sm-6 col-lg-8 ">
108111 < p class ="footer-credits " th:utext ="#{editorial_footer_credits} "/>
109112 </ div >
@@ -127,7 +130,7 @@ <h1 class="d-block d-sm-none">TLA</h1>
127130
128131 <!-- Citation blocks -->
129132
130- < div class ="bg-light citation mt-2 mb-2 " th:fragment ="citation-website ">
133+ < div class ="bg-light citation mt-sm- 2 mb-sm -2 " th:fragment ="citation-website ">
131134 < p class ="h6 "> < strong th:text ="#{citeas_website_heading} "> Please cite this website as</ strong > :</ p >
132135 < blockquote id ="full-citation "> < i th:text ="#{tla_Title} "> </ i > < span th:text ="' <' + ${env.baseUrl} +'>, ' + #{citeas_corpus_version} + ' ' + #{tla_corpusversion} + ', ' + #{citeas_tla_version} + ' ' + #{tla_version} + ', ' + #{tla_ReleaseDate} + ', ' + #{citeas_editor} +' ' + #{tla_Editor} + ' ('+ #{citeas_accessed}+ ': ' "> </ span >
133136 < span id ="current-date "> xx.xx.20xx</ span > )
@@ -190,7 +193,7 @@ <h1 class="d-block d-sm-none">TLA</h1>
190193 < div id ="cookie-container " class ="cookie-container d-none ">
191194 < div class ="cookie-wrapper px-5 py-2 ">
192195 <!-- Content -->
193- < div class ="row my-4 ">
196+ < div class ="row my-sm- 4 ">
194197 < span class ="col-sm-8 " th:utext ="#{cookie_banner_msg} "> This website would like to place ...</ span >
195198 <!-- Buttons -->
196199 < div class ="col-sm-4 ">
@@ -205,35 +208,35 @@ <h1 class="d-block d-sm-none">TLA</h1>
205208
206209 <!-- page breadcrumbs -->
207210
208- < div id ="breadcrumbs " class ="row justify-content-center " th:fragment ="breadcrumbs ">
209- < div class ="col-12 d-lg-flex ">
210- < nav aria-label ="breadcrumb " class =" flex-grow-1 " >
211+ < div id ="breadcrumbs " class ="row d-flex justify-content-between " th:fragment ="breadcrumbs ">
212+ < div class ="">
213+ < nav aria-label ="breadcrumb ">
211214 < ol class ="breadcrumb ">
212215 < li th:each ="item : ${breadcrumbs} " class ="breadcrumb-item " th:classappend ="${itemStat.last} ? 'active' : '' ">
213216 < a th:unless ="${item.href} == null " th:href ="${item.href} " th:text ="#{${item.label}} "> </ a >
214217 < span th:unless ="${item.href} != null " th:text ="#{${item.label}} "> </ span >
215218 </ li >
216219 </ ol >
217220 </ nav >
218- < div class ="language breadcrumb ">
221+ </ div >
222+ < div class ="breadcrumb language ">
219223 < th:block th:each ="lang, i : ${env.l10n} ">
220224 < a th:classappend ="${env.lang == lang} ? 'active' : '' "
221225 th:href ="${@templateUtils.setQueryParam('lang', lang)} " th:text ="${lang} " class ="text-uppercase ">
222226 EN
223227 </ a >
224- < i th:unless ="${i.last} " class ="px-1 "> |</ i >
228+ < span th:unless ="${i.last} " class ="px-1 "> |</ span >
225229 </ th:block >
226230 </ div >
227- </ div >
228231 </ div >
229232
230233
231234 <!-- social media stuff for top right header placement -->
232235
233- < div id ="social " class ="button-bar col-md-6 col-lg-6 align-right align-baseline d-none d-lg-block " th:fragment ="social(helppage) ">
236+ < div id ="social " class ="button-bar align-right align-baseline " th:fragment ="social(helppage) ">
234237 < div class ="functional-icons ">
235238 < a href ="# " class ="btn btn-red solo-icon " role ="button " data-toggle ="modal " data-target ="#modal_sharing ">
236- < span class ="mr-1 " th:text ="#{social-button-share} "> Share</ span >
239+ < span class ="mr-1 d-none d-sm-inline " th:text ="#{social-button-share} "> Share</ span >
237240 < i class ="fa fa-share-alt share-results "> </ i > </ a >
238241 </ div >
239242 <!-- ## email-Funktionalität noch nicht nutzbar ##
@@ -260,10 +263,10 @@ <h5 class="modal-title" id="exampleModalLongTitle" th:text="#{modal_comment_titl
260263 </ div >
261264 < div class ="modal-body ">
262265 < input type ="hidden " id ="pageHREF " name ="pageHREF " value ="javascript:getCurrentHREF() "/> <!--does this work, or do we need a separate script to change the value?-->
263- < div class ="input-group mb-2 ">
266+ < div class ="input-group mb-sm- 2 ">
264267 < input type ="text " class ="form-control " disabled th:placeholder ="#{modal_comment_name} " aria-label ="Username " aria-describedby ="basic-addon1 ">
265268 </ div >
266- < div class ="input-group mb-2 ">
269+ < div class ="input-group mb-sm- 2 ">
267270 < input type ="text " class ="form-control " disabled th:placeholder ="#{modal_comment_email} " aria-label ="Username " aria-describedby ="basic-addon1 ">
268271 </ div >
269272
@@ -307,13 +310,13 @@ <h5 class="modal-title" id="exampleModalLongTitle" th:text="#{modal_share_title}
307310
308311 <!-- help icon for top right header placement -->
309312
310- < div id ="page-help " class ="button-bar col-md-6 col-lg-6 align-right align-baseline d-none d-lg-block " th:fragment ="page-help(pagename) ">
313+ < div id ="page-help " class ="button-bar align-right align-baseline " th:fragment ="page-help(pagename) ">
311314 < div th:replace =" :: help-button(${pagename}) "/>
312315 </ div >
313316
314317 < div id ="help-button " class ="functional-icons " th:fragment ="help-button(pagename) ">
315318 < a class ="btn btn-red text-left text-decoration-none solo-icon " role ="button " th:href ="${'/help/' + pagename} " target ="_blank " rel ="opener ">
316- < span class ="mr-1 " th:text ="#{page-help-button} "> Page help</ span >
319+ < span class ="mr-sm-1 d-none d-sm-inline " th:text ="#{page-help-button} "> Page help</ span >
317320 < i class ="fas fa-info-circle "> </ i > </ a >
318321 </ div >
319322
@@ -348,7 +351,7 @@ <h5 class="modal-title" id="exampleModalLongTitle" th:text="#{modal_share_title}
348351
349352 <!-- object path (thesaurus, text corpus, sentences) -->
350353 < div th:fragment ="object-paths(objectPaths, collapse) " class ="object-paths ">
351- < div th:each ="objectPath, outerIter : ${objectPaths} " class ="object-path mt-2 ">
354+ < div th:each ="objectPath, outerIter : ${objectPaths} " class ="object-path mt-sm- 2 ">
352355 < div th:each ="item, iter : ${objectPath} " class ="object-path-element ">
353356 < th:block th:if ="${item.label} != null ">
354357 < span th:class ="|object-path-icon ${item.eclass} ${item.type}| "> </ span >
@@ -365,14 +368,14 @@ <h5 class="modal-title" id="exampleModalLongTitle" th:text="#{modal_share_title}
365368
366369 <!-- sentence hieroglyphs -->
367370 < div th:fragment ="sentence-hieroglyphs " class ="result-list-item-element hieroglyphs ">
368- < p class ="bbaw-libertine mb-2 ">
371+ < p class ="bbaw-libertine mb-sm- 2 ">
369372 < span th:each ="token : *{tokens} " th:id ="|hieroglyphs-${token.id}| ">
370373 < a th:if ="${token.lemma.id} " th:href ="'/lemma/'+${token.lemma.id} "
371374 th:class ="|sentence-token token-${token.type}| " th:classappend ="${(#request.getParameter('tokens[0].lemma.id') != Null AND #request.getParameter('tokens[0].lemma.id') == token.lemma.id) ? 'highlight' : ''} " target ="_blank " rel ="opener "> < th:block th:replace =" :: token-hieroglyphs "/> </ a >
372375 < span th:unless ="${token.lemma.id} "> < th:block th:replace =" :: token-hieroglyphs "/> </ span >
373376 </ span >
374377 </ p >
375- <!--<p class="bbaw-libertine mb-2">
378+ <!--<p class="bbaw-libertine mb-sm- 2">
376379 <span th:if="*{getGlyphs}">
377380 <span th:utext="*{getGlyphs.unicode}"></span>
378381 </span>
@@ -381,7 +384,7 @@ <h5 class="modal-title" id="exampleModalLongTitle" th:text="#{modal_share_title}
381384
382385 <!-- sentence transliteration -->
383386 < div th:fragment ="sentence-transcription " class ="result-list-item-element transcription ">
384- < p class ="bbaw-libertine mb-2 ">
387+ < p class ="bbaw-libertine mb-sm- 2 ">
385388 < span th:each ="token : *{tokens} " th:id ="|transliteration-${token.id}| " th:class ="${(#request.getParameter('tokens[0].lemma.id') != Null AND #request.getParameter('tokens[0].lemma.id') == token.lemma.id) ? 'highlight' : '' } ">
386389 < a th:if ="${token.lemma.id} " th:href ="'/lemma/'+${token.lemma.id} "
387390 th:utext ="${{token.transcription.unicode}} "
0 commit comments