diff --git a/apps/cookbook/img/app-color.svg b/apps/cookbook/img/app-color.svg
new file mode 100644
index 0000000000000000000000000000000000000000..72305dfc71c9695df434428e000bfcec2b1e8d13
--- /dev/null
+++ b/apps/cookbook/img/app-color.svg
@@ -0,0 +1,19 @@
+<svg width="73" height="72" viewBox="0 0 73 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_233)">
+<path d="M57.801 0H16.201C7.80625 0 1.00098 6.80527 1.00098 15.2V56.8C1.00098 65.1947 7.80625 72 16.201 72H57.801C66.1957 72 73.001 65.1947 73.001 56.8V15.2C73.001 6.80527 66.1957 0 57.801 0Z" fill="url(#paint0_linear_305_233)"/>
+<path d="M54.1543 32.2619C53.7734 32.6747 53.3799 33.1134 52.9736 33.5778C52.5674 34.0423 52.0532 34.6615 51.4312 35.4356C50.8091 36.2097 50.3076 36.9838 49.9268 37.7578C49.5459 38.5319 49.3555 43.2861 49.3555 43.8538C49.3555 44.5504 48.1685 45.1374 45.7944 45.6148C43.4204 46.0921 40.5449 46.3308 37.168 46.3308C33.791 46.3308 30.9155 46.0921 28.5415 45.6148C26.1675 45.1374 24.9805 44.5504 24.9805 43.8538C24.9805 43.1055 24.6377 38.0868 23.9521 36.9644C23.2666 35.842 22.6255 34.9389 22.0288 34.2551C21.4321 33.5714 20.8418 32.9328 20.2578 32.3393C18.5313 30.6363 17.668 28.5721 17.668 26.1467C17.668 23.7471 18.4995 21.7022 20.1626 20.0121C21.8257 18.3221 23.8379 17.477 26.1992 17.477C26.7832 17.477 27.3926 17.5415 28.0273 17.6706C27.6211 18.7285 27.418 19.9025 27.418 21.1926C27.418 23.9535 28.2559 26.2499 29.9316 28.0819C29.8809 26.6885 29.8555 25.2178 29.8555 23.6696C29.8555 21.27 30.5664 19.2252 31.9883 17.5351C33.4102 15.845 35.1367 15 37.168 15C39.1992 15 40.9258 15.845 42.3477 17.5351C43.7695 19.2252 44.4805 21.27 44.4805 23.6696C44.4805 25.2436 44.4551 26.7143 44.4043 28.0819C46.0801 26.2499 46.918 23.9535 46.918 21.1926C46.918 19.9025 46.7148 18.7285 46.3086 17.6706C46.9434 17.5415 47.5527 17.477 48.1367 17.477C50.498 17.477 52.5103 18.3221 54.1733 20.0121C55.8364 21.7022 56.668 23.7471 56.668 26.1467C56.668 28.5463 55.8301 30.5847 54.1543 32.2619ZM37.168 48.2479C40.5322 48.2479 43.3887 47.8467 45.7754 47.3565C48.1621 46.8662 49.3555 46.2857 49.3555 45.6148V55.523C49.3555 56.1938 48.1621 56.7744 45.7754 57.2646C43.3887 57.7549 40.5132 58 37.1489 58C33.7847 58 30.9155 57.7549 28.5415 57.2646C26.1675 56.7744 24.9805 56.1938 24.9805 55.523V45.6148C24.9805 46.3115 26.1675 46.8985 28.5415 47.3758C30.9155 47.8532 33.8037 48.2479 37.168 48.2479Z" fill="url(#paint1_linear_305_233)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_305_233" x1="37.001" y1="1.408" x2="37.001" y2="72.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E6E8E9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_305_233" x1="37.168" y1="15" x2="37.168" y2="58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#128FFD"/>
+<stop offset="1" stop-color="#2B72F9"/>
+</linearGradient>
+<clipPath id="clip0_305_233">
+<rect x="0.667969" width="72" height="72" rx="15.12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/cookbook/img/app.svg b/apps/cookbook/img/app.svg
new file mode 100644
index 0000000000000000000000000000000000000000..460177e278b7b5b03f5a842b1df6455a67797de5
--- /dev/null
+++ b/apps/cookbook/img/app.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="43" viewBox="0 0 40 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.1543 17.2619C36.7734 17.6747 36.3799 18.1134 35.9736 18.5778C35.5674 19.0423 35.0532 19.6615 34.4312 20.4356C33.8091 21.2097 33.3076 21.9838 32.9268 22.7578C32.5459 23.5319 32.3555 28.2861 32.3555 28.8538C32.3555 29.5504 31.1685 30.1374 28.7944 30.6148C26.4204 31.0921 23.5449 31.3308 20.168 31.3308C16.791 31.3308 13.9155 31.0921 11.5415 30.6148C9.16748 30.1374 7.98047 29.5504 7.98047 28.8538C7.98047 28.1055 7.6377 23.0868 6.95215 21.9644C6.2666 20.842 5.62549 19.9389 5.02881 19.2551C4.43213 18.5714 3.8418 17.9328 3.25781 17.3393C1.53125 15.6363 0.667969 13.5721 0.667969 11.1467C0.667969 8.74706 1.49951 6.70221 3.1626 5.01214C4.82568 3.32208 6.83789 2.47704 9.19922 2.47704C9.7832 2.47704 10.3926 2.54155 11.0273 2.67056C10.6211 3.72846 10.418 4.90248 10.418 6.19261C10.418 8.95348 11.2559 11.2499 12.9316 13.0819C12.8809 11.6885 12.8555 10.2178 12.8555 8.66965C12.8555 6.27001 13.5664 4.22516 14.9883 2.5351C16.4102 0.845033 18.1367 0 20.168 0C22.1992 0 23.9258 0.845033 25.3477 2.5351C26.7695 4.22516 27.4805 6.27001 27.4805 8.66965C27.4805 10.2436 27.4551 11.7143 27.4043 13.0819C29.0801 11.2499 29.918 8.95348 29.918 6.19261C29.918 4.90248 29.7148 3.72846 29.3086 2.67056C29.9434 2.54155 30.5527 2.47704 31.1367 2.47704C33.498 2.47704 35.5103 3.32208 37.1733 5.01214C38.8364 6.70221 39.668 8.74706 39.668 11.1467C39.668 13.5463 38.8301 15.5847 37.1543 17.2619ZM20.168 33.2479C23.5322 33.2479 26.3887 32.8467 28.7754 32.3565C31.1621 31.8662 32.3555 31.2857 32.3555 30.6148V40.523C32.3555 41.1938 31.1621 41.7744 28.7754 42.2646C26.3887 42.7549 23.5132 43 20.1489 43C16.7847 43 13.9155 42.7549 11.5415 42.2646C9.16748 41.7744 7.98047 41.1938 7.98047 40.523V30.6148C7.98047 31.3115 9.16748 31.8985 11.5415 32.3758C13.9155 32.8532 16.8037 33.2479 20.168 33.2479Z" fill="url(#paint0_linear_305_236)"/>
+<defs>
+<linearGradient id="paint0_linear_305_236" x1="20.168" y1="0" x2="20.168" y2="43" gradientUnits="userSpaceOnUse">
+<stop stop-color="#128FFD"/>
+<stop offset="1" stop-color="#2B72F9"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/cookbook/img/cookbook.svg b/apps/cookbook/img/cookbook.svg
new file mode 100644
index 0000000000000000000000000000000000000000..72305dfc71c9695df434428e000bfcec2b1e8d13
--- /dev/null
+++ b/apps/cookbook/img/cookbook.svg
@@ -0,0 +1,19 @@
+<svg width="73" height="72" viewBox="0 0 73 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_233)">
+<path d="M57.801 0H16.201C7.80625 0 1.00098 6.80527 1.00098 15.2V56.8C1.00098 65.1947 7.80625 72 16.201 72H57.801C66.1957 72 73.001 65.1947 73.001 56.8V15.2C73.001 6.80527 66.1957 0 57.801 0Z" fill="url(#paint0_linear_305_233)"/>
+<path d="M54.1543 32.2619C53.7734 32.6747 53.3799 33.1134 52.9736 33.5778C52.5674 34.0423 52.0532 34.6615 51.4312 35.4356C50.8091 36.2097 50.3076 36.9838 49.9268 37.7578C49.5459 38.5319 49.3555 43.2861 49.3555 43.8538C49.3555 44.5504 48.1685 45.1374 45.7944 45.6148C43.4204 46.0921 40.5449 46.3308 37.168 46.3308C33.791 46.3308 30.9155 46.0921 28.5415 45.6148C26.1675 45.1374 24.9805 44.5504 24.9805 43.8538C24.9805 43.1055 24.6377 38.0868 23.9521 36.9644C23.2666 35.842 22.6255 34.9389 22.0288 34.2551C21.4321 33.5714 20.8418 32.9328 20.2578 32.3393C18.5313 30.6363 17.668 28.5721 17.668 26.1467C17.668 23.7471 18.4995 21.7022 20.1626 20.0121C21.8257 18.3221 23.8379 17.477 26.1992 17.477C26.7832 17.477 27.3926 17.5415 28.0273 17.6706C27.6211 18.7285 27.418 19.9025 27.418 21.1926C27.418 23.9535 28.2559 26.2499 29.9316 28.0819C29.8809 26.6885 29.8555 25.2178 29.8555 23.6696C29.8555 21.27 30.5664 19.2252 31.9883 17.5351C33.4102 15.845 35.1367 15 37.168 15C39.1992 15 40.9258 15.845 42.3477 17.5351C43.7695 19.2252 44.4805 21.27 44.4805 23.6696C44.4805 25.2436 44.4551 26.7143 44.4043 28.0819C46.0801 26.2499 46.918 23.9535 46.918 21.1926C46.918 19.9025 46.7148 18.7285 46.3086 17.6706C46.9434 17.5415 47.5527 17.477 48.1367 17.477C50.498 17.477 52.5103 18.3221 54.1733 20.0121C55.8364 21.7022 56.668 23.7471 56.668 26.1467C56.668 28.5463 55.8301 30.5847 54.1543 32.2619ZM37.168 48.2479C40.5322 48.2479 43.3887 47.8467 45.7754 47.3565C48.1621 46.8662 49.3555 46.2857 49.3555 45.6148V55.523C49.3555 56.1938 48.1621 56.7744 45.7754 57.2646C43.3887 57.7549 40.5132 58 37.1489 58C33.7847 58 30.9155 57.7549 28.5415 57.2646C26.1675 56.7744 24.9805 56.1938 24.9805 55.523V45.6148C24.9805 46.3115 26.1675 46.8985 28.5415 47.3758C30.9155 47.8532 33.8037 48.2479 37.168 48.2479Z" fill="url(#paint1_linear_305_233)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_305_233" x1="37.001" y1="1.408" x2="37.001" y2="72.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E6E8E9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_305_233" x1="37.168" y1="15" x2="37.168" y2="58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#128FFD"/>
+<stop offset="1" stop-color="#2B72F9"/>
+</linearGradient>
+<clipPath id="clip0_305_233">
+<rect x="0.667969" width="72" height="72" rx="15.12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/cookbook/img/favicon-mark.svg b/apps/cookbook/img/favicon-mark.svg
new file mode 100644
index 0000000000000000000000000000000000000000..72305dfc71c9695df434428e000bfcec2b1e8d13
--- /dev/null
+++ b/apps/cookbook/img/favicon-mark.svg
@@ -0,0 +1,19 @@
+<svg width="73" height="72" viewBox="0 0 73 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_233)">
+<path d="M57.801 0H16.201C7.80625 0 1.00098 6.80527 1.00098 15.2V56.8C1.00098 65.1947 7.80625 72 16.201 72H57.801C66.1957 72 73.001 65.1947 73.001 56.8V15.2C73.001 6.80527 66.1957 0 57.801 0Z" fill="url(#paint0_linear_305_233)"/>
+<path d="M54.1543 32.2619C53.7734 32.6747 53.3799 33.1134 52.9736 33.5778C52.5674 34.0423 52.0532 34.6615 51.4312 35.4356C50.8091 36.2097 50.3076 36.9838 49.9268 37.7578C49.5459 38.5319 49.3555 43.2861 49.3555 43.8538C49.3555 44.5504 48.1685 45.1374 45.7944 45.6148C43.4204 46.0921 40.5449 46.3308 37.168 46.3308C33.791 46.3308 30.9155 46.0921 28.5415 45.6148C26.1675 45.1374 24.9805 44.5504 24.9805 43.8538C24.9805 43.1055 24.6377 38.0868 23.9521 36.9644C23.2666 35.842 22.6255 34.9389 22.0288 34.2551C21.4321 33.5714 20.8418 32.9328 20.2578 32.3393C18.5313 30.6363 17.668 28.5721 17.668 26.1467C17.668 23.7471 18.4995 21.7022 20.1626 20.0121C21.8257 18.3221 23.8379 17.477 26.1992 17.477C26.7832 17.477 27.3926 17.5415 28.0273 17.6706C27.6211 18.7285 27.418 19.9025 27.418 21.1926C27.418 23.9535 28.2559 26.2499 29.9316 28.0819C29.8809 26.6885 29.8555 25.2178 29.8555 23.6696C29.8555 21.27 30.5664 19.2252 31.9883 17.5351C33.4102 15.845 35.1367 15 37.168 15C39.1992 15 40.9258 15.845 42.3477 17.5351C43.7695 19.2252 44.4805 21.27 44.4805 23.6696C44.4805 25.2436 44.4551 26.7143 44.4043 28.0819C46.0801 26.2499 46.918 23.9535 46.918 21.1926C46.918 19.9025 46.7148 18.7285 46.3086 17.6706C46.9434 17.5415 47.5527 17.477 48.1367 17.477C50.498 17.477 52.5103 18.3221 54.1733 20.0121C55.8364 21.7022 56.668 23.7471 56.668 26.1467C56.668 28.5463 55.8301 30.5847 54.1543 32.2619ZM37.168 48.2479C40.5322 48.2479 43.3887 47.8467 45.7754 47.3565C48.1621 46.8662 49.3555 46.2857 49.3555 45.6148V55.523C49.3555 56.1938 48.1621 56.7744 45.7754 57.2646C43.3887 57.7549 40.5132 58 37.1489 58C33.7847 58 30.9155 57.7549 28.5415 57.2646C26.1675 56.7744 24.9805 56.1938 24.9805 55.523V45.6148C24.9805 46.3115 26.1675 46.8985 28.5415 47.3758C30.9155 47.8532 33.8037 48.2479 37.168 48.2479Z" fill="url(#paint1_linear_305_233)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_305_233" x1="37.001" y1="1.408" x2="37.001" y2="72.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E6E8E9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_305_233" x1="37.168" y1="15" x2="37.168" y2="58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#128FFD"/>
+<stop offset="1" stop-color="#2B72F9"/>
+</linearGradient>
+<clipPath id="clip0_305_233">
+<rect x="0.667969" width="72" height="72" rx="15.12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/cookbook/img/favicon-touch.png b/apps/cookbook/img/favicon-touch.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0d34556c40f2a9841be9d9da0a63c77df0fc59f
Binary files /dev/null and b/apps/cookbook/img/favicon-touch.png differ
diff --git a/apps/cookbook/img/favicon.ico b/apps/cookbook/img/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..b589259eb2506289179b1d6769fa3e66e3bfe830
Binary files /dev/null and b/apps/cookbook/img/favicon.ico differ
diff --git a/core/css/server.css b/core/css/server.css
index 729421acc76f9adb8cddddd98394af747a9c2514..d3090938e04dc901dd9cd374fc18bff665565551 100644
--- a/core/css/server.css
+++ b/core/css/server.css
@@ -1648,7 +1648,7 @@
   #google-import-photos .icon-picture {
 	background-image: var(--icon-picture-000);
   }
-  
+
   /* remove opacity */
   button.edit-output-dir span.icon-rename, #google-rm-cred .icon-close, #google-import-photos .icon-picture, #google-import-contacts .icon-contacts-dark, #google-calendars button .icon-calendar-dark, #google-import-files .icon-files-dark  {
 	opacity: 1;
@@ -1686,6 +1686,7 @@
   .new-icons .onlyoffice_docx {background-image: url("../img/app-icons/Docs.svg");}
   .new-icons .onlyoffice_xlsx {background-image: url("../img/app-icons/Spreadsheet.svg");}
   .new-icons .onlyoffice_pptx {background-image: url("../img/app-icons/Presentation.svg");}
+  .new-icons .cookbook  {background-image: url("../img/app-icons/Cookbook.svg");}
 
   #appmenu li:hover a, #appmenu li a:focus {
 	font-size: 12px;
diff --git a/core/img/app-icons/Cookbook.svg b/core/img/app-icons/Cookbook.svg
new file mode 100644
index 0000000000000000000000000000000000000000..72305dfc71c9695df434428e000bfcec2b1e8d13
--- /dev/null
+++ b/core/img/app-icons/Cookbook.svg
@@ -0,0 +1,19 @@
+<svg width="73" height="72" viewBox="0 0 73 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_305_233)">
+<path d="M57.801 0H16.201C7.80625 0 1.00098 6.80527 1.00098 15.2V56.8C1.00098 65.1947 7.80625 72 16.201 72H57.801C66.1957 72 73.001 65.1947 73.001 56.8V15.2C73.001 6.80527 66.1957 0 57.801 0Z" fill="url(#paint0_linear_305_233)"/>
+<path d="M54.1543 32.2619C53.7734 32.6747 53.3799 33.1134 52.9736 33.5778C52.5674 34.0423 52.0532 34.6615 51.4312 35.4356C50.8091 36.2097 50.3076 36.9838 49.9268 37.7578C49.5459 38.5319 49.3555 43.2861 49.3555 43.8538C49.3555 44.5504 48.1685 45.1374 45.7944 45.6148C43.4204 46.0921 40.5449 46.3308 37.168 46.3308C33.791 46.3308 30.9155 46.0921 28.5415 45.6148C26.1675 45.1374 24.9805 44.5504 24.9805 43.8538C24.9805 43.1055 24.6377 38.0868 23.9521 36.9644C23.2666 35.842 22.6255 34.9389 22.0288 34.2551C21.4321 33.5714 20.8418 32.9328 20.2578 32.3393C18.5313 30.6363 17.668 28.5721 17.668 26.1467C17.668 23.7471 18.4995 21.7022 20.1626 20.0121C21.8257 18.3221 23.8379 17.477 26.1992 17.477C26.7832 17.477 27.3926 17.5415 28.0273 17.6706C27.6211 18.7285 27.418 19.9025 27.418 21.1926C27.418 23.9535 28.2559 26.2499 29.9316 28.0819C29.8809 26.6885 29.8555 25.2178 29.8555 23.6696C29.8555 21.27 30.5664 19.2252 31.9883 17.5351C33.4102 15.845 35.1367 15 37.168 15C39.1992 15 40.9258 15.845 42.3477 17.5351C43.7695 19.2252 44.4805 21.27 44.4805 23.6696C44.4805 25.2436 44.4551 26.7143 44.4043 28.0819C46.0801 26.2499 46.918 23.9535 46.918 21.1926C46.918 19.9025 46.7148 18.7285 46.3086 17.6706C46.9434 17.5415 47.5527 17.477 48.1367 17.477C50.498 17.477 52.5103 18.3221 54.1733 20.0121C55.8364 21.7022 56.668 23.7471 56.668 26.1467C56.668 28.5463 55.8301 30.5847 54.1543 32.2619ZM37.168 48.2479C40.5322 48.2479 43.3887 47.8467 45.7754 47.3565C48.1621 46.8662 49.3555 46.2857 49.3555 45.6148V55.523C49.3555 56.1938 48.1621 56.7744 45.7754 57.2646C43.3887 57.7549 40.5132 58 37.1489 58C33.7847 58 30.9155 57.7549 28.5415 57.2646C26.1675 56.7744 24.9805 56.1938 24.9805 55.523V45.6148C24.9805 46.3115 26.1675 46.8985 28.5415 47.3758C30.9155 47.8532 33.8037 48.2479 37.168 48.2479Z" fill="url(#paint1_linear_305_233)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_305_233" x1="37.001" y1="1.408" x2="37.001" y2="72.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="#E6E8E9"/>
+</linearGradient>
+<linearGradient id="paint1_linear_305_233" x1="37.168" y1="15" x2="37.168" y2="58" gradientUnits="userSpaceOnUse">
+<stop stop-color="#128FFD"/>
+<stop offset="1" stop-color="#2B72F9"/>
+</linearGradient>
+<clipPath id="clip0_305_233">
+<rect x="0.667969" width="72" height="72" rx="15.12" fill="white"/>
+</clipPath>
+</defs>
+</svg>