update deps; new ver

.gitignore

@@ -61,4 +61,5 @@ out
 public
 pub*
 !pub
-site
+site*
+

CHANGELOG.pod6

@@ -1,6 +1,13 @@
 =TITLE CHANGES 
 
 =head1 Upcoming
+
+=head1 0.1.24
+=item1 * add support for formulas
+=item1 * add support for HTML entities in C<E<>> code
+=item1 * improve support for C<:nested>
+=itme1 * adjust C<:caption> fro C<=toc>
+
 =head1 0.1.23
 =item1 * fix C<CookieConsent> align content
 =head1 0.1.22

examples/03-blog/blog-post.pod6

@@ -6,7 +6,7 @@
 Lorem Ipsum
 
 
-=for Diagram :caption<This is demo diagram>
+=for Mermaid :caption<This is demo diagram>
 graph LR
     A[Square Rect] -- Link text --> B((Circle))
     A --> C(Round Rect)

examples/03-blog/index.pod6

@@ -32,7 +32,7 @@ Yet another project
 Most wanted project
 =end para
 =begin para
-=Image ./logo.png
+=picture ./logo.png
 This site is driven by L<Podlite|https://podlite.org> markup language.
 
 =end para

package.json

@@ -1,7 +1,7 @@
 {
   "name": "podlite-web",
   "description": "📖 Create static websites with Next.js and the Podlite markup language.",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "private": true,
   "scripts": {
     "next_dev": "next dev",
@@ -24,8 +24,8 @@
     "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@podlite/schema": "^0.0.18",
-    "@podlite/to-jsx": "^0.0.22",
+    "@podlite/schema": "^0.0.19",
+    "@podlite/to-jsx": "^0.0.23",
     "@types/jest": "^27.5.1",
     "@types/node": "17.0.17",
     "@types/react": "17.0.39",
@@ -42,7 +42,7 @@
     "next-images": "^1.8.4",
     "next-optimized-images": "^2.6.2",
     "nodemon": "^2.0.16",
-    "podlite": "^0.0.31",
+    "podlite": "^0.0.32",
     "prettier": "^2.5.1",
     "react-modal": "^3.14.4",
     "rimraf": "^3.0.2",

pub/index.pod6

@@ -12,20 +12,20 @@
 podlite-web - a minimal, lightweight starter for creating static blogs/sites using nexjs and L<podlite|https://podlite.org/> markup language!
 
 
-=for Toc :title<Table if contents>
+=for toc :title<Table if contents>
 head3
 
 It possible to create I<table of contents> for selected blocks:
 
 =begin code
-=for Toc :title<List of tables, images, diagrams>
-table, Image, Diagram
+=for toc :title<List of tables, images, diagrams>
+table, picture, Mermaid
 =end code
 
 will render to:
 
-=for Toc :title<List of tables, images, diagrams>
-table, Image, Diagram
+=for toc :title<List of tables, images, diagrams>
+table, picture, Mermaid
 
 =for code :allow(B)
 This I<is> a B<text>
@@ -76,18 +76,38 @@ Options B<are>:
 
 =end table
 
+=head3 Using formulas
+
+
+=begin code :allow<B>
+
+The solution to the quadratic equation B«F<» ax^2 + bx + c = 0 B«>» is given by the formula:
+
+=for B<formula> B<:caption<This is a demo formula>>
+x = \frac{{-b \pm \sqrt{{b^2 - 4ac}}}}{{2a}}
+
+=end code
+
+The solution to the quadratic equation F< ax^2 + bx + c = 0 > is given by the formula:
+
+=for formula :caption<This is a demo formula>
+x = \frac{{-b \pm \sqrt{{b^2 - 4ac}}}}{{2a}}
+
+
+
+
 =head3 Using diagrams
 
-=begin code
-=for Diagram :caption<This is demo diagram>
+=begin code :allow<B>
+=for B<Mermaid> :caption<This is a demo diagram>
 graph LR
     A[Square Rect] -- Link text --> B((Circle))
     A --> C(Round Rect)
     B --> D{Rhombus}
     C --> D
 =end code
 
-=for Diagram :caption<This is demo diagram>
+=for Mermaid :caption<This is a demo diagram>
 graph LR
     A[Square Rect] -- Link text --> B((Circle))
     A --> C(Round Rect)
@@ -96,11 +116,11 @@ graph LR
 
 =head3 Using images
 =begin code
-=Image logo.png
+=picture logo.png
 This is a logo of L<podlite|https://github.com/podlite> project.
 
 =end code
-=Image logo.png
+=picture logo.png
 This is a logo of L<Podlite|https://github.com/podlite> project.
 
 You can try Podlite here: L<https://pod6.in>.

src/styles/default.css

@@ -1,3 +1,4 @@
 @import './pod6.css';
 @import './screen.css';
 @import './global.css';
+@import 'node_modules/@podlite/formula/lib/default.css';