\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 – \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;700&family=Poppins:wght@700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #f0f4f8;\n }\n h1, h2, h3, .font-display {\n font-family: 'Poppins', sans-serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .card {\n background-color: white;\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n padding: 1.5rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n }\n .flow-arrow {\n font-size: 2rem;\n color: #FC913A;\n line-height: 1;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#FF4E50] to-[#FC913A]\">\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940<\/h1>\n <p class=\"text-xl md:text-2xl mt-2 text-gray-600\">\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u0915\u0947 \u090f\u0915 \u0917\u0941\u092e\u0928\u093e\u092e \u0928\u093e\u092f\u0915 \u0915\u0940 \u0936\u094c\u0930\u094d\u092f\u0917\u093e\u0925\u093e<\/p>\n <\/header>\n\n <main class=\"space-y-12\">\n \n <section id=\"intro\" class=\"text-center card md:col-span-2 bg-gradient-to-br from-white to-yellow-50\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <div class=\"p-4\">\n <h2 class=\"text-5xl font-bold text-[#FF4E50]\">12\u0935\u0940\u0902<\/h2>\n <p class=\"text-lg mt-2\">\u0938\u0926\u0940 \u0915\u0947 \u092f\u094b\u0926\u094d\u0927\u093e<\/p>\n <\/div>\n <div class=\"p-4 border-t-2 md:border-t-0 md:border-l-2 md:border-r-2 border-gray-200\">\n <h2 class=\"text-5xl font-bold text-[#FC913A]\">\u092e\u0939\u094b\u092c\u093e<\/h2>\n <p class=\"text-lg mt-2\">\u0915\u0947 \u092e\u0939\u093e\u0928 \u0935\u0940\u0930<\/p>\n <\/div>\n <div class=\"p-4 border-t-2 md:border-t-0 border-gray-200\">\n <h2 class=\"text-5xl font-bold text-[#F9D423]\">\u0906\u0932\u094d\u0939\u093e-\u090a\u0926\u0932<\/h2>\n <p class=\"text-lg mt-2\">\u0915\u0947 \u0938\u092e\u0915\u093e\u0932\u0940\u0928<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"context\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card h-full flex flex-col justify-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u091a\u0902\u0926\u0947\u0932\u094b\u0902 \u0915\u093e \u092f\u0941\u0917<\/h2>\n <p class=\"text-center text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0915\u0939\u093e\u0928\u0940 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u092e\u0947\u0902 \u0918\u091f\u093f\u0924 \u0939\u0941\u0908, \u091c\u092c \u091a\u0902\u0926\u0947\u0932 \u0935\u0902\u0936 \u0915\u093e \u0936\u093e\u0938\u0928 \u0925\u093e\u0964 \u0909\u0928\u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u092e\u0939\u094b\u092c\u093e, \u0935\u0940\u0930\u0924\u093e \u0914\u0930 \u0936\u094c\u0930\u094d\u092f \u0915\u093e \u0915\u0947\u0902\u0926\u094d\u0930 \u0925\u0940, \u091c\u0939\u093e\u0901 \u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932 \u0915\u093e \u0926\u0930\u092c\u093e\u0930 \u092e\u0939\u093e\u0928 \u092f\u094b\u0926\u094d\u0927\u093e\u0913\u0902 \u0938\u0947 \u0938\u0941\u0936\u094b\u092d\u093f\u0924 \u0925\u093e\u0964<\/p>\n <\/div>\n <div class=\"card h-full\">\n <h3 class=\"text-xl font-bold text-center mb-6 text-[#FC913A]\">\u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932 \u0915\u0947 \u0935\u0940\u0930 \u092e\u0902\u0921\u0932<\/h3>\n <div class=\"flex flex-col items-center space-y-4\">\n <div class=\"bg-blue-100 text-blue-800 font-bold py-2 px-4 rounded-full\">\u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932<\/div>\n <div class=\"w-px h-8 bg-gray-300\"><\/div>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <div class=\"bg-green-100 text-green-800 py-2 px-4 rounded-lg\">\u0906\u0932\u094d\u0939\u093e<\/div>\n <div class=\"bg-red-100 text-red-800 font-bold py-2 px-4 rounded-lg shadow-lg\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940<\/div>\n <div class=\"bg-green-100 text-green-800 py-2 px-4 rounded-lg\">\u090a\u0926\u0932<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"challenge\" class=\"card md:col-span-2 text-center bg-gray-800 text-white\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-400\">“\u0921\u0947\u0922\u093c \u092a\u0939\u0930” \u0915\u093e \u092f\u0941\u0926\u094d\u0927: \u090f\u0915 \u0905\u0926\u094d\u0935\u093f\u0924\u0940\u092f \u091a\u0941\u0928\u094c\u0924\u0940<\/h2>\n <p class=\"mt-4 max-w-3xl mx-auto text-gray-300\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0938\u092c\u0938\u0947 \u092c\u0921\u093c\u0940 \u092a\u0939\u091a\u093e\u0928 \u0909\u0928\u0915\u0940 \u092f\u0941\u0926\u094d\u0927 \u0915\u0940 \u092e\u093e\u0902\u0917 \u0925\u0940\u0964 \u091c\u092c \u092d\u0940 \u0935\u0939 \u0926\u0942\u0924 \u092c\u0928\u0915\u0930 \u091c\u093e\u0924\u0947, \u0924\u094b \u0905\u092a\u0928\u0947 \u0936\u0941\u0932\u094d\u0915 (‘\u0928\u0947\u0917’) \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0905\u0915\u0947\u0932\u0947 \u092a\u0942\u0930\u0940 \u0938\u0947\u0928\u093e \u0938\u0947 \u0932\u0921\u093c\u0928\u0947 \u0915\u093e \u0905\u0935\u0938\u0930 \u092e\u093e\u0902\u0917\u0924\u0947 \u0925\u0947\u0964<\/p>\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8 mt-8\">\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#F9D423]\">4.5<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u0918\u0902\u091f\u0947<\/div>\n <p class=\"text-gray-400\">\u0905\u0915\u0947\u0932\u0947 \u092f\u0941\u0926\u094d\u0927<\/p>\n <\/div>\n <div class=\"flow-arrow hidden md:block\">\u2192<\/div>\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#FC913A]\">1<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u092f\u094b\u0926\u094d\u0927\u093e<\/div>\n <p class=\"text-gray-400\">\u092c\u0928\u093e\u092e \u092a\u0942\u0930\u0940 \u0938\u0947\u0928\u093e<\/p>\n <\/div>\n <div class=\"flow-arrow hidden md:block\">\u2192<\/div>\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#FF4E50]\">100%<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u0935\u093f\u091c\u092f<\/div>\n <p class=\"text-gray-400\">\u0915\u093e \u0938\u0902\u0915\u0932\u094d\u092a<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"feats\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card h-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u0936\u094c\u0930\u094d\u092f \u0914\u0930 \u092a\u0930\u093e\u0915\u094d\u0930\u092e \u0915\u0940 \u0917\u093e\u0925\u093e\u090f\u0902<\/h2>\n <p class=\"text-center text-gray-600\">\u0906\u0932\u094d\u0939-\u0916\u0902\u0921 \u092e\u0947\u0902 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0935\u0940\u0930\u0924\u093e \u0915\u0947 \u0915\u0908 \u092a\u094d\u0930\u0938\u0902\u0917 \u092e\u093f\u0932\u0924\u0947 \u0939\u0948\u0902, \u091c\u0939\u093e\u0901 \u0909\u0928\u094d\u0939\u094b\u0902\u0928\u0947 \u0905\u0915\u0947\u0932\u0947 \u0939\u0940 \u0905\u0938\u0902\u092d\u0935 \u0915\u094b \u0938\u0902\u092d\u0935 \u0915\u0930 \u0926\u093f\u0916\u093e\u092f\u093e\u0964 \u092f\u0939 \u091a\u093e\u0930\u094d\u091f \u0909\u0928\u0915\u0947 \u0915\u0941\u091b \u092a\u094d\u0930\u092e\u0941\u0916 \u0905\u092d\u093f\u092f\u093e\u0928\u094b\u0902 \u0915\u0940 \u0915\u0920\u093f\u0928\u093e\u0908 \u0914\u0930 \u092e\u0939\u0924\u094d\u0935 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"card h-full\">\n <h3 class=\"text-xl font-bold text-center mb-2 text-[#FC913A]\">\u092a\u094d\u0930\u092e\u0941\u0916 \u0938\u0948\u0928\u094d\u092f \u0905\u092d\u093f\u092f\u093e\u0928<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"featsChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"identity\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card order-2 md:order-1 h-full\">\n <h3 class=\"text-xl font-bold text-center mb-2 text-[#FC913A]\">\u092a\u0939\u091a\u093e\u0928 \u0915\u093e \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"identityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"card order-1 md:order-2 h-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u092c\u093e\u0930\u0940 \u0938\u092e\u093e\u091c \u0915\u0940 \u0905\u0938\u094d\u092e\u093f\u0924\u093e \u0915\u0947 \u092a\u094d\u0930\u0924\u0940\u0915<\/h2>\n <p class=\"text-center text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0947\u0935\u0932 \u090f\u0915 \u092f\u094b\u0926\u094d\u0927\u093e \u0928\u0939\u0940\u0902, \u092c\u0932\u094d\u0915\u093f \u092c\u093e\u0930\u0940 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0940 \u092a\u0939\u091a\u093e\u0928 \u0914\u0930 \u0917\u094c\u0930\u0935 \u0915\u0947 \u092a\u094d\u0930\u0924\u0940\u0915 \u0939\u0948\u0902\u0964 \u0909\u0928\u094d\u0939\u094b\u0902\u0928\u0947 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0940 \u091b\u0935\u093f \u0915\u094b \u0938\u0947\u0935\u093e\u092d\u093e\u0935 \u0938\u0947 \u0909\u0920\u093e\u0915\u0930 ‘\u0935\u0940\u0930\u0924\u094d\u0935 \u0915\u0947 \u0917\u094c\u0930\u0935’ \u0924\u0915 \u092a\u0939\u0941\u0901\u091a\u093e\u092f\u093e, \u091c\u093f\u0938\u0938\u0947 \u0935\u0939 ‘\u0938\u0947\u0935\u0915’ \u0938\u0947 ‘\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f’ \u092c\u0928 \u0917\u090f\u0964<\/p>\n <\/div>\n <\/section>\n \n <section id=\"legacy\" class=\"card md:col-span-2 bg-gradient-to-tr from-white to-green-50\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-[#FF4E50]\">\u090f\u0915 \u091c\u0940\u0935\u0902\u0924 \u0935\u093f\u0930\u093e\u0938\u0924<\/h2>\n <div class=\"mt-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83d\uddd3\ufe0f<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u091c\u092f\u0902\u0924\u0940<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0909\u0928\u0915\u0940 \u0935\u093f\u0930\u093e\u0938\u0924 \u0915\u094b \u091c\u0940\u0935\u093f\u0924 \u0930\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u0924\u093f\u0935\u0930\u094d\u0937 <strong>23 \u0905\u0915\u094d\u091f\u0942\u092c\u0930<\/strong> \u0915\u094b \u091c\u092f\u0902\u0924\u0940 \u092e\u0939\u094b\u0924\u094d\u0938\u0935 \u092e\u0928\u093e\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948, \u091c\u094b \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0947 \u0932\u093f\u090f \u090f\u0915\u0924\u093e \u0915\u093e \u092a\u094d\u0930\u0924\u0940\u0915 \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83d\udcc8<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0938\u093e\u092e\u093e\u091c\u093f\u0915 \u091a\u0947\u0924\u0928\u093e<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0909\u0928\u0915\u093e \u0928\u093e\u092e \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0947 \u0938\u093e\u092e\u093e\u091c\u093f\u0915 \u0909\u0924\u094d\u0925\u093e\u0928, \u0936\u093f\u0915\u094d\u0937\u093e \u0914\u0930 \u092c\u0947\u0939\u0924\u0930 \u0905\u0927\u093f\u0915\u093e\u0930\u094b\u0902 \u0915\u0940 \u092e\u093e\u0902\u0917 \u0915\u0947 \u0932\u093f\u090f \u090f\u0915 \u092a\u094d\u0930\u0947\u0930\u0923\u093e \u0938\u094d\u0930\u094b\u0924 \u092c\u0928 \u0917\u092f\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83e\udd1d<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0930\u093e\u091c\u0928\u0940\u0924\u093f\u0915 \u090f\u0915\u0924\u093e<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u093e \u092a\u094d\u0930\u0924\u0940\u0915 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u094b \u0930\u093e\u091c\u0928\u0940\u0924\u093f\u0915 \u0930\u0942\u092a \u0938\u0947 \u090f\u0915\u091c\u0941\u091f \u0915\u0930\u0928\u0947 \u0914\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c \u0915\u094b \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u090f\u0915 \u092e\u0902\u091a \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center mt-12 py-4 border-t border-gray-300\">\n <p class=\"text-gray-500\">© 2024 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915 | \u0921\u0947\u091f\u093e-\u091a\u093e\u0932\u093f\u0924 \u0936\u094d\u0930\u0926\u094d\u0927\u093e\u0902\u091c\u0932\u093f<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \n const palette = {\n red: '#FF4E50',\n orange: '#FC913A',\n yellow: '#F9D423',\n lightYellow: '#EDE574',\n lightGreen: '#E1F5C4'\n };\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n };\n\n function wrapLabels(label, maxWidth) {\n const words = label.split(' ');\n let lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + ' ' + words[i]).length > maxWidth) {\n lines.push(currentLine);\n currentLine = words[i];\n } else {\n currentLine += ' ' + words[i];\n }\n }\n lines.push(currentLine);\n return lines;\n }\n\n const featsChartCtx = document.getElementById('featsChart').getContext('2d');\n new Chart(featsChartCtx, {\n type: 'bar',\n data: {\n labels: ['\u092c\u0941\u0916\u093e\u0930\u0947 \u092a\u0930 \u091a\u0922\u093c\u093e\u0908', '\u0930\u093e\u091c\u093e \u0905\u092d\u093f\u0928\u0902\u0926\u0928 \u0938\u0947 \u092f\u0941\u0926\u094d\u0927', '\u092c\u094c\u0930\u0940\u0917\u0922\u093c \u0915\u093e \u092e\u093e\u0928-\u092e\u0930\u094d\u0926\u0928'],\n datasets: [{\n label: '\u0915\u0920\u093f\u0928\u093e\u0908 \u0914\u0930 \u092e\u0939\u0924\u094d\u0935 \u0915\u093e \u0938\u094d\u0924\u0930',\n data: [90, 85, 75],\n backgroundColor: [palette.red, palette.orange, palette.yellow],\n borderColor: [palette.red, palette.orange, palette.yellow],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n ticks: {\n color: '#4b5563'\n }\n },\n y: {\n ticks: {\n color: '#4b5563',\n font: {\n size: 14\n }\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n\n const identityChartCtx = document.getElementById('identityChart').getContext('2d');\n new Chart(identityChartCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0938\u0947\u0935\u093e \u092d\u093e\u0935', '\u0935\u0940\u0930\u0924\u094d\u0935 \u0915\u093e \u0917\u094c\u0930\u0935'],\n datasets: [{\n label: '\u092a\u0939\u091a\u093e\u0928',\n data: [40, 60],\n backgroundColor: [palette.orange, palette.red],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'top',\n labels: {\n color: '#4b5563',\n font: {\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 – \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915 \u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u0915\u0947 \u090f\u0915 \u0917\u0941\u092e\u0928\u093e\u092e \u0928\u093e\u092f\u0915 \u0915\u0940 \u0936\u094c\u0930\u094d\u092f\u0917\u093e\u0925\u093e 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092f\u094b\u0926\u094d\u0927\u093e \u092e\u0939\u094b\u092c\u093e \u0915\u0947 \u092e\u0939\u093e\u0928 \u0935\u0940\u0930 \u0906\u0932\u094d\u0939\u093e-\u090a\u0926\u0932 \u0915\u0947 \u0938\u092e\u0915\u093e\u0932\u0940\u0928 \u091a\u0902\u0926\u0947\u0932\u094b\u0902 \u0915\u093e \u092f\u0941\u0917 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0915\u0939\u093e\u0928\u0940 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u092e\u0947\u0902 \u0918\u091f\u093f\u0924 \u0939\u0941\u0908, \u091c\u092c \u091a\u0902\u0926\u0947\u0932 \u0935\u0902\u0936 \u0915\u093e \u0936\u093e\u0938\u0928 \u0925\u093e\u0964 \u0909\u0928\u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u092e\u0939\u094b\u092c\u093e, \u0935\u0940\u0930\u0924\u093e \u0914\u0930 \u0936\u094c\u0930\u094d\u092f \u0915\u093e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=182"}],"version-history":[{"count":1,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":182,"date":"2025-07-30T17:56:38","date_gmt":"2025-07-30T17:56:38","guid":{"rendered":"https:\/\/barisamaj.in\/?page_id=182"},"modified":"2025-07-30T17:56:39","modified_gmt":"2025-07-30T17:56:39","slug":"vir-rupan-bari","status":"publish","type":"page","link":"https:\/\/barisamaj.in\/?page_id=182","title":{"rendered":"Vir Rupan Bari"},"content":{"rendered":"\n\n\n\n \n \n \u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 – \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;700&family=Poppins:wght@700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans Devanagari', sans-serif;\n background-color: #f0f4f8;\n }\n h1, h2, h3, .font-display {\n font-family: 'Poppins', sans-serif;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 320px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .card {\n background-color: white;\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\n padding: 1.5rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\n }\n .flow-arrow {\n font-size: 2rem;\n color: #FC913A;\n line-height: 1;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 md:p-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-6xl font-black text-transparent bg-clip-text bg-gradient-to-r from-[#FF4E50] to-[#FC913A]\">\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940<\/h1>\n <p class=\"text-xl md:text-2xl mt-2 text-gray-600\">\u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u0915\u0947 \u090f\u0915 \u0917\u0941\u092e\u0928\u093e\u092e \u0928\u093e\u092f\u0915 \u0915\u0940 \u0936\u094c\u0930\u094d\u092f\u0917\u093e\u0925\u093e<\/p>\n <\/header>\n\n <main class=\"space-y-12\">\n \n <section id=\"intro\" class=\"text-center card md:col-span-2 bg-gradient-to-br from-white to-yellow-50\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <div class=\"p-4\">\n <h2 class=\"text-5xl font-bold text-[#FF4E50]\">12\u0935\u0940\u0902<\/h2>\n <p class=\"text-lg mt-2\">\u0938\u0926\u0940 \u0915\u0947 \u092f\u094b\u0926\u094d\u0927\u093e<\/p>\n <\/div>\n <div class=\"p-4 border-t-2 md:border-t-0 md:border-l-2 md:border-r-2 border-gray-200\">\n <h2 class=\"text-5xl font-bold text-[#FC913A]\">\u092e\u0939\u094b\u092c\u093e<\/h2>\n <p class=\"text-lg mt-2\">\u0915\u0947 \u092e\u0939\u093e\u0928 \u0935\u0940\u0930<\/p>\n <\/div>\n <div class=\"p-4 border-t-2 md:border-t-0 border-gray-200\">\n <h2 class=\"text-5xl font-bold text-[#F9D423]\">\u0906\u0932\u094d\u0939\u093e-\u090a\u0926\u0932<\/h2>\n <p class=\"text-lg mt-2\">\u0915\u0947 \u0938\u092e\u0915\u093e\u0932\u0940\u0928<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"context\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card h-full flex flex-col justify-center\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u091a\u0902\u0926\u0947\u0932\u094b\u0902 \u0915\u093e \u092f\u0941\u0917<\/h2>\n <p class=\"text-center text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0915\u0939\u093e\u0928\u0940 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u092e\u0947\u0902 \u0918\u091f\u093f\u0924 \u0939\u0941\u0908, \u091c\u092c \u091a\u0902\u0926\u0947\u0932 \u0935\u0902\u0936 \u0915\u093e \u0936\u093e\u0938\u0928 \u0925\u093e\u0964 \u0909\u0928\u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u092e\u0939\u094b\u092c\u093e, \u0935\u0940\u0930\u0924\u093e \u0914\u0930 \u0936\u094c\u0930\u094d\u092f \u0915\u093e \u0915\u0947\u0902\u0926\u094d\u0930 \u0925\u0940, \u091c\u0939\u093e\u0901 \u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932 \u0915\u093e \u0926\u0930\u092c\u093e\u0930 \u092e\u0939\u093e\u0928 \u092f\u094b\u0926\u094d\u0927\u093e\u0913\u0902 \u0938\u0947 \u0938\u0941\u0936\u094b\u092d\u093f\u0924 \u0925\u093e\u0964<\/p>\n <\/div>\n <div class=\"card h-full\">\n <h3 class=\"text-xl font-bold text-center mb-6 text-[#FC913A]\">\u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932 \u0915\u0947 \u0935\u0940\u0930 \u092e\u0902\u0921\u0932<\/h3>\n <div class=\"flex flex-col items-center space-y-4\">\n <div class=\"bg-blue-100 text-blue-800 font-bold py-2 px-4 rounded-full\">\u0930\u093e\u091c\u093e \u092a\u0930\u092e\u093e\u0932<\/div>\n <div class=\"w-px h-8 bg-gray-300\"><\/div>\n <div class=\"flex flex-wrap justify-center gap-4\">\n <div class=\"bg-green-100 text-green-800 py-2 px-4 rounded-lg\">\u0906\u0932\u094d\u0939\u093e<\/div>\n <div class=\"bg-red-100 text-red-800 font-bold py-2 px-4 rounded-lg shadow-lg\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940<\/div>\n <div class=\"bg-green-100 text-green-800 py-2 px-4 rounded-lg\">\u090a\u0926\u0932<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"challenge\" class=\"card md:col-span-2 text-center bg-gray-800 text-white\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-400\">“\u0921\u0947\u0922\u093c \u092a\u0939\u0930” \u0915\u093e \u092f\u0941\u0926\u094d\u0927: \u090f\u0915 \u0905\u0926\u094d\u0935\u093f\u0924\u0940\u092f \u091a\u0941\u0928\u094c\u0924\u0940<\/h2>\n <p class=\"mt-4 max-w-3xl mx-auto text-gray-300\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0938\u092c\u0938\u0947 \u092c\u0921\u093c\u0940 \u092a\u0939\u091a\u093e\u0928 \u0909\u0928\u0915\u0940 \u092f\u0941\u0926\u094d\u0927 \u0915\u0940 \u092e\u093e\u0902\u0917 \u0925\u0940\u0964 \u091c\u092c \u092d\u0940 \u0935\u0939 \u0926\u0942\u0924 \u092c\u0928\u0915\u0930 \u091c\u093e\u0924\u0947, \u0924\u094b \u0905\u092a\u0928\u0947 \u0936\u0941\u0932\u094d\u0915 (‘\u0928\u0947\u0917’) \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0905\u0915\u0947\u0932\u0947 \u092a\u0942\u0930\u0940 \u0938\u0947\u0928\u093e \u0938\u0947 \u0932\u0921\u093c\u0928\u0947 \u0915\u093e \u0905\u0935\u0938\u0930 \u092e\u093e\u0902\u0917\u0924\u0947 \u0925\u0947\u0964<\/p>\n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8 mt-8\">\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#F9D423]\">4.5<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u0918\u0902\u091f\u0947<\/div>\n <p class=\"text-gray-400\">\u0905\u0915\u0947\u0932\u0947 \u092f\u0941\u0926\u094d\u0927<\/p>\n <\/div>\n <div class=\"flow-arrow hidden md:block\">\u2192<\/div>\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#FC913A]\">1<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u092f\u094b\u0926\u094d\u0927\u093e<\/div>\n <p class=\"text-gray-400\">\u092c\u0928\u093e\u092e \u092a\u0942\u0930\u0940 \u0938\u0947\u0928\u093e<\/p>\n <\/div>\n <div class=\"flow-arrow hidden md:block\">\u2192<\/div>\n <div class=\"text-center\">\n <div class=\"text-6xl md:text-8xl font-black text-[#FF4E50]\">100%<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-gray-200\">\u0935\u093f\u091c\u092f<\/div>\n <p class=\"text-gray-400\">\u0915\u093e \u0938\u0902\u0915\u0932\u094d\u092a<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"feats\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card h-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u0936\u094c\u0930\u094d\u092f \u0914\u0930 \u092a\u0930\u093e\u0915\u094d\u0930\u092e \u0915\u0940 \u0917\u093e\u0925\u093e\u090f\u0902<\/h2>\n <p class=\"text-center text-gray-600\">\u0906\u0932\u094d\u0939-\u0916\u0902\u0921 \u092e\u0947\u0902 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0935\u0940\u0930\u0924\u093e \u0915\u0947 \u0915\u0908 \u092a\u094d\u0930\u0938\u0902\u0917 \u092e\u093f\u0932\u0924\u0947 \u0939\u0948\u0902, \u091c\u0939\u093e\u0901 \u0909\u0928\u094d\u0939\u094b\u0902\u0928\u0947 \u0905\u0915\u0947\u0932\u0947 \u0939\u0940 \u0905\u0938\u0902\u092d\u0935 \u0915\u094b \u0938\u0902\u092d\u0935 \u0915\u0930 \u0926\u093f\u0916\u093e\u092f\u093e\u0964 \u092f\u0939 \u091a\u093e\u0930\u094d\u091f \u0909\u0928\u0915\u0947 \u0915\u0941\u091b \u092a\u094d\u0930\u092e\u0941\u0916 \u0905\u092d\u093f\u092f\u093e\u0928\u094b\u0902 \u0915\u0940 \u0915\u0920\u093f\u0928\u093e\u0908 \u0914\u0930 \u092e\u0939\u0924\u094d\u0935 \u0915\u094b \u0926\u0930\u094d\u0936\u093e\u0924\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"card h-full\">\n <h3 class=\"text-xl font-bold text-center mb-2 text-[#FC913A]\">\u092a\u094d\u0930\u092e\u0941\u0916 \u0938\u0948\u0928\u094d\u092f \u0905\u092d\u093f\u092f\u093e\u0928<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"featsChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"identity\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"card order-2 md:order-1 h-full\">\n <h3 class=\"text-xl font-bold text-center mb-2 text-[#FC913A]\">\u092a\u0939\u091a\u093e\u0928 \u0915\u093e \u092a\u0930\u093f\u0935\u0930\u094d\u0924\u0928<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"identityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"card order-1 md:order-2 h-full\">\n <h2 class=\"text-2xl md:text-3xl font-bold text-center mb-4 text-[#FF4E50]\">\u092c\u093e\u0930\u0940 \u0938\u092e\u093e\u091c \u0915\u0940 \u0905\u0938\u094d\u092e\u093f\u0924\u093e \u0915\u0947 \u092a\u094d\u0930\u0924\u0940\u0915<\/h2>\n <p class=\"text-center text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0947\u0935\u0932 \u090f\u0915 \u092f\u094b\u0926\u094d\u0927\u093e \u0928\u0939\u0940\u0902, \u092c\u0932\u094d\u0915\u093f \u092c\u093e\u0930\u0940 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0940 \u092a\u0939\u091a\u093e\u0928 \u0914\u0930 \u0917\u094c\u0930\u0935 \u0915\u0947 \u092a\u094d\u0930\u0924\u0940\u0915 \u0939\u0948\u0902\u0964 \u0909\u0928\u094d\u0939\u094b\u0902\u0928\u0947 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0940 \u091b\u0935\u093f \u0915\u094b \u0938\u0947\u0935\u093e\u092d\u093e\u0935 \u0938\u0947 \u0909\u0920\u093e\u0915\u0930 ‘\u0935\u0940\u0930\u0924\u094d\u0935 \u0915\u0947 \u0917\u094c\u0930\u0935’ \u0924\u0915 \u092a\u0939\u0941\u0901\u091a\u093e\u092f\u093e, \u091c\u093f\u0938\u0938\u0947 \u0935\u0939 ‘\u0938\u0947\u0935\u0915’ \u0938\u0947 ‘\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f’ \u092c\u0928 \u0917\u090f\u0964<\/p>\n <\/div>\n <\/section>\n \n <section id=\"legacy\" class=\"card md:col-span-2 bg-gradient-to-tr from-white to-green-50\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-center text-[#FF4E50]\">\u090f\u0915 \u091c\u0940\u0935\u0902\u0924 \u0935\u093f\u0930\u093e\u0938\u0924<\/h2>\n <div class=\"mt-8 grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83d\uddd3\ufe0f<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u091c\u092f\u0902\u0924\u0940<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0909\u0928\u0915\u0940 \u0935\u093f\u0930\u093e\u0938\u0924 \u0915\u094b \u091c\u0940\u0935\u093f\u0924 \u0930\u0916\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092a\u094d\u0930\u0924\u093f\u0935\u0930\u094d\u0937 <strong>23 \u0905\u0915\u094d\u091f\u0942\u092c\u0930<\/strong> \u0915\u094b \u091c\u092f\u0902\u0924\u0940 \u092e\u0939\u094b\u0924\u094d\u0938\u0935 \u092e\u0928\u093e\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948, \u091c\u094b \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0947 \u0932\u093f\u090f \u090f\u0915\u0924\u093e \u0915\u093e \u092a\u094d\u0930\u0924\u0940\u0915 \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83d\udcc8<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0938\u093e\u092e\u093e\u091c\u093f\u0915 \u091a\u0947\u0924\u0928\u093e<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0909\u0928\u0915\u093e \u0928\u093e\u092e \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u0947 \u0938\u093e\u092e\u093e\u091c\u093f\u0915 \u0909\u0924\u094d\u0925\u093e\u0928, \u0936\u093f\u0915\u094d\u0937\u093e \u0914\u0930 \u092c\u0947\u0939\u0924\u0930 \u0905\u0927\u093f\u0915\u093e\u0930\u094b\u0902 \u0915\u0940 \u092e\u093e\u0902\u0917 \u0915\u0947 \u0932\u093f\u090f \u090f\u0915 \u092a\u094d\u0930\u0947\u0930\u0923\u093e \u0938\u094d\u0930\u094b\u0924 \u092c\u0928 \u0917\u092f\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <div class=\"p-4\">\n <div class=\"text-6xl mb-2\">\ud83e\udd1d<\/div>\n <h3 class=\"text-2xl font-bold text-[#FC913A]\">\u0930\u093e\u091c\u0928\u0940\u0924\u093f\u0915 \u090f\u0915\u0924\u093e<\/h3>\n <p class=\"mt-2 text-gray-600\">\u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u093e \u092a\u094d\u0930\u0924\u0940\u0915 \u0938\u092e\u0941\u0926\u093e\u092f \u0915\u094b \u0930\u093e\u091c\u0928\u0940\u0924\u093f\u0915 \u0930\u0942\u092a \u0938\u0947 \u090f\u0915\u091c\u0941\u091f \u0915\u0930\u0928\u0947 \u0914\u0930 \u0905\u092a\u0928\u0940 \u0906\u0935\u093e\u091c \u0915\u094b \u092c\u0941\u0932\u0902\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u090f\u0915 \u092e\u0902\u091a \u092a\u094d\u0930\u0926\u093e\u0928 \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"text-center mt-12 py-4 border-t border-gray-300\">\n <p class=\"text-gray-500\">© 2024 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915 | \u0921\u0947\u091f\u093e-\u091a\u093e\u0932\u093f\u0924 \u0936\u094d\u0930\u0926\u094d\u0927\u093e\u0902\u091c\u0932\u093f<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \n const palette = {\n red: '#FF4E50',\n orange: '#FC913A',\n yellow: '#F9D423',\n lightYellow: '#EDE574',\n lightGreen: '#E1F5C4'\n };\n\n const tooltipTitleCallback = (tooltipItems) => {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n };\n\n function wrapLabels(label, maxWidth) {\n const words = label.split(' ');\n let lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + ' ' + words[i]).length > maxWidth) {\n lines.push(currentLine);\n currentLine = words[i];\n } else {\n currentLine += ' ' + words[i];\n }\n }\n lines.push(currentLine);\n return lines;\n }\n\n const featsChartCtx = document.getElementById('featsChart').getContext('2d');\n new Chart(featsChartCtx, {\n type: 'bar',\n data: {\n labels: ['\u092c\u0941\u0916\u093e\u0930\u0947 \u092a\u0930 \u091a\u0922\u093c\u093e\u0908', '\u0930\u093e\u091c\u093e \u0905\u092d\u093f\u0928\u0902\u0926\u0928 \u0938\u0947 \u092f\u0941\u0926\u094d\u0927', '\u092c\u094c\u0930\u0940\u0917\u0922\u093c \u0915\u093e \u092e\u093e\u0928-\u092e\u0930\u094d\u0926\u0928'],\n datasets: [{\n label: '\u0915\u0920\u093f\u0928\u093e\u0908 \u0914\u0930 \u092e\u0939\u0924\u094d\u0935 \u0915\u093e \u0938\u094d\u0924\u0930',\n data: [90, 85, 75],\n backgroundColor: [palette.red, palette.orange, palette.yellow],\n borderColor: [palette.red, palette.orange, palette.yellow],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true,\n max: 100,\n ticks: {\n color: '#4b5563'\n }\n },\n y: {\n ticks: {\n color: '#4b5563',\n font: {\n size: 14\n }\n }\n }\n },\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n\n const identityChartCtx = document.getElementById('identityChart').getContext('2d');\n new Chart(identityChartCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0938\u0947\u0935\u093e \u092d\u093e\u0935', '\u0935\u0940\u0930\u0924\u094d\u0935 \u0915\u093e \u0917\u094c\u0930\u0935'],\n datasets: [{\n label: '\u092a\u0939\u091a\u093e\u0928',\n data: [40, 60],\n backgroundColor: [palette.orange, palette.red],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'top',\n labels: {\n color: '#4b5563',\n font: {\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n }\n }\n }\n }\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 – \u0907\u0928\u094d\u092b\u094b\u0917\u094d\u0930\u093e\u092b\u093f\u0915 \u0935\u0940\u0930 \u0936\u093f\u0930\u094b\u092e\u0923\u093f \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u0915\u0947 \u090f\u0915 \u0917\u0941\u092e\u0928\u093e\u092e \u0928\u093e\u092f\u0915 \u0915\u0940 \u0936\u094c\u0930\u094d\u092f\u0917\u093e\u0925\u093e 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092f\u094b\u0926\u094d\u0927\u093e \u092e\u0939\u094b\u092c\u093e \u0915\u0947 \u092e\u0939\u093e\u0928 \u0935\u0940\u0930 \u0906\u0932\u094d\u0939\u093e-\u090a\u0926\u0932 \u0915\u0947 \u0938\u092e\u0915\u093e\u0932\u0940\u0928 \u091a\u0902\u0926\u0947\u0932\u094b\u0902 \u0915\u093e \u092f\u0941\u0917 \u0930\u0942\u092a\u0928 \u092c\u093e\u0930\u0940 \u0915\u0940 \u0915\u0939\u093e\u0928\u0940 12\u0935\u0940\u0902 \u0938\u0926\u0940 \u0915\u0947 \u092c\u0941\u0902\u0926\u0947\u0932\u0916\u0902\u0921 \u092e\u0947\u0902 \u0918\u091f\u093f\u0924 \u0939\u0941\u0908, \u091c\u092c \u091a\u0902\u0926\u0947\u0932 \u0935\u0902\u0936 \u0915\u093e \u0936\u093e\u0938\u0928 \u0925\u093e\u0964 \u0909\u0928\u0915\u0940 \u0930\u093e\u091c\u0927\u093e\u0928\u0940 \u092e\u0939\u094b\u092c\u093e, \u0935\u0940\u0930\u0924\u093e \u0914\u0930 \u0936\u094c\u0930\u094d\u092f \u0915\u093e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=182"}],"version-history":[{"count":1,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":183,"href":"https:\/\/barisamaj.in\/index.php?rest_route=\/wp\/v2\/pages\/182\/revisions\/183"}],"wp:attachment":[{"href":"https:\/\/barisamaj.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}