Skip to content
This repository was archived by the owner on Jan 24, 2024. It is now read-only.

Create project-layout.php#183

Merged
MaggieCabrera merged 8 commits intoWordPress:trunkfrom
maurodf0:pattern/project-layout
Sep 8, 2023
Merged

Create project-layout.php#183
MaggieCabrera merged 8 commits intoWordPress:trunkfrom
maurodf0:pattern/project-layout

Conversation

@maurodf0
Copy link
Copy Markdown
Contributor

@maurodf0 maurodf0 commented Sep 2, 2023

Sorry first time contributing, hope i'm doing ok.

Add Project Layout

Description

Add the project layout pattern

Comment thread patterns/project-layout.php Outdated
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.8rem"}}} -->
<p style="font-size:0.8rem"><?php echo esc_html__( "1. Queste basi mi hanno permesso di affrontare la sessione con un profondo apprezzamento per l'identità dell'hotel e una chiara visione della storia che volevo raccontare attraverso il mio obiettivo.", 'twentytwentyfour' ); ?></p>
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.

I think the text here shouldn't have the 1. at the start

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

The 1 is inside the new version on figma, shoud i delete it?

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.

Sorry, I didn't see the new style on figma, I had to refresh my browser. It's fine to keep, but let's change the function to use esc_html_x and explain what this text is referring to. I would love if we could use the image caption for this, but I'm not sure that we can while maintaining the design

Copy link
Copy Markdown
Contributor Author

@maurodf0 maurodf0 Sep 4, 2023

Choose a reason for hiding this comment

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

Yeah i thought about the caption but i think that without some custom css is impossible to have the same design of Figma.
Yeah, i'll use the esc_html_x thank u.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Hope now is ok

Comment thread patterns/project-layout.php Outdated
/**
* Title: Project Layout
* Slug: twentytwentyfour/project-layout
* Categories: text
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.

let's add gallery to the list here

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Ok, perfect. i didn't think about that ahah sorry.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Added.

Comment thread patterns/project-layout.php Outdated

?>

<!-- wp:group {"style":{"spacing":{"padding":{"top":"6vw","right":"6vw","bottom":"6vw","left":"6vw"}},"elements":{"link":{"color":{"text":"#fffffffc"}}},"color":{"background":"#181818","text":"#fffffffc"}},"layout":{"type":"constrained"}} -->
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.

This should have wide width. The colors should use the presets from the theme instead of the hex values and the spacing should also try to use the presets too

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Thanks for all your help. I not founded the preset color, so i thought wasn't so important inside the all theme (i'll fix it).
How can i achive to use the preset for the spacing if not using the block spacing?

Again, thanks for all your help

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.

This is where you use the presets:

Screenshot 2023-09-04 at 11 55 50

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I think now is ok. Only a little question. There's no the same color of the background (based on figma file) i used the contrast color preset, is ok or i have to create the preset myself into the theme.json?)

Sorry for all the extra work i make you do...i'm trying to learn fastest possible for make no errors.

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.

it's absolutely no issue! and thank you for following up on our reviews, that's what we are here for. You shouldn't need to create any presets, but chose what looks closer to the design. We have iterated away from some of the color to make them more accesible.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Thank u very much for the kind words.
Ok, i choosed the contrast color preset, the #222222 hope is ok for the pattern.

Comment thread patterns/project-layout.php Outdated
Comment thread patterns/project-layout.php Outdated
@MaggieCabrera MaggieCabrera linked an issue Sep 4, 2023 that may be closed by this pull request
maurodf0 and others added 7 commits September 8, 2023 11:33
@MaggieCabrera MaggieCabrera self-requested a review September 8, 2023 09:48
Copy link
Copy Markdown
Collaborator

@MaggieCabrera MaggieCabrera left a comment

Choose a reason for hiding this comment

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

I made a few changes to this one and rebased it. Changed the language to use the english version so it fits with the rest of the full page pattern, as well as the images so they make sense with the text changes too. I converted the images to webp and tweaked the markup to use presets where it wasn't using them

@MaggieCabrera MaggieCabrera merged commit 30d18de into WordPress:trunk Sep 8, 2023
@maurodf0
Copy link
Copy Markdown
Contributor Author

maurodf0 commented Sep 8, 2023

I made a few changes to this one and rebased it. Changed the language to use the english version so it fits with the rest of the full page pattern, as well as the images so they make sense with the text changes too. I converted the images to webp and tweaked the markup to use presets where it wasn't using them

Thanks for all your help. I'll see the edit u made so i'll make better the next time.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Block Patterns - Project Layout

2 participants