Easy style wins

[abettermap]

components on most pages

• [x] breadcrumbs: improve color (at least for hover)
• [x] footer: link color ok?
• [x] footer: put logo and copyright, etc. at the very end of the page on mobile
• [x] hero: try text shadow if bg image and mask aren't dark enough.
• [x] mobile nav: better link color?
• [x] mobile nav: btn spacing/centering

specific components

• [x] lang instance tabs: rounded tabs corners
• [x] lang instance tabs: more horiz. padding
• [x] video modal: use same style as mobile nav modal
• [x] listy-grid cardy things: standardize, reuse as needed. 3-4 cols max, min-width 300px. whole card clickable?
• [x] finalize "featured" card and wrapping layout on pages w/featured child item

bug fixes

• [x] Neo-Aramaic font fix on macbook
• [x] landing maps on mobile: prevent white background (likely don't zoom to min zoom level) at least from iPhone X and up (iphone 5 just too small)
• [x] close nav dropdowns and mobile nav on any click
• [x] Images not showing except locally
• [x] Open archive.org links in new tab. Confirm glotto and other outbounds have same behavior.
• [x] Left and right padding of page top bar Header should align with the content gutter on mobile.
• [x] Sticky header on mobile YouTube modal will only be worthwhile if full-height DialogContent. Also consider a smaller font size for the title. For that matter, the hero title font could be smaller as well.
• [x] /latest/:year needs to lose the content wrap

layout

• [x] content container: wider max width on large screens
• [x] confirm things don't suck on ipad portrait
• [x] mobile: remove horizontal gutter on pages like lang instance
• [x] if not super hard, don't wrap the whole content section in white bg, with more items inside it wrapped in white bg. e.g. use standalone cards instead:

[abettermap]

@rperlin-ela

i'd like to do all these on one branch and save the home-specific stuff for another.

footer: link color ok?

i'm fine with it if you are? i tried the red-ish "secondary" color but the purple-ish was better.

[rperlin-ela]

Sounds good, yeah footer link color ok with me

[abettermap]

mobile nav: better link color?

same for that? fine by my as-is.

[abettermap]

and on that mobile note...

mobile nav: btn spacing/centering

how's this?

the centering was only supposed to be for the buttons but i kinda like it across the board like that.

[rperlin-ela]

looks good

[abettermap]

kind of struggling in the tabs creativity department. if you have any suggestions, let me know. otherwise this is what i came up with:

the drop shadow was nice but it leads to this:

if i implement the "fix" to have our shadow cake and eat it too, then it's no longer side-scrollable on mobile. 😞

[abettermap]

wrapping it up for the weekend, holler this week if any feedback on what i pushed!

[rperlin-ela]

will do, looking snazzier!

[abettermap]

k i've tried about 1000 different layouts for the "featured card" thing (on non-Home pages, that is) and really just need to settle on something so let me know what you want for those pages.

A) dedicated row

the easiest one would be to give that card its own row, but i understand your opposition to that since it could make the page look like it's mostly about that single card.

B) shared row, but non-featured card full height

either staggered (not aligned with the card columns in the row below it):

or aligned:

i don't think either of those look bad myself and would lean towards the staggered option, but i could see how there would be disagreement due to the amount of white space for the shared-first-row card (Events in the screenshot).

C) no whitespace in shared-row card

...but then too much empty space below it:

and i haven't been able to find the code magic to fill the empty space if the next card would fit, so that's not an option right now.

Conclusions?

so, any of those look livable to you? keep in mind the summary (excerpt) length in the non-featured cards will vary, so if we went with shared-row option then sometimes it might fill the card nicely.

personally i find inconsistent row and column sizes less pleasing to read and would rather have the whitespace.

[abettermap]

ha! J: 1, CSS: 0. ok more like CSS: 17 but whatever, i still won:

ima roll w/that, holler if opposed.

[rperlin-ela]

Looks great!

On Jul 3, 2021, at 7:49 PM, Jason Lampel @.***> wrote:

 ha! J: 1, CSS: 0. ok more like CSS: 17 but whatever, i still won:

ima roll w/that, holler if opposed.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

[rperlin-ela]

Any idea why on my end the featured images haven't been coming through?

[abettermap]

nope, thought i did but it was wrong assumption. something to do with netlify though. it's what i was referring to in:

Images not showing except locally

i'll take a look after i wrap up the layout and card stuff.

[abettermap]

i think i figured it out but won't know until next push.

when you have a chance can you please create a Netlify acct? https://app.netlify.com/signup/email

i'd rather not use Maya's which we're using for the nyc map.

shoot me the credentials via email if you're ok with that, or i can give you instructions but it's mostly one-off stuff and would be easier if just do it.

[abettermap]

hey what did we decide on "Read More" buttons on the non-featured cards? yay or nay? like these guys:

they're a bit bland so i wouldn't mind a small button (for consistency if nothing else) if you're ok with that.

[rperlin-ela]

Read More button sounds good