{"id":60,"date":"2026-07-30T13:54:19","date_gmt":"2026-07-30T10:54:19","guid":{"rendered":"https:\/\/journal.anyclass.com\/?page_id=60"},"modified":"2026-07-31T18:41:13","modified_gmt":"2026-07-31T15:41:13","slug":"catalog","status":"publish","type":"page","link":"https:\/\/journal.anyclass.com\/?page_id=60","title":{"rendered":"\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441\u0442\u0430\u0442\u0435\u0439"},"content":{"rendered":"\n<style>\n.entry-title,.page-title,h1.wp-block-post-title{display:none!important}\n.entry-content.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:100%!important}\n.entry-content,.ct-container,.ct-container-full{max-width:100%!important;width:100%!important;padding:0!important}\n\n:root{--ac-pink:#E8477C;--ac-pink-light:#FDF0F4;--ac-dark:#1a1a2e;--ac-gray:#666}\n.ac-cat{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif;color:var(--ac-dark)}\n.ac-cat *{box-sizing:border-box}\n.ac-cat-hero{background:linear-gradient(135deg,#fce4ec 0%,#f8bbd0 50%,#f48fb1 100%);padding:60px 20px 50px;margin-bottom:40px}\n.ac-cat-hero-inner{max-width:1200px;margin:0 auto}\n.ac-cat-hero h1{font-size:48px;font-weight:900;color:var(--ac-dark);margin:0 0 12px}\n.ac-cat-hero p{font-size:16px;color:#555;max-width:500px;line-height:1.6;margin:0}\n.ac-cat-breadcrumb{max-width:1200px;margin:0 auto;padding:0 20px;color:#999;font-size:14px;margin-bottom:30px}\n.ac-cat-breadcrumb a{color:#999;text-decoration:none}\n.ac-cat-breadcrumb a:hover{color:var(--ac-pink)}\n.ac-cat-layout{max-width:1200px;margin:0 auto;padding:0 20px 60px;display:flex;gap:40px;align-items:flex-start}\n.ac-cat-sidebar{width:280px;flex-shrink:0;position:sticky;top:80px}\n.ac-cat-sidebar h3{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--ac-dark)}\n.ac-cat-search{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;margin-bottom:20px}\n.ac-cat-search:focus{border-color:var(--ac-pink)}\n.ac-cat-sort{width:100%;padding:12px 36px 12px 16px;border:1px solid #ddd;border-radius:10px;font-size:14px;background:#fff url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\") right 14px center\/12px no-repeat;cursor:pointer;margin-bottom:20px;outline:none;-webkit-appearance:none;appearance:none;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\");background-repeat:no-repeat;background-position:right 14px center}\n.ac-filter-toggle{display:none}\n.ac-filter-toggle svg{width:12px;height:7px;transition:transform .2s}\n.ac-filter-toggle.open svg{transform:rotate(180deg)}\n.ac-filter-list{display:block;margin-bottom:16px}\n.ac-filter-item{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-size:14px;color:#333}\n.ac-filter-item input{width:16px;height:16px;accent-color:var(--ac-pink)}\n.ac-cat-content{flex:1;min-width:0}\n.ac-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}\n.ac-cat-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}\n@media(min-width:769px){.ac-cat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .2s}}\n.ac-cat-card img{width:100%;aspect-ratio:4\/3;object-fit:cover;border-radius:0;display:block}\n.ac-cat-card-body{padding:16px;flex:1;display:flex;flex-direction:column}\n.ac-cat-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}\n.ac-cat-card-cat{background:var(--ac-pink-light);color:var(--ac-pink);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}\n.ac-cat-card-date{color:#999;font-size:13px}\n.ac-cat-card h3{font-size:17px;font-weight:700;line-height:1.4;margin:0 0 10px}\n.ac-cat-card-excerpt{font-size:14px;color:var(--ac-gray);line-height:1.6;margin:0 0 16px;flex:1}\n.ac-cat-card-link{color:var(--ac-pink);font-size:14px;font-weight:600;text-decoration:none}\n@media(max-width:900px){.ac-cat-layout{flex-direction:column}.ac-cat-sidebar{width:100%;position:static}.ac-cat-hero h1{font-size:36px}}\n@media(max-width:600px){.ac-cat-grid{grid-template-columns:1fr}.ac-cat-hero h1{font-size:28px}}\n<\/style>\n\n<div class=\"ac-cat\">\n  <div class=\"ac-cat-hero\">\n    <div class=\"ac-cat-hero-inner\">\n      <h1>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441\u0442\u0430\u0442\u0435\u0439<\/h1>\n      <p>\u041d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e \u0442\u0435\u043c\u0430\u043c, \u0430\u0432\u0442\u043e\u0440\u0430\u043c \u0438 \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0443 \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"ac-cat-breadcrumb\"><a href=\"\/\">\u0413\u043b\u0430\u0432\u043d\u0430\u044f<\/a> &gt; <a href=\"\/\">\u0411\u043b\u043e\u0433<\/a> &gt; \u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/div>\n\n  <div class=\"ac-cat-layout\">\n    <div class=\"ac-cat-sidebar\">\n      <h3>\u041f\u043e\u0438\u0441\u043a<\/h3>\n      <input type=\"text\" class=\"ac-cat-search\" id=\"ac-cs\" placeholder=\"\u041f\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e \u0438\u043b\u0438 \u0430\u0432\u0442\u043e\u0440\u0443\">\n      <h3>\u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430<\/h3>\n      <select class=\"ac-cat-sort\" id=\"ac-sort\">\n        <option value=\"date\">\u041f\u043e \u0434\u0430\u0442\u0435<\/option>\n        <option value=\"title\">\u041f\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e<\/option>\n      <\/select>\n      <h3>\u0424\u0438\u043b\u044c\u0442\u0440\u044b<\/h3>\n      <button class=\"ac-filter-toggle\" id=\"ac-ft\">\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 <svg viewBox=\"0 0 12 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M1 1l5 5 5-5\"\/><\/svg><\/button>\n      <div class=\"ac-filter-list\" id=\"ac-fl\"><\/div>\n    <\/div>\n    <div class=\"ac-cat-content\">\n      <div class=\"ac-cat-grid\" id=\"ac-cg\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var root='\/index.php?rest_route=';\n  var grid=document.getElementById('ac-cg');\n  var search=document.getElementById('ac-cs');\n  var sort=document.getElementById('ac-sort');\n  var ft=document.getElementById('ac-ft');\n  var fl=document.getElementById('ac-fl');\n  var allPosts=[];var catMap={};var activeFilters=[];\n\n  function formatDate(d){var m=['\u044f\u043d\u0432\u0430\u0440\u044f','\u0444\u0435\u0432\u0440\u0430\u043b\u044f','\u043c\u0430\u0440\u0442\u0430','\u0430\u043f\u0440\u0435\u043b\u044f','\u043c\u0430\u044f','\u0438\u044e\u043d\u044f','\u0438\u044e\u043b\u044f','\u0430\u0432\u0433\u0443\u0441\u0442\u0430','\u0441\u0435\u043d\u0442\u044f\u0431\u0440\u044f','\u043e\u043a\u0442\u044f\u0431\u0440\u044f','\u043d\u043e\u044f\u0431\u0440\u044f','\u0434\u0435\u043a\u0430\u0431\u0440\u044f'];var dt=new Date(d);return dt.getDate()+' '+m[dt.getMonth()]+' '+dt.getFullYear();}\n  function stripHtml(h){var d=document.createElement('div');d.innerHTML=h;return d.textContent||'';}\n\n  fetch(root+'\/wp\/v2\/categories&per_page=100').then(function(r){return r.json()}).then(function(cats){\n    cats.filter(function(c){return c.id!==1}).forEach(function(cat){\n      catMap[cat.id]=cat.name;\n      var item=document.createElement('label');item.className='ac-filter-item';\n      item.innerHTML='<input type=\"checkbox\" value=\"'+cat.id+'\"> '+cat.name;\n      fl.appendChild(item);\n      item.querySelector('input').addEventListener('change',function(){\n        var v=parseInt(this.value);\n        if(this.checked)activeFilters.push(v);else activeFilters=activeFilters.filter(function(id){return id!==v});\n        render();\n      });\n    });\n  });\n\n  ft.addEventListener('click',function(){this.classList.toggle('open');fl.classList.toggle('show')});\n  search.addEventListener('input',render);\n  sort.addEventListener('change',render);\n\n  function render(){\n    grid.innerHTML='';\n    var q=search.value.toLowerCase();\n    var filtered=allPosts.filter(function(p){\n      if(q&&p.title.rendered.toLowerCase().indexOf(q)===-1)return false;\n      if(activeFilters.length>0){var m=false;p.categories.forEach(function(c){if(activeFilters.indexOf(c)!==-1)m=true});if(!m)return false}\n      return true;\n    });\n    var s=sort.value;\n    if(s==='date')filtered.sort(function(a,b){return new Date(b.date)-new Date(a.date)});\n    else if(s==='title')filtered.sort(function(a,b){return a.title.rendered.localeCompare(b.title.rendered)});\n    filtered.forEach(function(p){\n      var img=p._embedded&&p._embedded['wp:featuredmedia']&&p._embedded['wp:featuredmedia'][0]?p._embedded['wp:featuredmedia'][0].source_url:'https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9f50b?w=600';\n      var cn='';p.categories.forEach(function(c){if(c!==1&&catMap[c])cn=catMap[c]});\n      var ex=stripHtml(p.excerpt?p.excerpt.rendered:'').substring(0,120);if(ex.length>=120)ex+='...';\n      var card=document.createElement('a');card.href=p.link;card.className='ac-cat-card';\n      card.innerHTML='<img decoding=\"async\" src=\"'+img+'\" alt=\"\"><div class=\"ac-cat-card-body\"><div class=\"ac-cat-card-meta\">'+(cn?'<span class=\"ac-cat-card-cat\">'+cn+'<\/span>':'<span><\/span>')+'<span class=\"ac-cat-card-date\">'+formatDate(p.date)+'<\/span><\/div><h3>'+p.title.rendered+'<\/h3><p class=\"ac-cat-card-excerpt\">'+ex+'<\/p><span class=\"ac-cat-card-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e &rarr;<\/span><\/div>';\n      grid.appendChild(card);\n    });\n  }\n\n  fetch(root+'\/wp\/v2\/posts&per_page=100&_embed=1').then(function(r){return r.json()}).then(function(posts){allPosts=posts;render()});\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441\u0442\u0430\u0442\u0435\u0439 \u041d\u0430\u0445\u043e\u0434\u0438\u0442\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u043e \u0442\u0435\u043c\u0430\u043c, \u0430\u0432\u0442\u043e\u0440\u0430\u043c \u0438 \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0443 \u2014 \u0432\u0441\u0451 \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0413\u043b\u0430\u0432\u043d\u0430\u044f &gt; \u0411\u043b\u043e\u0433 &gt; \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u041f\u043e\u0438\u0441\u043a \u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u041f\u043e \u0434\u0430\u0442\u0435\u041f\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044e \u0424\u0438\u043b\u044c\u0442\u0440\u044b \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":3,"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/journal.anyclass.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}