Merge pull request #797 from plone/voltohandson-2023

Voltohandson 2023
plone · Oct 1, 2023 · 18faa7b · 18faa7b
2 parents 6087185 + 22e9cf8
commit 18faa7b
Show file tree

Hide file tree

Showing 26 changed files with 1,206 additions and 529 deletions.
diff --git a/docs/voltohandson/_static/initial_folder_structure.png b/docs/voltohandson/_static/initial_folder_structure.png
diff --git a/docs/voltohandson/_static/latest_news.png b/docs/voltohandson/_static/latest_news.png
diff --git a/docs/voltohandson/_static/ploneorg-frontpage.png b/docs/voltohandson/_static/ploneorg-frontpage.png
diff --git a/docs/voltohandson/_static/slider_screenshot.png b/docs/voltohandson/_static/slider_screenshot.png
diff --git a/docs/voltohandson/breadcrumbs.md b/docs/voltohandson/breadcrumbs.md
@@ -13,13 +13,31 @@ myst:
 
 ## Hiding them from the App first level component
 
-We want to hide breadcrumbs from the homepage.
+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.
 Volto does it very much like Plone does.
 
 ```less
+//breadcrumbs
 .contenttype-plone-site .ui.secondary.vertical.segment.breadcrumbs {
   display: none;
 }
+
+.ui.secondary.vertical.segment.breadcrumbs {
+  background-color: @white;
+  border-bottom: none;
+  .ui.breadcrumb {
+    .divider {
+      color: @black;
+    }
+    .section {
+      color: @black;
+
+      &.active {
+        color: @black;
+      }
+    }
+  }
+}
 ```
diff --git a/docs/voltohandson/configandcleanup.md b/docs/voltohandson/configandcleanup.md
@@ -19,22 +19,30 @@ Make sure you save your page after deleting all Blocks and before editing the `c
 
 ## Making the Title block deletable
 
-The config will be located inside the `config.js` folder in your projects `src` directory. Iside you will find the following code:
+The config will be located inside the `index.js` file in your policy addons `src` directory. Inside you will find the following code:
 
 ```js
-// All your imports required for the config here BEFORE this line
-import '@plone/volto/config';
-export default function applyConfig(config) {
-  // Add here your project's configuration here by modifying `config` accordingly
-}
+const applyConfig = (config) => {
+
+  return config;
+};
+
+export default applyConfig;
+
 ```
 
 To enable removing the title block you only need to add the following line to override the original `requiredBlocks` array inside the `applyConfig` function:
 
 ```js
-config.blocks.requiredBlocks = [];
+const applyConfig = (config) => {
+  config.blocks.requiredBlocks = [];
+
+  return config;
+};
+
+export default applyConfig;
 ```
 
 ```{hint}
-You can find all default configurations in your `ommelette/src/config/`.
+You can find all default configurations in your `omelette/src/config/`.
 ```