From cb3a57743b5f62ac230309734cfe3b88a60a50a0 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 12:03:55 +0200 Subject: [PATCH 01/11] Changed Assistant Typos in starttheming.md --- docs/voltohandson/starttheming.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/voltohandson/starttheming.md b/docs/voltohandson/starttheming.md index af3339a4b..58ce17047 100644 --- a/docs/voltohandson/starttheming.md +++ b/docs/voltohandson/starttheming.md @@ -25,7 +25,7 @@ Finally edit your `theme.config` and change the `@siteFolder` variable to contai ## Basic font family -[plone.org](plone.org) uses the "Assisstant" font instead of the Volto default "Poppins". You can use Semantic UI variables for customizing the font, as it's a valuable feature. +[plone.org](plone.org) uses the "Assistant" font instead of the Volto default "Poppins". You can use Semantic UI variables for customizing the font, as it's a valuable feature. Create a file called `site.variables`in the following path `src/addons//theme/globals/`. @@ -38,25 +38,25 @@ Everytime you add a new file to your project you will have to restart your devel Edit the new file and add this: ```less -@fontName: "Asisstant"; +@fontName: "Assistant"; ``` You can set it to any Google font available, and the online version of the font will be used. You can also set other variables concerning the font used, such as the sizes available. In case you want to use more than one font or a font that is self-hosted, -you should define it as usual in CSS and set the variable `importGoogleFonts` appropriately. As `Assisstant` is Google Font we will set: +you should define it as usual in CSS and set the variable `importGoogleFonts` appropriately. As `Assistant` is Google Font we will set: ```less @importGoogleFonts: true; ``` -Two more important variables that are changed in plone.org are: +Two more important Variables that are changed in plone.org are: ```less @largeMonitorBreakpoint: 1330px; @emSize: 16px; ``` -This changes the width of the default container. Add them as well. +These Two Variables change the Width of the Default Container. Add them as well. ```{tip} From a2ec14f5d9253162abb4305eb731f2da7b223e0c Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 12:05:35 +0200 Subject: [PATCH 02/11] Update breadcrumbs.md Typo Fixes --- docs/voltohandson/breadcrumbs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/breadcrumbs.md b/docs/voltohandson/breadcrumbs.md index 976ebd400..d9dcc7f1a 100644 --- a/docs/voltohandson/breadcrumbs.md +++ b/docs/voltohandson/breadcrumbs.md @@ -15,7 +15,7 @@ myst: We want to hide breadcrumbs from the homepage and change the styling a bit. -We can do it by using bare styling, since Volto injects CSS classes in the body that help us to style depending on the object, the content type and the path. +We can do it by using bare styling, since Volto injects CSS classes in the body that help us to style depending on the object, the Content Type and the path. Volto does it very much like Plone does. ```less From af7b9d83f0751a761c6a89f3c6fb29558e2741d8 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 12:11:12 +0200 Subject: [PATCH 03/11] Update footer.md Changed Broken Links --- docs/voltohandson/footer.md | 44 ++++++++++++++++++------------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/docs/voltohandson/footer.md b/docs/voltohandson/footer.md index d30648a43..e6e6d9eff 100644 --- a/docs/voltohandson/footer.md +++ b/docs/voltohandson/footer.md @@ -34,14 +34,14 @@ Then, we replace the `Footer` component content to match the one from plone.org. - About Plone + About Plone - Try Plone + Try Plone - Download Plone + Download Plone Documentation @@ -50,10 +50,10 @@ Then, we replace the `Footer` component content to match the one from plone.org. Training - Security + Security - Roadmap + Roadmap Github @@ -64,23 +64,23 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Community + Community Forum - Chat + Chat - Contribute code + Contribute code - Report an issue + Report an issue - News and events + News and events Conference @@ -91,30 +91,30 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Foundation + Foundation - + Join the foundation - + - Board + Board Donate - Sponsors + Sponsors - + Code of conduct - + - Foundation members + Foundation members Shop @@ -125,9 +125,9 @@ Then, we replace the `Footer` component content to match the one from plone.org. - + Follow us - + @@ -177,7 +177,7 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Privacy Policy + Privacy Policy @@ -210,7 +210,7 @@ Then, we replace the `Footer` component content to match the one from plone.org. ``` -and add this styling to the `custom.overrides` file: +And we Add this styling to the `custom.overrides` file: ```less //Footer From 432afad04ceafe88c135766a6e3acfee735a1a4f Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 12:15:25 +0200 Subject: [PATCH 04/11] Update introtoblocks.md Changed the import Path to a static path --- docs/voltohandson/introtoblocks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/introtoblocks.md b/docs/voltohandson/introtoblocks.md index 93c58d628..b1fae6dc9 100644 --- a/docs/voltohandson/introtoblocks.md +++ b/docs/voltohandson/introtoblocks.md @@ -116,7 +116,7 @@ export { SliderBlockEdit, SliderBlockView }; We need to configure the project to make it aware of a new block by adding it to the object configuration for that we need the 2 blocks components we created and a svg icon that will be displayed in the blocks chooser. This will again be done in the projects config file: ```js -import { SliderBlockView, SliderBlockEdit } from "@package/components"; +import { SliderBlockView, SliderBlockEdit } from "./customizations/components/index.js"; import heroSVG from "@plone/volto/icons/hero.svg"; ``` From 5ac5f77b9da1b369a40ccaa344a1d8bc63376dd6 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 13:03:44 +0200 Subject: [PATCH 05/11] Update docs/voltohandson/breadcrumbs.md Co-authored-by: Steve Piercy --- docs/voltohandson/breadcrumbs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/breadcrumbs.md b/docs/voltohandson/breadcrumbs.md index d9dcc7f1a..b4f844c1f 100644 --- a/docs/voltohandson/breadcrumbs.md +++ b/docs/voltohandson/breadcrumbs.md @@ -15,7 +15,7 @@ myst: We want to hide breadcrumbs from the homepage and change the styling a bit. -We can do it by using bare styling, since Volto injects CSS classes in the body that help us to style depending on the object, the Content Type and the path. +We can do it by using bare styling, since Volto injects CSS classes in the body that help us to style, depending on the object, the content type, and the path. Volto does it very much like Plone does. ```less From 390a56c35c673072120b267de6f0ae0ddce77b77 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 13:04:06 +0200 Subject: [PATCH 06/11] Update docs/voltohandson/starttheming.md Co-authored-by: Steve Piercy --- docs/voltohandson/starttheming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/starttheming.md b/docs/voltohandson/starttheming.md index 58ce17047..40594302c 100644 --- a/docs/voltohandson/starttheming.md +++ b/docs/voltohandson/starttheming.md @@ -50,7 +50,7 @@ you should define it as usual in CSS and set the variable `importGoogleFonts` ap @importGoogleFonts: true; ``` -Two more important Variables that are changed in plone.org are: +Two more important variables that are changed in plone.org are: ```less @largeMonitorBreakpoint: 1330px; From 2ded91e89503d487e39a92cc3dc5c712378e0e32 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 13:04:30 +0200 Subject: [PATCH 07/11] Update docs/voltohandson/starttheming.md Co-authored-by: Steve Piercy --- docs/voltohandson/starttheming.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/starttheming.md b/docs/voltohandson/starttheming.md index 40594302c..697f43c72 100644 --- a/docs/voltohandson/starttheming.md +++ b/docs/voltohandson/starttheming.md @@ -44,7 +44,7 @@ Edit the new file and add this: You can set it to any Google font available, and the online version of the font will be used. You can also set other variables concerning the font used, such as the sizes available. In case you want to use more than one font or a font that is self-hosted, -you should define it as usual in CSS and set the variable `importGoogleFonts` appropriately. As `Assistant` is Google Font we will set: +you should define it as usual in CSS and set the variable `importGoogleFonts` appropriately. As `Assistant` is a Google Font we will set: ```less @importGoogleFonts: true; From 52bdf21e7e75908611bb696f028d4036f8b48933 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Sat, 14 Oct 2023 13:05:22 +0200 Subject: [PATCH 08/11] Update docs/voltohandson/starttheming.md Co-authored-by: Steve Piercy --- docs/voltohandson/starttheming.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/docs/voltohandson/starttheming.md b/docs/voltohandson/starttheming.md index 697f43c72..c261a9102 100644 --- a/docs/voltohandson/starttheming.md +++ b/docs/voltohandson/starttheming.md @@ -56,7 +56,8 @@ Two more important variables that are changed in plone.org are: @largeMonitorBreakpoint: 1330px; @emSize: 16px; ``` -These Two Variables change the Width of the Default Container. Add them as well. +These two variables change the width of the default container. +Add them as well. ```{tip} From a081de07fb8a58920aef5af67052a463140601a6 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Mon, 16 Oct 2023 14:00:01 +0200 Subject: [PATCH 09/11] Update footer.md Added the Fixes Requested by @jackkahl --- docs/voltohandson/footer.md | 92 +++++++++++++++++++++---------------- 1 file changed, 53 insertions(+), 39 deletions(-) diff --git a/docs/voltohandson/footer.md b/docs/voltohandson/footer.md index e6e6d9eff..6d274b946 100644 --- a/docs/voltohandson/footer.md +++ b/docs/voltohandson/footer.md @@ -34,29 +34,31 @@ Then, we replace the `Footer` component content to match the one from plone.org. - About Plone + About Plone - Try Plone + Try Plone - Download Plone + + Download Plone + - Documentation + Documentation - Training + Training - Security + Security - Roadmap + Roadmap - Github + Github @@ -64,26 +66,30 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Community + Community - Forum + Forum - Chat + Chat - Contribute code + + Contribute code + - Report an issue + Report an issue - News and events + + News and events + - Conference + Conference @@ -91,33 +97,39 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Foundation + Foundation - + Join the foundation - + - Board + + Board + - Donate + Donate - Sponsors + + Sponsors + - + Code of conduct - + - Foundation members + + Foundation members + - Shop + Shop @@ -125,9 +137,9 @@ Then, we replace the `Footer` component content to match the one from plone.org. - + Follow us - + @@ -135,17 +147,17 @@ Then, we replace the `Footer` component content to match the one from plone.org. - + Mastodon - + - Twitter + Twitter - + Instagram - + @@ -154,19 +166,19 @@ Then, we replace the `Footer` component content to match the one from plone.org. - + YouTube - + - + Linkedin - + - + Facebook - + @@ -177,7 +189,9 @@ Then, we replace the `Footer` component content to match the one from plone.org. - Privacy Policy + + Privacy Policy + From a04924cdc50215056d61f1d167c1788b1c93d3e3 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Mon, 16 Oct 2023 14:33:07 +0200 Subject: [PATCH 10/11] Update introtoblocks.md Fixed the Import Path --- docs/voltohandson/introtoblocks.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/introtoblocks.md b/docs/voltohandson/introtoblocks.md index b1fae6dc9..7743c550b 100644 --- a/docs/voltohandson/introtoblocks.md +++ b/docs/voltohandson/introtoblocks.md @@ -116,7 +116,7 @@ export { SliderBlockEdit, SliderBlockView }; We need to configure the project to make it aware of a new block by adding it to the object configuration for that we need the 2 blocks components we created and a svg icon that will be displayed in the blocks chooser. This will again be done in the projects config file: ```js -import { SliderBlockView, SliderBlockEdit } from "./customizations/components/index.js"; +import { SliderBlockView, SliderBlockEdit } from "./components/"; import heroSVG from "@plone/volto/icons/hero.svg"; ``` From 774456992b9e98e4a7dba7eff235aea4edba9ee5 Mon Sep 17 00:00:00 2001 From: Molochem <140883099+Molochem@users.noreply.github.com> Date: Mon, 16 Oct 2023 14:44:35 +0200 Subject: [PATCH 11/11] Update footer.md Grammar changes at the Request of @jackkahl --- docs/voltohandson/footer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/voltohandson/footer.md b/docs/voltohandson/footer.md index 6d274b946..f5c682d88 100644 --- a/docs/voltohandson/footer.md +++ b/docs/voltohandson/footer.md @@ -224,7 +224,7 @@ Then, we replace the `Footer` component content to match the one from plone.org. ``` -And we Add this styling to the `custom.overrides` file: +And add this styling to the `custom.overrides` file: ```less //Footer