Skip to content
This repository was archived by the owner on Feb 17, 2025. It is now read-only.

Archeo: Add home template#5564

Merged
scruffian merged 13 commits into
trunkfrom
add/archeo-home-template
Feb 21, 2022
Merged

Archeo: Add home template#5564
scruffian merged 13 commits into
trunkfrom
add/archeo-home-template

Conversation

@mikachan

@mikachan mikachan commented Feb 18, 2022

Copy link
Copy Markdown
Member

Changes proposed in this Pull Request:

This adds a home template to Archeo. It also adjusts the spacing in the patterns used on this template to match the comps more.

  • Removed the top margin on the list of posts patterns and the 'Layered images with headline' pattern
  • Added top and bottom padding to the list of posts
  • Added a variation of the list of posts pattern which adds the darker background and a title (I used a pattern so we could translate the title)

Screenshot taken without the English translations!

@mikachan mikachan added the [Theme] Archeo Automatically generated label for Archeo. label Feb 18, 2022
@mikachan mikachan self-assigned this Feb 18, 2022
@mikachan mikachan added this to the Archeo milestone Feb 18, 2022
@mikachan mikachan requested review from a team, beafialho and kjellr February 18, 2022 16:50

@kjellr kjellr left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is looking good, thank you!

Not sure if this is the best place to make this change, but the top header should have var(--wp--custom--spacing--outer) padding on the bottom to even it out.

Also, there's a lot of extra padding above the archeo/image-with-headline-description pattern. That should have a top padding of 0 when placed here. (I think it would be fine to remove that padding from the pattern in general).

<!-- wp:query {"queryId":3,"query":{"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"perPage":3}} -->
<div class="wp-block-query"><!-- wp:post-template -->
<!-- wp:group {"className":"simple-list-of-posts","layout":{"type":"flex","allowOrientation":false}} -->
<div class="wp-block-group simple-list-of-posts"><!-- wp:post-title {"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"100"}},"fontSize":"huge"} /-->

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The post titles here need to be links — right now nothing is clickable. 😅

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh yeah! 😅 I've added links now, although they automatically have an underline. Should we remove this just for this pattern?

image

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @mikachan! Can you remove the underline just for this pattern and have it be underlined on hover?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See #5573

<!-- wp:post-author-name {"style":{"typography":{"fontStyle":"normal","fontWeight":"100","lineHeight":"1.2"}},"fontSize":"medium"} /--></div>
<!-- /wp:group -->
<!-- /wp:post-template --></div>
<!-- /wp:query --></div>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this needs pagination. For now, let's just add prev/next links, with no page numbers. The text size can match our nav's text size.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great ok, I've added pagination now too:

image

@mikachan

Copy link
Copy Markdown
Member Author

I think this is ready for another review, thanks all!

@scruffian scruffian left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks good to me. I think we can merge and let @kjellr iterate on the design in another PR if he notices more issues.

@scruffian scruffian force-pushed the add/archeo-home-template branch from 7f3d5d5 to 4f86f48 Compare February 21, 2022 20:57
@scruffian scruffian merged commit 566ff12 into trunk Feb 21, 2022
@scruffian scruffian deleted the add/archeo-home-template branch February 21, 2022 21:03
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

[Theme] Archeo Automatically generated label for Archeo.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants