Хоккеисты устроили массовую драку в матче чемпионата Казахстана. Видео

Стоит отметить, что штрафами за драку были наказаны следующие хоккеисты: Владимир Репин, Родион Жарких, Денис Чапоров, Константин Пальмтаг и Данияр Хасенов.

</p></div>  <meta name="viewport" content="width=device-width"/><script type="text/javascript">function getCookie() { var i,x,y,ARRcookies=document.cookie.split(";"); for (i=0;i<ARRcookies.length;i++) { x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); x=x.replace(/^\s+|\s+$/g,""); if (x == "testCookie") { return y; } } } document.cookie = "testCookie=testData"; var cookieRedirect = (window.location.href.match(/\?/)) ? window.location.href + "&nocookies=true" : window.location.href + "?nocookies=true"; /* Modernizr 2.5.2 (Custom Build) | MIT & BSD * Build: http://www.modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-touch-webgl-mq-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-a_download-audio_audiodata_api-audio_webaudio_api-battery_api-battery_level-contenteditable-cookies-css_backgroundrepeat-css_backgroundsizecover-css_boxsizing-css_cubicbezierrange-css_mediaqueries-css_overflow_scrolling-css_pointerevents-css_remunit-css_resize-css_scrollbars-css_userselect-dataview_api-dom_createElement_attrs-dom_microdata-elem_progress_meter-elem_time-event_deviceorientation_motion-file_api-file_filesystem-forms_speechinput-forms_validation-fullscreen_api-gamepad-ie8compat-img_webp-json-network_connection-network_eventsource-notification-performance-quota_management_api-script_async-script_defer-unicode-url_data_uri-web_intents-websockets_binary-workers_blobworkers-workers_dataworkers-workers_sharedworkers */ ;window.Modernizr=function(a,b,c){function B(a){i.cssText=a}function C(a,b){return B(m.join(a+";")+(b||""))}function D(a,b){return typeof a===b}function E(a,b){return!!~(""+a).indexOf(b)}function F(a,b){for(var d in a)if(i[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function G(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:D(f,"function")?f.bind(d||b):f}return!1}function H(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return D(b,"string")||D(b,"undefined")?F(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),G(e,b,c))}function J(){e.input=function(c){for(var d=0,e=c.length;d<e;d++)s[c[d]]=c[d]in j;return s.list&&(s.list=!!b.createElement("datalist")&&!!a.HTMLDataListElement),s}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,g,h,i=a.length;d<i;d++)j.setAttribute("type",g=a[d]),e=j.type!=="text",e&&(j.value=k,j.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(g)&&j.style.WebkitAppearance!==c?(f.appendChild(j),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(j,null).WebkitAppearance!=="textfield"&&j.offsetHeight!==0,f.removeChild(j)):/^(search|tel)$/.test(g)||(/^(url|email)$/.test(g)?e=j.checkValidity&&j.checkValidity()===!1:/^color$/.test(g)?(f.appendChild(j),f.offsetWidth,e=j.value!=k,f.removeChild(j)):e=j.value!=k)),r[a[d]]=!!e;return r}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var d="2.5.2",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j=b.createElement("input"),k=":)",l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var h,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:g+(d+1),k.appendChild(j);return h=["&#173;","<style>",a,"</style>"].join(""),k.id=g,m.innerHTML+=h,m.appendChild(k),l||f.appendChild(m),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return w("@media "+b+" { #"+g+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},y=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=D(e[d],"function"),D(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),z={}.hasOwnProperty,A;!D(z,"undefined")&&!D(z.call,"undefined")?A=function(a,b){return z.call(a,b)}:A=function(a,b){return b in a&&D(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var I=function(c,d){var f=c.join(""),g=d.length;w(f,function(c,d){var f=b.styleSheets[b.styleSheets.length-1],h=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"",i=c.childNodes,j={};while(g--)j[i[g].id]=i[g];e.touch="ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch||(j.touch&&j.touch.offsetTop)===9,e.csstransforms3d=(j.csstransforms3d&&j.csstransforms3d.offsetLeft)===9&&j.csstransforms3d.offsetHeight===3,e.generatedcontent=(j.generatedcontent&&j.generatedcontent.offsetHeight)>=1,e.fontface=/src/i.test(h)&&h.indexOf(d.split(" ")[0])===0},g,d)}(['@font-face {font-family:"font";src:url("https://")}',["@media (",m.join("touch-enabled),("),g,")","{#touch{top:9px;position:absolute}}"].join(""),["@media (",m.join("transform-3d),("),g,")","{#csstransforms3d{left:9px;position:absolute;height: 100%;}}"].join(""),['#generatedcontent:after{content:"',k,'";visibility:hidden}'].join("")],["fontface","touch","csstransforms3d","generatedcontent"]);q.flexbox=function(){return H("flexOrder")},q.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},q.canvastext=function(){return!!e.canvas&&!!D(b.createElement("canvas").getContext("2d").fillText,"function")},q.webgl=function(){try{var d=b.createElement("canvas"),e;e=!(!a.WebGLRenderingContext||!d.getContext("experimental-webgl")&&!d.getContext("webgl")),d=c}catch(f){e=!1}return e},q.touch=function(){return e.touch},q.geolocation=function(){return!!navigator.geolocation},q.postmessage=function(){return!!a.postMessage},q.websqldatabase=function(){return!!a.openDatabase},q.indexedDB=function(){return!!H("indexedDB",a)},q.hashchange=function(){return y("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},q.history=function(){return!!a.history&&!!history.pushState},q.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},q.websockets=function(){for(var b=-1,c=o.length;++b<c;)if(a[o[b]+"WebSocket"])return!0;return"WebSocket"in a},q.rgba=function(){return B("background-color:rgba(150,255,150,.5)"),E(i.backgroundColor,"rgba")},q.hsla=function(){return B("background-color:hsla(120,40%,100%,.5)"),E(i.backgroundColor,"rgba")||E(i.backgroundColor,"hsla")},q.multiplebgs=function(){return B("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(i.background)},q.backgroundsize=function(){return H("backgroundSize")},q.borderimage=function(){return H("borderImage")},q.borderradius=function(){return H("borderRadius")},q.boxshadow=function(){return H("boxShadow")},q.textshadow=function(){return b.createElement("div").style.textShadow===""},q.opacity=function(){return C("opacity:.55"),/^0.55$/.test(i.opacity)},q.cssanimations=function(){return H("animationName")},q.csscolumns=function(){return H("columnCount")},q.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return B((a+"-webkit- ".split(" ").join(b+a)+m.join(c+a)).slice(0,-a.length)),E(i.backgroundImage,"gradient")},q.cssreflections=function(){return H("boxReflect")},q.csstransforms=function(){return!!H("transform")},q.csstransforms3d=function(){var a=!!H("perspective");return a&&"webkitPerspective"in f.style&&(a=e.csstransforms3d),a},q.csstransitions=function(){return H("transition")},q.fontface=function(){return e.fontface},q.generatedcontent=function(){return e.generatedcontent},q.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},q.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},q.localstorage=function(){try{return localStorage.setItem(g,g),localStorage.removeItem(g),!0}catch(a){return!1}},q.sessionstorage=function(){try{return sessionStorage.setItem(g,g),sessionStorage.removeItem(g),!0}catch(a){return!1}},q.webworkers=function(){return!!a.Worker},q.applicationcache=function(){return!!a.applicationCache};for(var K in q)A(q,K)&&(v=K.toLowerCase(),e[v]=q[K](),t.push((e[v]?"":"no-")+v));return e.input||J(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)A(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,f.className+=" "+(b?"":"no-")+a,e[a]=b}return e},B(""),h=j=null,e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.mq=x,e.hasEvent=y,e.testProp=function(a){return F([a])},e.testAllProps=H,e.testStyles=w,e.prefixed=function(a,b,c){return b?H(a,b,c):H(a,"pfx")},e}(this,this.document),Modernizr.addTest("adownload","download"in document.createElement("a")),Modernizr.addTest("lowbattery",function(){var a=.2,b=Modernizr.prefixed("battery",navigator);return!!(b&&!b.charging&&b.level<=a)}),Modernizr.addTest("contenteditable","isContentEditable"in document.documentElement),Modernizr.addTest("webaudio",!!window.webkitAudioContext||!!window.AudioContext),Modernizr.addTest("audiodata",!!window.Audio),Modernizr.addTest("cookies",function(){if(navigator.cookieEnabled)return!0;document.cookie="cookietest=1";var a=document.cookie.indexOf("cookietest=")!=-1;return document.cookie="cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT",a}),Modernizr.addTest("battery",!!Modernizr.prefixed("battery",navigator)),function(){function a(a){return window.getComputedStyle?getComputedStyle(a,null).getPropertyValue("background"):a.currentStyle.background}Modernizr.testStyles(" #modernizr { background-repeat: round; } ",function(b,c){Modernizr.addTest("bgrepeatround",a(b)=="round")}),Modernizr.testStyles(" #modernizr { background-repeat: space; } ",function(b,c){Modernizr.addTest("bgrepeatspace",a(b)=="space")})}(),Modernizr.testStyles(" #modernizr { background-size: cover; } ",function(a,b){var c=(window.getComputedStyle?getComputedStyle(a,null):a.currentStyle)["background-size"]=="cover";Modernizr.addTest("bgsizecover",c)}),Modernizr.addTest("boxsizing",function(){return Modernizr.testAllProps("boxSizing")&&(document.documentMode===undefined||document.documentMode>7)}),Modernizr.addTest("cubicbezierrange",function(){return el=document.createElement("div"),el.style.cssText=Modernizr._prefixes.join("transition-timing-function:cubic-bezier(1,0,0,1.1); "),!!el.style.length}),Modernizr.addTest("overflowscrolling",function(){return Modernizr.testAllProps("overflowScrolling")}),Modernizr.addTest("mediaqueries",Modernizr.mq("only all")),Modernizr.addTest("cssremunit",function(){var a=document.createElement("div");try{a.style.fontSize="3rem"}catch(b){}return/rem/.test(a.style.fontSize)}),Modernizr.addTest("cssresize",Modernizr.testAllProps("resize")),Modernizr.addTest("cssscrollbar",function(){var a,b="#modernizr{overflow: scroll; width: 100% }#"+Modernizr._prefixes.join("scrollbar{width: 100%} #modernizr::").split("#").slice(1).join("#")+"scrollbar{width: 100%}";return Modernizr.testStyles(b,function(b){a="scrollWidth"in b&&b.scrollWidth==40}),a}),Modernizr.addTest("userselect",function(){return Modernizr.testAllProps("user-select")}),Modernizr.addTest("dataview",typeof DataView!="undefined"&&"getFloat64"in DataView.prototype),Modernizr.addTest("microdata",!!document.getItems),Modernizr.addTest("progressbar",function(){return document.createElement("progress").max!=undefined}),Modernizr.addTest("meter",function(){return document.createElement("meter").max!=undefined}),Modernizr.addTest("createelement-attrs",function(){try{return document.createElement("<input name='test' />").getAttribute("name")=="test"}catch(a){return!1}}),Modernizr.addTest("time","valueAsDate"in document.createElement("time")),Modernizr.addTest("pointerevents",function(){var a=document.createElement("x"),b=document.documentElement,c=window.getComputedStyle,d;return"pointerEvents"in a.style?(a.style.pointerEvents="auto",a.style.pointerEvents="x",b.appendChild(a),d=c&&c(a,"").pointerEvents==="auto",b.removeChild(a),!!d):!1}),Modernizr.addTest("devicemotion","DeviceMotionEvent"in window),Modernizr.addTest("deviceorientation","DeviceOrientationEvent"in window),Modernizr.addTest("speechinput",function(){var a=document.createElement("input");return"speech"in a||"onwebkitspeechchange"in a}),Modernizr.addTest("filereader",function(){return!!(window.File&&window.FileList&&window.FileReader)}),Modernizr.addTest("filesystem",function(){var a=Modernizr._domPrefixes;for(var b=-1,c=a.length;++b<c;)if(window[a[b]+"RequestFileSystem"])return!0;return"requestFileSystem"in window}),Modernizr.addTest("fullscreen",function(){for(var a=0;a<Modernizr._domPrefixes.length;a++)if(document[Modernizr._domPrefixes[a].toLowerCase()+"CancelFullScreen"])return!0;return!!document.cancelFullScreen||!1}),Modernizr.addTest("formvalidation",function(){return typeof document.createElement("form").checkValidity=="function"}),Modernizr.addTest("gamepad","gamepads"in navigator),function(){var a=new Image;a.onerror=function(){Modernizr.addTest("webp",!1)},a.onload=function(){Modernizr.addTest("webp",function(){return a.width==1})},a.src="data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAAAUAgCdASoBAAEAL/3+/3+CAB/AAAFzrNsAAP5QAAAAAA=="}(),Modernizr.addTest("json",!!window.JSON&&!!JSON.parse),Modernizr.addTest("lowbandwidth",function(){var a=navigator.connection||{type:0};return a.type==3||a.type==4||/^[23]g$/.test(a.type)}),Modernizr.addTest("eventsource",!!window.EventSource),Modernizr.addTest("notification",!!Modernizr.prefixed("Notifications",window)),Modernizr.addTest("performance",!!Modernizr.prefixed("performance",window)),Modernizr.addTest("quotamanagement",function(){var a=Modernizr.prefixed("StorageInfo",window);return!!(a&&"TEMPORARY"in a&&"PERSISTENT"in a)}),Modernizr.addTest("scriptasync","async"in document.createElement("script")),Modernizr.addTest("scriptdefer","defer"in document.createElement("script")),Modernizr.addTest("unicode",function(){var a,b=document.createElement("span"),c=document.createElement("span");return Modernizr.testStyles("#modernizr{font-family:Arial,sans;font-size:300em;}",function(d){b.innerHTML="&#5987",c.innerHTML="&#9734",d.appendChild(b),d.appendChild(c),a="offsetWidth"in b&&b.offsetWidth!==c.offsetWidth}),a}),function(){var a=new Image;a.onerror=function(){Modernizr.addTest("datauri",function(){return!1})},a.onload=function(){Modernizr.addTest("datauri",function(){return a.width==1&&a.height==1})},a.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="}(),Modernizr.addTest("webintents",function(){return!!navigator.startActivity}),Modernizr.addTest("websocketsbinary",!!window.WebSocket&&!!(new WebSocket("ws://.")).binaryType),function(){try{var a=window.MozBlobBuilder||window.WebKitBlobBuilder||window.MSBlobBuilder||window.OBlobBuilder||window.BlobBuilder,b=window.MozURL||window.webkitURL||window.MSURL||window.OURL||window.URL,c="Modernizr",d=new a;d.append("this.onmessage=function(e){postMessage(e.data)}");var e=b.createObjectURL(d.getBlob());worker=new Worker(e),d=null,worker.onmessage=function(a){worker.terminate(),b.revokeObjectURL(e),Modernizr.addTest("blobworkers",c===a.data),worker=null},worker.onerror=function(){Modernizr.addTest("blobworkers",!1),worker=null},setTimeout(function(){Modernizr.addTest("blobworkers",!1)},200),worker.postMessage(c)}catch(f){Modernizr.addTest("blobworkers",!1)}}(),Modernizr.addTest("ie8compat",function(){return!window.addEventListener&&document.documentMode&&document.documentMode===7}),function(){try{var a="Modernizr",b=new Worker("data:text/javascript;base64,dGhpcy5vbm1lc3NhZ2U9ZnVuY3Rpb24oZSl7cG9zdE1lc3NhZ2UoZS5kYXRhKX0=");b.onmessage=function(c){b.terminate(),Modernizr.addTest("dataworkers",a===c.data),b=null},b.onerror=function(){Modernizr.addTest("dataworkers",!1),b=null},setTimeout(function(){Modernizr.addTest("dataworkers",!1)},200),b.postMessage(a)}catch(c){Modernizr.addTest("dataworkers",!1)}}(),Modernizr.addTest("sharedworkers",function(){return!!window.SharedWorker});Modernizr.addTest("core-desktop",Modernizr.mq('only screen and (min-width: 100%)'));Modernizr.addTest("core-mobile", function() { if (Modernizr.mq('only screen and (max-width: 100%) and (orientation: portrait)')) { return true; } else if (Modernizr.mq('only screen and (max-width: 100%) and (orientation: landscape)')) { return true; } else { return false; } });Modernizr.addTest("core-tablet",function() { if (Modernizr.mq('only screen and (min-width: 100%) and (orientation:portrait)')) { return true; } else if (Modernizr.mq('only screen and (max-width: 100%) and (orientation:landscape)')) { return true; } else { return false; } });// Requires a Modernizr build with `canvastext` included // http://www.modernizr.com/download/#-canvas-canvastext Modernizr.addTest('extended-emoji', function() { if (!Modernizr.canvastext) return false; var node = document.createElement('canvas'), ctx = node.getContext('2d'); ctx.textBaseline = 'top'; ctx.font = '32px Arial'; ctx.fillText('\ud83d\ude03', 0, 0); // "smiling face with open mouth" emoji return ctx.getImageData(16, 16, 1, 1).data[0] != 0; });// Test for DPI Modernizr.addTest('ps-hiResCapable', Modernizr.mq('only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5)'));// should be modified to return an object... with different possible color depths set to true/false? Modernizr.addTest("pr-screenAttributes",function() { var screenAttributes = {}; screenAttributes.windowHeight = (window.innerHeight > 0) ? window.innerHeight : screen.width; screenAttributes.windowWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; screenAttributes.colorDepth = screen.colorDepth; return screenAttributes; });var m=Modernizr;var c='';var k=''; var f;for(f in m){var j='';if(f[0]=='_'){continue;}var t=typeof m[f];if(t=='function'){continue;}c+=(c?'|':'b9d8d969935aedc757f5e91c2736618a=')+f+':';var kt=(f.slice(0,3)=='pr-')?true:false;if(kt){k+=(k?'|':'b9d8d969935aedc757f5e91c2736618a-pr=')+f+':';}if(t=='object'){var s;for(s in m[f]){if (typeof m[f][s]=='boolean') { j+='/'+s+':'+(m[f][s]?1:0); }else { j+='/'+s+':'+m[f][s]; }}c+=j;k+=kt?j:'';}else{j=m[f]?'1':'0';c+=j;k+=kt?j:'';}}c+=';path=/';if(k){k+=';path=/';}try{if (getCookie() != 'testData') {window.location = cookieRedirect; } else {document.cookie=c;if(k){document.cookie=k;}document.location.reload();}}catch(e){}</script><noscript><meta http-equiv="refresh" content="0; url=/?mod=news_read&id=92270?mod=news_read&id=92270&nojs=true"/></noscript></div> </div> </div>  <div class="mt-6" id="violation-modal" @vue:mounted="mounted" v-cloak> <div class="flex justify-between text-sm"> <a href="#" class="text-gray-500 hover:text-primary-600 transition" @click.prevent="violation" v-if="!showViolationModal">Пожаловаться на новость</a> <a href="#" class="text-gray-500 hover:text-primary-600 transition" @click.prevent="comment" v-if="!showViolationModal">Прокомментировать</a> </div> <div v-if="showViolationModal" class="mt-4 bg-white rounded-xl border border-gray-100 p-5">  <div v-if="mode == 'comment' && !isLoggedIn && !success"> <h3 class="font-semibold text-gray-900 mb-4">Войдите, чтобы оставить комментарий</h3>  <div v-if="authStep == 1"> <p class="text-sm text-gray-600 mb-4">Введите почту, получите PIN-код и готово!</p> <input type="email" v-model="authEmail" @keyup.enter="checkEmail" placeholder="example@mail.ru" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <div class="flex gap-2"> <button @click="checkEmail" :disabled="!isValidEmail" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Получить код </button> <button @click="closeModal" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Отмена</button> </div> </div>  <div v-if="authStep == 2"> <p class="text-sm text-gray-600 mb-4">Код отправлен на {{ authEmail }}</p> <input type="text" v-model="authPin" @keyup.enter="checkPin" placeholder="Введите код" maxlength="4" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <label class="flex items-center gap-2 text-sm text-gray-600 mb-3" v-if="!authPolicy"> <input type="checkbox" v-model="authPolicyAgreement" class="rounded"> <span>Согласен на <a href="https://help.lyubimiigorod.ru/docs/согласие-на-обработку-персональных-д/" target="_blank" class="text-primary-600 underline">обработку данных</a></span> </label> <div class="flex gap-2"> <button @click="checkPin" :disabled="!canSubmitPin" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Войти </button> <button @click="authStep = 1" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Назад</button> </div> </div>  <div v-if="authStep == 3"> <p class="text-sm text-gray-600 mb-4">Введите пароль для {{ authEmail }}</p> <input type="password" v-model="authPassword" @keyup.enter="checkPassword" placeholder="Пароль" class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3"> <label class="flex items-center gap-2 text-sm text-gray-600 mb-3" v-if="!authPolicy"> <input type="checkbox" v-model="authPolicyAgreement" class="rounded"> <span>Согласен на обработку данных</span> </label> <div class="flex gap-2"> <button @click="checkPassword" :disabled="!canSubmitPassword" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition disabled:opacity-50"> Войти </button> <button @click="enterWithPin" class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition">По коду</button> <button @click="authStep = 1" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Назад</button> </div> </div> <div v-if="authError" class="mt-3 p-3 bg-red-50 text-red-600 rounded-lg text-sm">{{ authError }}</div> </div>  <div v-if="(mode == 'violation' || (mode == 'comment' && isLoggedIn)) && !success"> <h3 class="font-semibold text-gray-900 mb-4" v-if="mode == 'violation'">Пожаловаться на новость</h3> <h3 class="font-semibold text-gray-900 mb-4" v-if="mode == 'comment'">Оставить комментарий</h3> <p class="text-sm text-gray-600 mb-3" v-if="mode == 'violation'">Если материал нарушает права или содержит недопустимый контент:</p> <textarea v-model="message" rows="4" placeholder="Ваше сообщение..." class="w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 mb-3 resize-none"></textarea> <div class="flex gap-2"> <button @click="sendViolation" v-if="mode == 'violation'" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition"> Отправить </button> <button @click="sendComment" v-if="mode == 'comment'" class="px-4 py-2 bg-primary-500 text-white rounded-lg font-medium hover:bg-primary-600 transition"> Отправить </button> <button @click="closeModal" class="px-4 py-2 text-gray-600 hover:text-gray-800 transition">Отмена</button> </div> </div> <div v-if="success" class="p-4 bg-green-50 text-green-700 rounded-lg">Сообщение успешно отправлено!</div> <div v-if="errorMessage" class="p-4 bg-red-50 text-red-600 rounded-lg">{{ errorText }}</div> </div> </div>   <section class="mt-10"> <h2 class="text-xl font-bold text-gray-900 mb-4">Читайте также</h2> <div class="grid sm:grid-cols-2 gap-4"> <a href="/karaganda/news/3725396" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">28.01.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Какие меры принимаются на железных дорогах Казахстана против коронавируса</h3> </div> </a> <a href="/karaganda/news/3725393" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">28.01.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Алихан Смаилов пообещал сдержать цены на товары в 2020 году</h3> </div> </a> <a href="/karaganda/news/3723661" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">28.01.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">У кого в Караганде не будет света 29 января</h3> </div> </a> <a href="/karaganda/news/3723660" class="card-hover group bg-white rounded-xl overflow-hidden border border-gray-100"> <div class="p-4"> <span class="text-xs text-gray-500">28.01.2020</span> <h3 class="font-medium text-gray-900 mt-1 line-clamp-2 group-hover:text-primary-600 transition">Неподалёку от карагандинского аэропорта обнаружен труп мужчины</h3> </div> </a> </div> </section> </article>  <aside class="hidden lg:block w-[300px] flex-shrink-0"> <div class="space-y-6">  <div class="bg-white rounded-xl border border-gray-100 p-5"> <h3 class="font-semibold text-gray-900 mb-4">Поделиться</h3> <div class="flex gap-2"> <a href="https://vk.com/share.php?url=https%3A%2F%2Flyubimiigorod.ru%2Fkaraganda%2Fnews%2F3725401" target="_blank" class="share-btn flex-1 py-2.5 bg-blue-500 text-white rounded-lg flex items-center justify-center transition hover:bg-blue-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M15.684 0H8.316C1.592 0 0 1.592 0 8.316v7.368C0 22.408 1.592 24 8.316 24h7.368C22.408 24 24 22.408 24 15.684V8.316C24 1.592 22.408 0 15.684 0zm3.692 17.123h-1.744c-.66 0-.862-.523-2.049-1.713-1.033-1.004-1.49-1.139-1.744-1.139-.356 0-.458.102-.458.597v1.565c0 .424-.135.678-1.253.678-1.846 0-3.896-1.12-5.339-3.202-2.167-3.044-2.763-5.329-2.763-5.796 0-.254.102-.491.596-.491h1.744c.44 0 .61.203.779.678.863 2.49 2.303 4.675 2.896 4.675.22 0 .322-.102.322-.66V9.721c-.068-1.186-.695-1.287-.695-1.71 0-.203.17-.407.44-.407h2.744c.372 0 .507.203.507.643v3.473c0 .372.17.507.271.507.22 0 .407-.135.814-.542 1.253-1.406 2.151-3.574 2.151-3.574.118-.254.322-.491.762-.491h1.744c.525 0 .644.27.525.643-.22 1.017-2.354 4.031-2.354 4.031-.186.305-.254.44 0 .779.186.254.796.779 1.203 1.253.745.847 1.32 1.558 1.473 2.049.17.491-.085.745-.576.745z" /> </svg> </a> <a href="https://t.me/share/url?url=https%3A%2F%2Flyubimiigorod.ru%2Fkaraganda%2Fnews%2F3725401" target="_blank" class="share-btn flex-1 py-2.5 bg-sky-500 text-white rounded-lg flex items-center justify-center transition hover:bg-sky-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" /> </svg> </a> <a href="https://wa.me/?text=https%3A%2F%2Flyubimiigorod.ru%2Fkaraganda%2Fnews%2F3725401" target="_blank" class="share-btn flex-1 py-2.5 bg-green-500 text-white rounded-lg flex items-center justify-center transition hover:bg-green-600"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" /> </svg> </a> </div> <button onclick="copyLink()" class="w-full mt-3 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition flex items-center justify-center gap-2"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /> </svg> Копировать ссылку </button> </div>  <div class="bg-white rounded-xl border border-gray-100 p-4"> <div id="yandex_rtb_R-A-1313109-12"></div> <script> window.yaContextCb.push(() => { Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-1313109-12', blockId: 'R-A-1313109-12' }) }) </script> </div>  <div class="bg-white rounded-xl border border-gray-100 p-5"> <h3 class="font-bold text-gray-900 mb-4">Последние новости</h3> <div class="space-y-4"> <a href="/karaganda/news/3725396" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Какие меры принимаются на железных дорогах Казахстана против коронавируса </h4> </a> <a href="/karaganda/news/3725393" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Алихан Смаилов пообещал сдержать цены на товары в 2020 году </h4> </a> <a href="/karaganda/news/3723661" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> У кого в Караганде не будет света 29 января </h4> </a> <a href="/karaganda/news/3723660" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Неподалёку от карагандинского аэропорта обнаружен труп мужчины </h4> </a> <a href="/karaganda/news/3723659" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Резидентов и врачей медицинского университета Караганды обучили алгоритму неотложных мер при подозрении на коронавирус </h4> </a> <a href="/karaganda/news/3723658" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> В Караганде состоится отчёт услугодателей перед населением </h4> </a> <a href="/karaganda/news/3723657" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Более 170 людей эвакуированы с заснеженных трасс Карагандинской области </h4> </a> <a href="/karaganda/news/3723656" class="block group"> <span class="text-xs text-gray-500">28.01.2020</span> <h4 class="text-sm font-medium text-gray-900 group-hover:text-primary-600 transition line-clamp-2 mt-1"> Из-за сильной метели на дорогах Караганды зарегистрировано 26 ДТП </h4> </a> </div> </div> </div> </aside> </div> </main>  <nav class="bottom-nav fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 lg:hidden z-50"> <div class="flex items-center justify-around h-16"> <a href="/karaganda" class="flex flex-col items-center justify-center flex-1 h-full text-gray-400 hover:text-gray-600 transition"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> </svg> <span class="text-xs mt-0.5">Главная</span> </a> <a href="/karaganda/news" class="flex flex-col items-center justify-center flex-1 h-full text-primary-500"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z" /> </svg> <span class="text-xs mt-0.5">Новости</span> </a> <a href="/karaganda/catalog" class="flex flex-col items-center justify-center flex-1 h-full text-gray-400 hover:text-gray-600 transition"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg> <span class="text-xs mt-0.5">Каталог</span> </a> </div> </nav> <script> function copyLink() { navigator.clipboard.writeText(window.location.href).then(() => { window.emitter && window.emitter.emit('notify', { type: 'success', message: 'Ссылка скопирована!' }); }); } const app = PetiteVue.createApp({ showViolationModal: false, message: '', success: false, errorMessage: false, errorText: '', mode: 'violation', isLoggedIn: false, authStep: 1, authEmail: '', authPin: '', authPassword: '', authPolicy: false, authPolicyAgreement: false, authLoading: false, authError: '', get isValidEmail() { return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.authEmail); }, get canSubmitPin() { return /^\d{4}$/.test(this.authPin) && (this.authPolicy || this.authPolicyAgreement); }, get canSubmitPassword() { return this.authPassword.length >= 3 && (this.authPolicy || this.authPolicyAgreement); }, violation() { this.mode = 'violation'; this.showViolationModal = !this.showViolationModal; }, comment() { this.mode = 'comment'; this.showViolationModal = !this.showViolationModal; }, closeModal() { this.showViolationModal = false; this.mode = 'violation'; this.message = ''; this.success = false; this.errorMessage = false; this.authStep = 1; this.authEmail = ''; this.authPin = ''; this.authPassword = ''; this.authError = ''; this.authPolicyAgreement = false; }, checkEmail() { if (!this.isValidEmail) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fetch('/login/check_email', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.policy == 1) { this.authPolicy = true; this.authPolicyAgreement = true; } this.authStep = data.response.method == 'password' ? 3 : 2; }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка проверки'; }); }, checkPin() { if (!this.canSubmitPin) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fd.append('pin', this.authPin); fd.append('policy', this.authPolicy ? 1 : 0); fd.append('policy_agreement', this.authPolicyAgreement ? 1 : 0); fetch('/login/check_pin', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.auth == 'success') { this.setCookie('auth_token_next', data.response.token, 31); this.isLoggedIn = true; } else { this.authError = data.response.message || 'Неверный код'; } }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка авторизации'; }); }, checkPassword() { if (!this.canSubmitPassword) return; this.authLoading = true; this.authError = ''; const fd = new FormData(); fd.append('email', this.authEmail); fd.append('password', this.authPassword); fd.append('policy', this.authPolicy ? 1 : 0); fd.append('policy_agreement', this.authPolicyAgreement ? 1 : 0); fetch('/login/check_password', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; if (data.response.auth == 'success') { this.setCookie('auth_token_next', data.response.token, 31); this.isLoggedIn = true; } else { this.authError = data.response.message || 'Неверный пароль'; } }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка авторизации'; }); }, enterWithPin() { this.authLoading = true; const fd = new FormData(); fd.append('email', this.authEmail); fetch('/login/enter_pin', { method: 'POST', body: fd }) .then(res => res.json()) .then(data => { this.authLoading = false; this.authStep = data.response.method == 'pin' ? 2 : 3; }) .catch(() => { this.authLoading = false; this.authError = 'Ошибка'; }); }, setCookie(name, value, days) { const d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + d.toUTCString() + ';path=/'; }, sendViolation() { const fd = new FormData(); fd.append("message", this.message); fetch("/karaganda/news/3725401/notify_violation", { method: "POST", body: fd }) .then(res => res.json()) .then(data => { if (data.success) { this.success = true; } else { this.errorMessage = true; this.errorText = data.message || 'Ошибка'; } }); }, sendComment() { const fd = new FormData(); fd.append("message", this.message); fetch("/karaganda/news/3725401/add_comment", { method: "POST", body: fd }) .then(res => res.json()) .then(data => { if (data.success) { this.success = true; } else { this.errorMessage = true; this.errorText = data.message || 'Ошибка'; } }); }, mounted() {} }).mount("#violation-modal"); </script> </div> <footer id="footer_desktop" class="bg-gray-100 py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-12 gap-6 justify-between">  <div class="md:col-span-3"> <ul class="space-y-2"> <li> <a href="#" class="inline-block"> <img src="/assets/ui-kit/img/logo_lg.svg" alt="" class="h-8"> </a> </li> <li> <a href="#" class="text-gray-700 hover:text-blue-600 transition-colors">Про "Любимый город"</a> </li> <li> <a href="https://franchise.lyubimiigorod.ru/" target="_blank" class="text-gray-700 hover:text-blue-600 transition-colors">Франшиза</a> </li> <li> <div class="flex space-x-2"> <a target="_blank" rel="noopener nofollow" href="https://play.google.com/store/apps/details?id=pro.goapp.belovedcity&hl=ru"> <img src="/web/v2assets/img/market_android.png" loading="lazy" alt="Иконка Play market" width="36" height="36"> </a> <a target="_blank" rel="noopener nofollow" href="https://itunes.apple.com/ru/app/%D0%BB%D1%8E%D0%B1%D0%B8%D0%BC%D1%8B%D0%B9-%D0%B3%D0%BE%D1%80%D0%BE%D0%B4/id1305580261"> <img src="/web/v2assets/img/market_ios.png" loading="lazy" alt="Иконка Apple Store" width="36" height="36"> </a> <a target="_blank" rel="noopener nofollow" href="https://apps.rustore.ru/app/pro.goapp.belovedcity"> <img src="/images/rustore4.png" width="112" height="36" alt="магазин приложений rustore" /> </a> </div> </li> </ul> </div>  <div class="md:col-span-4"> <div class="font-bold text-gray-900 pt-2 mb-4">Обратная связь</div> <div class="grid grid-cols-2 gap-4"> <div> <ul class="space-y-2"> <li> <noindex> <a href="tel:8-705-336-09-09" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">8-705-336-09-09</a> </noindex> </li> <li> <noindex> <a href="mailto:ip.shag@mail.ru" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">Почта</a> </noindex> </li> </ul> </div> <div> <ul class="space-y-2"> <li> <noindex> <a href="https://t.me/https://t.me/karaganda_krg" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">Telegram</a> </noindex> </li> <li> <noindex> <a href="https://api.whatsapp.com/send/?phone=77053360909&text=Здравствуйте, обращаюсь с платформы Любимый город.&type=phone_number&app_absent=0" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">WhatsApp</a> </noindex> </li> <li> <noindex> <a href="https://vk.com/lovecity_karaganda" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">ВКонтакте</a> </noindex> </li> </ul> </div> </div> </div>  <div class="md:col-span-2"> <ul class="space-y-2"> <li class="font-bold text-gray-900">Пользователям</li> <li> <a href="/karaganda/catalog" class="text-gray-700 hover:text-blue-600 transition-colors">Каталог</a> </li> <li> <a href="/karaganda/questions" class="text-gray-700 hover:text-blue-600 transition-colors">Частые вопросы</a> </li> <li> <a href="https://lyubimiigorod.ru/docs/" class="text-gray-700 hover:text-blue-600 transition-colors">Документы</a> </li> </ul> </div>  <div class="md:col-span-2"> <ul class="space-y-2"> <li class="font-bold text-gray-900">Бизнесу</li> <li> <a href="/karaganda/catalog/begin" class="text-gray-700 hover:text-blue-600 transition-colors">Стать продавцом</a> </li> <li> <a href="https://help.lyubimiigorod.ru/docs/" target="_blank" rel="noopener nofollow" class="text-gray-700 hover:text-blue-600 transition-colors">Помощь</a> </li> </ul> </div> </div> </div> </footer> <script id="settings" type="application/json"> {"city_name":"karaganda","mobile":false,"is_mobile":"0","first_name":"","free":0,"currency":"тенге","curr":"₸"} </script>    <script> // 1. Инициализация Event Bus (mitt) const bus = mitt(); const NotificationsApp = { notifications: [], nextId: 0, typeClasses: { success: 'bg-green-500', info: 'bg-blue-500', warning: 'bg-yellow-500', error: 'bg-red-500', }, addNotification(event) { const id = this.nextId++; const { type = 'info', message = 'Что-то произошло' } = event; const notification = { id, message, classes: this.typeClasses[type] || this.typeClasses.info }; this.notifications.unshift(notification); setTimeout(() => { this.removeNotification(id); }, 1500); }, removeNotification(id) { this.notifications = this.notifications.filter(n => n.id !== id); }, mounted() { window.emitter.on('notify', this.addNotification.bind(this)); // Показываем приветственное уведомление при загрузке страницы // window.emitter.emit('notify', { // type: 'info', // message: 'Система уведомлений готова!' // }); } }; PetiteVue.createApp(NotificationsApp).mount('#notifications-container'); </script> </body> </html>