Sunday 27 December 2020

Technical Notes on Grids in html and CSS

It seems that there are some limitations in grids that I missed. I am still not sure how to code around them.

The padding for the top level grid in the Concordance page seems to fail for Chrome and Iphone, but has no problem in the WS3 test area. There is occasional horizontal truncation of the letters within a grid break. Fortunately this is not a show stopper since it is relatively easy to hover and click the truncated link to see what you've missed.

The columns of a grid appear to have a maximum length. I ran into it in the Person subdomain of the Names domain. All the entries past the maximum were overprinted on the Chrome page. I had to update it manually since I produce the grid from a single SQL statement and it is inconvenient at the moment to encode this into a function, but I may if I have to process updates many times. It is curious that I have only 3 words in my domain of named signs! There must be more words related to signs hidden somewhere, probably under Covenant.

I have seven high-level domains:  Grammar 24.82 of all words%, Culture 20.28%, Creation 15.61%, Names 12.57%, Engagement 11.19%, Promise 10.13%, Trouble 5.39%. I have deliberately kept the subdomain names unique, so the domains are a simple set of handles without any functional requirement.

Grids in general seem to process faster than tables, but I could not avoid the blank line at the beginning of a multi-column nested set of grids. Maybe it's less complicated than I think and I could simplify my thought processes. It turns out that I can put a table into a multi column grid - much simpler for this post at least. And also for the glossary page itself. After some false starts, yes.

These are the subdomain name and count of distinct lemma forms (reduced glosses) by domain and subdomain (as measured 2020.12.26) ordered by count descending. It is easy to see that the Person category count is almost twice as high as as the preposition gloss count and location count. I might have solved this problem by subdividing the subdomain. At the beginning I was considering subdividing the Person Names by role, Father, Mother, Son, Daughter etc but I soon gave that up because it is multi-valued and I didn't want to have another table. I realized how quickly this project could be derailed if I failed to focus on the language in the text itself.
Names-Person1688
Grammar-Prep876
Names-Location856
Culture-Measure424
Grammar-Pronoun-Sa397
Culture-Work326
Culture-Covenant274
Creation-Bodypart263
Grammar-Modifier261
Names-People247
Promise-Protect236
Creation-Time221
Engagement-Walk209
Culture-Eat192
Trouble-Destroy187
Culture-Rule187
Promise-Joy181
Grammar-Conj177
Culture-Character173
Promise-Flourish172
Culture-City171
Grammar-Particle167
Trouble-Vexation166
Creation-Animal154
Creation-Planting153
Creation-Water144
Grammar-Exists140
Trouble-Violence133
Promise-Teaching128
Culture-Defense124
Grammar-Negative124
Culture-Clothe123
Engagement-Stand118
Creation-Number118
Trouble-Sin114
Engagement-Appeal113
Culture-Family113
Promise-Judgment109
Engagement-Speak108
Promise-Harvest101
Promise-Holy99
Creation-Light99
Engagement-Send97
Trouble-Bound94
Grammar-Question91
Promise-Whole88
Creation-Wild86
Engagement-Look83
Culture-Tool79
Creation-Birth77
Engagement-Meet75
Culture-Office75
Promise-Trust73
Engagement-Approach73
Culture-Plan73
Engagement-Hurry69
Promise-Strength69
Culture-Economy68
Promise-Rest66
Creation-Wings65
Creation-Human63
Promise-Offer63
Creation-Fire60
Culture-Place59
Culture-Music58
Trouble-Grief58
Promise-Praise56
Engagement-Seek55
Trouble-Fear55
Trouble-Injury53
Trouble-Wrath52
Creation-Life50
Creation-Distant50
Trouble-Death49
Promise-Pardon49
Trouble-Hide49
Culture-Quiet49
Promise-Love46
Promise-Cut43
Trouble-Illness43
Engagement-Receive41
Culture-Container41
Creation-Mineral40
Names-God39
Culture-Poor35
Trouble-Rebel33
Trouble-Enemy33
Engagement-Way32
Creation-Heaven30
Trouble-Hate30
Trouble-Trap29
Culture-Group29
Trouble-Empty29
Trouble-Exile29
Creation-Valley27
Trouble-Decay25
Trouble-Shame22
Creation-Form22
Names-River16
Names-Month11
Names-Mountain9
Trouble-Foolish9
Names-Feast4
Engagement-Chance4
Names-Sign3
Names-Star3
Names-Stick2


No comments:

Post a Comment