WIP! Volto Light Theme Training docs.

docs/index.md

@@ -21,6 +21,7 @@ mastering-plone-5/index
 voltohandson/index
 voltoaddons/index
 volto_customization/index
+volto-light-theme/index
 effective-volto/index
 testing/index
 theming/index

docs/volto-light-theme/adding-installing-new-block.md

@@ -0,0 +1,11 @@
+---
+myst:
+  html_meta:
+    "description": "Adding Installing New Block"
+    "property=og:description": "Adding Installing New Block"
+    "property=og:title": "Adding Installing New Block"
+    "keywords": "Plone, Volto, Training"
+---
+
+
+# Adding Installing New Block

docs/volto-light-theme/creating-new-project.md

@@ -0,0 +1,70 @@
+---
+myst:
+  html_meta:
+    'description': 'Learn How to customize the Footer of the page'
+    'property=og:description': 'Learn How to customize the Footer of the page'
+    'property=og:title': 'Footer customization'
+    'keywords': 'Plone, Volto, Training, Theme, Footer'
+---
+
+# Creating New Project
+
+First you have to  install the cookieplone
+```
+pipx install cookieplone
+
+```
+
+After that you have to run it to create the project.
+
+```
+pipx run cookieplone
+```
+
+It is going to ask you multiple question. If you happy with default keep pressing enter. Otherwise overwrite this according to your needs.
+
+
+```
+ [1/17] Project Title (Project Title): my-vlt-project
+  [2/17] Project Description (A new project using Plone 6.): My Project
+  [3/17] Project Slug (Used for repository id) (my-vlt-project): my-project
+  [4/17] Project URL (without protocol) (my-project.example.com): my-project.example.com
+  [5/17] Author (Plone Foundation): <your name>
+  [6/17] Author E-mail ([email protected]):
+  [7/17] Should we use prerelease versions? (No):
+  [8/17] Plone Version (6.0.13):
+  [9/17] Volto Version (18.0.0):
+  [10/17] Python Package Name (my.project):
+  [11/17] Volto Addon Name (volto-my-project):
+```
+
+After creating project you have to build the volto project.
+
+Run
+```
+make install
+``
+
+This will install all your backend as well as frontend project.
+
+For running backend you have to run
+
+```
+make backend-start
+
+```
+
+For running frontend
+
+```
+make frontend-start
+
+```
+
+Please commit your inital commit by running
+
+```
+git add .
+git commit -m 'initial-commit' --no-verify
+```
+Walk throught the boiler plate and explain them.

docs/volto-light-theme/index.md

@@ -0,0 +1,32 @@
+---
+myst:
+  html_meta:
+    "description": "Volto Light Theme"
+    "property=og:description": "Volto Light Theme"
+    "property=og:title": "Volto Light Theme"
+    "keywords": "Plone, Volto, Training"
+---
+
+(volto-light-theme-label)=
+
+# Volto Light Theme
+
+About
+: Learn how to properly use the volto-light-theme in your project.
+
+Level
+: Beginner level
+
+
+```{toctree}
+:caption: Volto Light Theme
+:maxdepth: 1
+:numbered: true
+
+creating-new-project
+installing-vlt
+adding-installing-new-block
+theming
+question-answer
+
+```

docs/volto-light-theme/installing-vlt.md

@@ -0,0 +1,42 @@
+---
+myst:
+  html_meta:
+    "description": "Installing Volto Light Theme"
+    "property=og:description": "Installing Volto Light Theme"
+    "property=og:title": "Installing Volto Light Theme"
+    "keywords": "Plone, Volto, Training"
+---
+
+# Installing Volto Light Theme
+
+First for installing volto light theme.
+
+Go to your addon project. It is present in frontend/packages/volto-my-project and install volto-light-theme
+
+
+```
+pnpm install @kitconcept/volto-light-theme
+
+```
+
+After installing vlt you will see this diff with some additional but this one is most important.
+
+```
+diff --git a/frontend/packages/volto-my-project/package.json b/frontend/packages/volto-my-project/package.json
+index e256491..373386e 100644
+--- a/frontend/packages/volto-my-project/package.json
++++ b/frontend/packages/volto-my-project/package.json
+@@ -26,7 +26,9 @@
+     "release-major-alpha": "release-it major --preRelease=alpha",
+     "release-alpha": "release-it --preRelease=alpha"
+   ,
+-  "dependencies": {},
++  "dependencies": {
++    "@kitconcept/volto-light-theme": "^5.0.1"
++  },
+   "peerDependencies":
+     "react": "18.2.0",
+     "react-dom": "18.2.0"
+
+```
+

docs/volto-light-theme/question-answer.md

@@ -0,0 +1,10 @@
+---
+myst:
+  html_meta:
+    "description": "Questions And Answer"
+    "property=og:description": "Questions And Answer"
+    "property=og:title": "Questions And Answer"
+    "keywords": "Plone, Volto, Training"
+---
+
+# Questions And Answer

docs/volto-light-theme/theming.md

@@ -0,0 +1,10 @@
+---
+myst:
+  html_meta:
+    "description": "Theming"
+    "property=og:description": "Theming"
+    "property=og:title": "Theming"
+    "keywords": "Plone, Volto, Training"
+---
+
+# Theming