{"id":10794,"date":"2025-07-04T10:34:40","date_gmt":"2025-07-04T04:34:40","guid":{"rendered":"https:\/\/hobbi.st\/?page_id=10794"},"modified":"2025-07-04T11:06:02","modified_gmt":"2025-07-04T05:06:02","slug":"beast-%d0%ba%d0%be%d1%80%d0%be%d0%bb%d1%8c-%d0%ba%d0%be%d1%80%d0%be%d0%bb%d0%b5%d0%b2%d0%b0","status":"publish","type":"page","link":"https:\/\/hobbi.st\/ru\/beast-%d0%ba%d0%be%d1%80%d0%be%d0%bb%d1%8c-%d0%ba%d0%be%d1%80%d0%be%d0%bb%d0%b5%d0%b2%d0%b0\/","title":{"rendered":"Beast \u041a\u043e\u0440\u043e\u043b\u044c \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Beast \u041a\u043e\u0440\u043e\u043b\u044c\/\u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430 \u0442\u0435\u0441\u0442<\/title>\n <!-- Tailwind CSS CDN for easy styling -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n \/* Custom font for a clean look, similar to the image *\/\n body {\n font-family: 'Inter', sans-serif;\n background-color: #1a1a1a; \/* Dark background for the page *\/\n }\n \/* Custom styles for the button-like cards *\/\n .card-button {\n transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;\n \/* Ensure text color is white by default for these cards *\/\n color: white;\n text-decoration: none; \/* Remove underline for links *\/\n }\n .card-button:hover {\n transform: translateY(-2px); \/* Slight lift on hover *\/\n }\n <\/style>\n<\/head>\n<body class=\"flex items-center justify-center min-h-screen p-4\">\n <div class=\"w-full max-w-md mx-auto space-y-4\">\n <!-- Section Title (Optional, mimicking the image's text) -->\n <div class=\"text-white text-lg font-semibold mb-4\">\n \u041a\u043e\u0440\u043e\u043b\u0435\u0432 \u0431\u043e\u043b\u044c\u0448\u0435 \u041a\u043e\u0440\u043e\u043b\u0435\u0439 hobbi.st\n <\/div>\n\n <!-- Row for the first two square buttons - now always flex-row -->\n <div class=\"flex flex-row gap-4\">\n <!-- Example Button\/Card 1: Stock Entry with Image Background -->\n <a href=\"https:\/\/hobbi.st\/ru\/test\/\"\n class=\"card-button flex-1 aspect-square rounded-2xl shadow-lg flex flex-col justify-between cursor-pointer relative overflow-hidden\"\n style=\"background-image: url('https:\/\/hobbi.st\/wp-content\/uploads\/2025\/07\/\u0432\u043e\u0440\u043e\u043d-\u043a\u043e\u0440\u043e\u043b\u044c-2_C.webp'); background-size: cover; background-position: center;\">\n <!-- Overlay for better text readability on image -->\n <div class=\"absolute inset-0 bg-black opacity-30 rounded-2xl\"><\/div>\n\n <!-- Top content (stock info) -->\n <div class=\"relative z-10 flex flex-col items-center justify-center flex-grow p-2 text-xs sm:p-4 sm:text-base\">\n <div class=\"flex items-center mb-1 sm:mb-2\">\n <span class=\"text-green-400 text-xl sm:text-3xl mr-1 sm:mr-2\"><\/span> <!-- Up arrow icon -->\n <span class=\"text-lg sm:text-2xl font-medium\"><\/span>\n <\/div>\n <div>\n <div class=\"text-xl sm:text-3xl font-bold\"><\/div>\n <div class=\"text-red-400 text-base sm:text-xl\">1 \u043c\u043b\u043d<\/div>\n <\/div>\n <\/div>\n\n <!-- Bottom content (name of button with text) -->\n <div class=\"relative z-10 w-full text-white text-center py-1 px-2 bg-black bg-opacity-60 rounded-b-2xl text-xs sm:py-2 sm:px-4 sm:text-sm\">\n <div class=\"font-semibold text-sm sm:text-lg\">\u0425\u0430\u0439\u043f \u041a\u0432\u0438\u0437<\/div>\n <div class=\"text-xs sm:text-sm text-gray-300\">Beast \u041a\u043e\u0440\u043e\u043b\u044c<\/div>\n <\/div>\n <\/a>\n\n <!-- Example Button\/Card 2: Stock Entry with Image Background -->\n <a href=\"https:\/\/hobbi.st\/ru\/test\/\"\n class=\"card-button flex-1 aspect-square rounded-2xl shadow-lg flex flex-col justify-between cursor-pointer relative overflow-hidden\"\n style=\"background-image: url('https:\/\/hobbi.st\/wp-content\/uploads\/2025\/07\/\u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0430-\u044f\u0433\u0443\u0430\u0440-2_C.webp'); background-size: cover; background-position: center;\">\n <!-- Overlay for better text readability on image -->\n <div class=\"absolute inset-0 bg-black opacity-30 rounded-2xl\"><\/div>\n\n <!-- Top content (stock info) -->\n <div class=\"relative z-10 flex flex-col items-center justify-center flex-grow p-2 text-xs sm:p-4 sm:text-base\">\n <div class=\"flex items-center mb-1 sm:mb-2\">\n <span class=\"text-red-400 text-xl sm:text-3xl mr-1 sm:mr-2\"><\/span> <!-- Down arrow icon -->\n <span class=\"text-lg sm:text-2xl font-medium\"><\/span>\n <\/div>\n <div>\n <div class=\"text-xl sm:text-3xl font-bold\"><\/div>\n <div class=\"text-green-400 text-base sm:text-xl\">1.1 \u043c\u043b\u043d<\/div>\n <\/div>\n <\/div>\n\n <!-- Bottom content (name of button with text) -->\n <div class=\"relative z-10 w-full text-white text-center py-1 px-2 bg-black bg-opacity-60 rounded-b-2xl text-xs sm:py-2 sm:px-4 sm:text-sm\">\n <div class=\"font-semibold text-sm sm:text-lg\">\u0425\u0430\u0439\u043f \u041a\u0432\u0438\u0437<\/div>\n <div class=\"text-xs sm:text-sm text-gray-300\">Beast \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430<\/div>\n <\/div>\n <\/a>\n <\/div>\n\n <!-- Example Button\/Card 3: Mimicking a News Headline -->\n <button class=\"card-button w-full bg-gray-800 text-white rounded-2xl p-4 shadow-lg text-left cursor-pointer\">\n <div class=\"text-sm text-gray-400 mb-1\">Tech News Daily<\/div>\n <div class=\"text-lg font-semibold leading-tight\">\n \u0412\u0435\u0441\u044c \u043c\u0438\u0440 \u0434\u0435\u043b\u0430\u0435\u0442 hobbi.st Beast \u041a\u043e\u0440\u043e\u043b\u044c\/\u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430 \u0442\u0435\u0441\u0442\n <\/div>\n <\/button>\n\n <!-- Example Button\/Card 4: Another News Headline -->\n <button class=\"card-button w-full bg-gray-800 text-white rounded-2xl p-4 shadow-lg text-left cursor-pointer\">\n <div class=\"text-sm text-gray-400 mb-1\">Global Markets Report<\/div>\n <div class=\"text-lg font-semibold leading-tight\">\n \u041d\u0430 4 \u0438\u044e\u043b\u044f 2025 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u044b \u043e\u043f\u0435\u0440\u0435\u0436\u0430\u044e\u0442\n <\/div>\n <\/button>\n\n <!-- General Purpose Button -->\n <button class=\"card-button w-full bg-blue-600 text-white rounded-2xl p-4 shadow-lg text-center font-bold text-lg cursor-pointer hover:bg-blue-700\" a href=\"https:\/\/hobbi.st\">\n \u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043d\u043e\u0432\u043e\u0441\u0442\u0438...\n <\/button>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Beast \u041a\u043e\u0440\u043e\u043b\u044c\/\u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430 \u0442\u0435\u0441\u0442 \u041a\u043e\u0440\u043e\u043b\u0435\u0432 \u0431\u043e\u043b\u044c\u0448\u0435 \u041a\u043e\u0440\u043e\u043b\u0435\u0439 hobbi.st 1 \u043c\u043b\u043d \u0425\u0430\u0439\u043f \u041a\u0432\u0438\u0437 Beast \u041a\u043e\u0440\u043e\u043b\u044c 1.1 \u043c\u043b\u043d \u0425\u0430\u0439\u043f \u041a\u0432\u0438\u0437 Beast \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430 Tech News Daily \u0412\u0435\u0441\u044c \u043c\u0438\u0440 \u0434\u0435\u043b\u0430\u0435\u0442 hobbi.st Beast \u041a\u043e\u0440\u043e\u043b\u044c\/\u041a\u043e\u0440\u043e\u043b\u0435\u0432\u0430 \u0442\u0435\u0441\u0442 Global Markets Report \u041d\u0430 4 \u0438\u044e\u043b\u044f 2025 \u041a\u043e\u0440\u043e\u043b\u0435\u0432\u044b \u043e\u043f\u0435\u0440\u0435\u0436\u0430\u044e\u0442 \u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043d\u043e\u0432\u043e\u0441\u0442\u0438…<\/p>","protected":false},"author":2,"featured_media":10801,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"pmpro_default_level":"","footnotes":""},"class_list":["post-10794","page","type-page","status-publish","has-post-thumbnail","hentry","pmpro-has-access"],"campaignId":"","_links":{"self":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages\/10794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/comments?post=10794"}],"version-history":[{"count":0,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/pages\/10794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/media\/10801"}],"wp:attachment":[{"href":"https:\/\/hobbi.st\/ru\/wp-json\/wp\/v2\/media?parent=10794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}