Skip to content

Commit b652d04

Browse files
white-geckowhite-gecko
committed
Update layout for binyanim and shorashim
1 parent bd85563 commit b652d04

File tree

4 files changed

+129
-48
lines changed

4 files changed

+129
-48
lines changed

‎_includes/filter.html

+38-32
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,39 @@
1-
<dl>
2-
<dt>Filter</dt>
3-
<dd><input type="text" id="inputFilter" /></dd>
4-
</dl>
5-
<div class="alphabet" style="font-size: 2em">
6-
<span>א</span>
7-
<span>ב</span>
8-
<span>ג</span>
9-
<span>ד</span>
10-
<span>ה</span>
11-
<span>ו</span>
12-
<span>ז</span>
13-
<span>ח</span>
14-
<span>ט</span>
15-
<span>י</span>
16-
<span>כ</span>
17-
<span>ך</span>
18-
<span>ל</span>
19-
<span>מ</span>
20-
<span>ם</span>
21-
<span>נ</span>
22-
<span>ן</span>
23-
<span>ס</span>
24-
<span>ע</span>
25-
<span>פ</span>
26-
<span>ף</span>
27-
<span>צ</span>
28-
<span>ץ</span>
29-
<span>ק</span>
30-
<span>ר</span>
31-
<span>ש</span>
32-
<span>ת</span>
1+
<div class="segment">
2+
<span class="he">
3+
<dd><input type="text" id="inputFilter" /></dd>
4+
<div class="alphabet">
5+
<span>א</span>
6+
<span>ב</span>
7+
<span>ג</span>
8+
<span>ד</span>
9+
<span>ה</span>
10+
<span>ו</span>
11+
<span>ז</span>
12+
<span>ח</span>
13+
<span>ט</span>
14+
<span>י</span>
15+
<span>כ</span>
16+
<span>ך</span>
17+
<span>ל</span>
18+
<span>מ</span>
19+
<span>ם</span>
20+
<span>נ</span>
21+
<span>ן</span>
22+
<span>ס</span>
23+
<span>ע</span>
24+
<span>פ</span>
25+
<span>ף</span>
26+
<span>צ</span>
27+
<span>ץ</span>
28+
<span>ק</span>
29+
<span>ר</span>
30+
<span>ש</span>
31+
<span>ת</span>
32+
<div class="clearfix"></div>
33+
</div>
34+
</span>
35+
<span class="en">
36+
<p>Filter</p>
37+
</span>
38+
<div class="clearfix"></div>
3339
</div>

‎binyanim.html

+19-8
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,6 @@
22
layout: default
33
rdf_prefix_path: "_data/prefix.sparql"
44
---
5-
<p>This page is built from the MMoOn Open Hebrew Inventory.</p>
6-
7-
<h2>The Binyanim</h2>
85

96
{% capture binyan_query %}
107
SELECT ?binyan (max(?label_heA) as ?labelHeA) (min(?label_heB) as ?labelHeB) (min(?label_en) as ?labelEn)
@@ -22,9 +19,23 @@ <h2>The Binyanim</h2>
2219
} GROUP BY ?binyan ORDER BY ?label_heA
2320
{% endcapture %}
2421

22+
<div class="segment">
23+
<span class="he">
24+
<p></p>
25+
<h2>ה בניינים</h2>
26+
</span>
27+
<span class="en">
28+
<p>This page is built from the MMoOn Open Hebrew Inventory.</p>
29+
<h2>The Binyanim</h2>
30+
</span>
31+
<div class="clearfix"></div>
32+
</div>
33+
2534
{% assign results = page.rdf | sparql_query: binyan_query %}
26-
<ul>
27-
{% for row in results %}
28-
<li><a href="{{ row.binyan.page_url | prepend: site.baseurl }}">{{ row.labelHeA }}{% if row.labelHeB %}, {{ row.labelHeB }}{% endif %}|{{ row.labelEn }}</a></li>
29-
{% endfor %}
30-
</ul>
35+
{% for row in results %}
36+
<div class="segment">
37+
<p class="he"><a href="{{ row.binyan.page_url | prepend: site.baseurl }}">{{ row.labelHeA }}{% if row.labelHeB %}, {{ row.labelHeB }}{% endif %}</a></p>
38+
<p class="en"><a href="{{ row.binyan.page_url | prepend: site.baseurl }}">{{ row.labelEn }}</a></p>
39+
<div class="clearfix"></div>
40+
</div>
41+
{% endfor %}

‎css/custom.css

+51
Original file line numberDiff line numberDiff line change
@@ -270,6 +270,57 @@ dd.representation {
270270
font-size: 300%
271271
}
272272

273+
.he {
274+
line-height: 1.2em;
275+
font-size: 1.2em;
276+
}
277+
278+
.en {
279+
font-size: 1em;
280+
line-height: 1.5em;
281+
}
282+
283+
.segment {
284+
direction: ltr;
285+
text-align: justify;
286+
display: block;
287+
}
288+
289+
.segment .he, .segment .en {
290+
width: 50%;
291+
margin: none;
292+
border: none;
293+
display: block;
294+
}
295+
296+
.segment .he {
297+
direction: rtl;
298+
text-align: right;
299+
float: left;
300+
padding-right: 10px;
301+
}
302+
303+
.segment .en {
304+
direction: ltr;
305+
text-align: left;
306+
float: right;
307+
padding-left: 10px;
308+
}
309+
310+
.alphabet {
311+
float: right;
312+
margin-top: .2em;
313+
margin-bottom: .5em;
314+
}
315+
316+
.alphabet span {
317+
cursor: pointer;
318+
text-align: center;
319+
display: inline-block;
320+
width: 1em;
321+
border: solid 1px grey;
322+
}
323+
273324
@media screen and (max-width: 600px) {
274325
.post-header
275326
.poststempel svg {

‎index.html

+21-8
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,6 @@
22
layout: default
33
rdf_prefix_path: "_data/prefix.sparql"
44
---
5-
<p>This page is built from the MMoOn Open Hebrew Inventory.</p>
6-
7-
<h2>The Roots</h2>
8-
9-
{% include filter.html %}
105

116
{% capture root_query %}
127
SELECT ?root ?label WHERE {
@@ -15,9 +10,27 @@ <h2>The Roots</h2>
1510
} ORDER BY ?label
1611
{% endcapture %}
1712

13+
<div class="segment">
14+
<span class="he">
15+
<p></p>
16+
<h2>ה שורשים</h2>
17+
</span>
18+
<span class="en">
19+
<p>This page is built from the MMoOn Open Hebrew Inventory.</p>
20+
<h2>The Roots</h2>
21+
</span>
22+
<div class="clearfix"></div>
23+
</div>
24+
25+
{% include filter.html %}
26+
27+
1828
{% assign results = page.rdf | sparql_query: root_query %}
19-
<ul>
20-
{% for row in results %}
29+
<div class="segment">
30+
<ul class="he">
31+
{% for row in results %}
2132
<li><a href="{{ row.root.page_url | prepend: site.baseurl }}">{{ row.label }}</a></li>
22-
{% endfor %}
33+
{% endfor %}
2334
</ul>
35+
<div class="clearfix"></div>
36+
</div>

0 commit comments

Comments
 (0)