1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> 5 6 <meta charset="utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 <title>100 ÐÑмоÑÑеÑ</title> 10 <!-- Bootstrap --> 11 <link href="/local/templates/articles/css/bootstrap.css" rel="stylesheet"> 12 <!-- Retina --> 13 <!--
13<script src="/local/templates/articles/retina.min.js"></script>
13 --> 14
14<script src="//vk.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
14 15
15<script type="text/javascript"> 16 if(typeof VK != 'undefined'){ 17 VK.init({apiId: 4770430, onlyWidgets: true}); 18 } 19 </script>
19 20 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 21 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 22 <!--[if lt IE 9]> 23
23<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
23 24
24<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
24 25 <![endif]--> 26
26<script src="/local/templates/articles/js/jquery-1.11.0.js"></script>
26 27 <!-- Player --> 28 <link href="/local/templates/articles/css/mediaelementplayer.min.css" rel="stylesheet"> 29 <link href="/local/templates/articles/css/custom_player_style.css" rel="stylesheet"> 30 <link href="/local/templates/articles/css/jquery.Jcrop.min.css" rel="stylesheet"> 31 <link href="/local/templates/articles/js/freezeframe/freezeframe_styles.min.css" rel="stylesheet"> 32 33
33<script src="/local/templates/articles/js/mediaelement-and-player.js"></script>
33 34
34<script src="/local/templates/articles/js/player.js?1"></script>
34 35 36 <!-- NanoScroller --> 37 <link href="/local/templates/articles/js/nano/nanoscroller.css" rel="stylesheet"> 38
38<script src="/local/templates/articles/js/nano/jquery.nanoscroller.min.js"></script>
38 39 40
40<script src="/local/templates/articles/js/global.js"></script>
40 41
41<script src="/local/templates/articles/js/dropzone.js"></script>
41 42 43
43<script src="/local/templates/articles/js/freezeframe/imagesloaded.pkgd.js?1"></script>
43 44 45
45<script src="/local/templates/articles/js/Jcrop.js"></script>
45 46
46<script src="/local/templates/articles/js/jquery.bpopup.min.js"></script>
46 47
47<script src="/local/templates/articles/js/modernizr-custom.js"></script>
47 48 49 50
50<script src="/local/templates/articles/js/fancybox/jquery.fancybox.js"></script>
50 51 <link href="/local/templates/articles/js/fancybox/jquery.fancybox.css" rel="stylesheet"> 52 53
53<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
53 54 <link href="http://vjs.zencdn.net/6.6.0/video-js.css" rel="stylesheet"> 55
55<script src="http://vjs.zencdn.net/6.6.0/video.js"></script>
55 56 57 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 58<link href="/bitrix/cache/css/s1/articles/kernel_main/kernel_main.css?155275180548075" type="text/css" rel="stylesheet" /> 59<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.5/css/bootstrap-slider.min.css" type="text/css" rel="stylesheet" /> 60<link href="/bitrix/cache/css/s1/articles/page_04f13e3682f980cf6d611452646d45eb/page_04f13e3682f980cf6d611452646d45eb.css?155275180311865" type="text/css" rel="stylesheet" /> 61<link href="/bitrix/cache/css/s1/articles/template_ad803fd404daa0fe99bbe482eed1af5e/template_ad803fd404daa0fe99bbe482eed1af5e.css?1588030588104866" type="text/css" data-template-style="true" rel="stylesheet" />
62<script type="text/javascript">if(!window.BX)window.BX={message:function(mess){if(typeof mess=='object') for(var i in mess) BX.message[i]=mess[i]; return true;}};</script>
vendor: 1 bytes, line 62
62
63<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'ÐагÑÑзка...','JS_CORE_NO_DATA':'- ÐÐµÑ Ð´Ð°Ð½Ð½ÑÑ
-','JS_CORE_WINDOW_CLOSE':'ÐакÑÑÑÑ','JS_CORE_WINDOW_EXPAND':'РазвеÑнÑÑÑ','JS_CORE_WINDOW_NARROW':'СвеÑнÑÑÑ Ð² окно','JS_CORE_WINDOW_SAVE':'СоÑ
ÑаниÑÑ','JS_CORE_WINDOW_CANCEL':'ÐÑмениÑÑ','JS_CORE_WINDOW_CONTINUE':'ÐÑодолжиÑÑ','JS_CORE_H':'Ñ','JS_CORE_M':'м','JS_CORE_S':'Ñ','JSADM_AI_HIDE_EXTRA':'СкÑÑÑÑ Ð»Ð¸Ñние','JSADM_AI_ALL_NOTIF':'ÐоказаÑÑ Ð²Ñе','JSADM_AUTH_REQ':'ТÑебÑеÑÑÑ Ð°Ð²ÑоÑизаÑиÑ!','JS_CORE_WINDOW_AUTH':'ÐойÑи','JS_CORE_IMAGE_FULL':'ÐолнÑй ÑазмеÑ'});</script>
vendor: 1 bytes, line 63
63
64<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1791520475','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'0e50e5895f54f45b75558854ae3ba24f'});</script>
64 65 66
67<script type="text/javascript" src="/bitrix/cache/js/s1/articles/kernel_main/kernel_main.js?1552751806279162"></script>
vendor: 1 bytes, line 67
67
68<script type="text/javascript">BX.setJSList(['/bitrix/js/main/core/core.js?146245919870993','/bitrix/js/main/core/core_popup.js?146245917231170','/bitrix/js/main/core/core_ajax.js?146245919320978','/bitrix/js/main/json/json2.min.js?14140050293467','/bitrix/js/main/core/core_ls.js?14624590807365','/bitrix/js/main/session.js?14624590732511','/bitrix/js/main/core/core_window.js?146245917274917','/bitrix/js/main/core/core_date.js?146245919534276','/bitrix/js/main/utils.js?146245907430973','/local/templates/articles/components/bitrix/news/articles/bitrix/news.list/100atm/script.js?1491857311914','/local/components/vtrock/articles.detail/templates/100atm/script.js?1491856534758','/local/templates/articles/components/bitrix/news.list/texts/script.js?14869316535021']); </script>
vendor: 1 bytes, line 68
68
69<script type="text/javascript">BX.setCSSList(['/bitrix/js/main/core/css/core.css?14624590742854','/bitrix/js/main/core/css/core_popup.css?146245917433075','/bitrix/js/main/core/css/core_date.css?14624590849689','/local/templates/articles/components/bitrix/news/articles/bitrix/news.list/100atm/style.css?14883676084627','/local/components/vtrock/articles.detail/templates/100atm/style.css?14925301252360','/local/templates/articles/components/bitrix/news.list/texts/style.css?14863781772799','/local/templates/articles/components/bitrix/news.list/side/style.css?14807132831122','/local/components/vtrock/player.wave/templates/crossbrow/style.css?14950287437627','/local/templates/articles/components/bitrix/menu/new/style.css?1479913353850','/local/templates/articles/components/bitrix/system.auth.form/.default/style.css?1477038552812','/bitrix/components/bitrix/socserv.auth.form/templates/flat/style.css?14624592372462','/local/templates/articles/template_styles.css?158803048788152']); </script>
69 70 71
72<script type="text/javascript" src="/bitrix/cache/js/s1/articles/page_69d57dce76691ec4a91790176c7631e2/page_69d57dce76691ec4a91790176c7631e2.js?15527518037812"></script>
vendor: 1 bytes, line 72
72
73<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "54aa0e2a6a1dc0441620d971caa2a1a3"]); _ba.push(["host", "100atm.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
73 74 75 76 <meta property="og:title" content="100 ÐÑмоÑÑеÑ" /> 77 <meta property="og:description" content="ÐÑмоÑÑеÑнÑй баÑÑл" /> 78 <meta property="og:image" content="http://100atm.ru/local/templates/articles/images/logo_temp.png"> 79 80 <link href='https://fonts.googleapis.com/css?family=PT+Serif&subset=latin,cyrillic' rel='stylesheet' type='text/css'> 81</head> 82 83<body> 84 <style> 85 .accent-select input{ 86 display: none; 87 } 88 .accent-select-letter{ 89 display: inline-block; 90 text-transform: lowercase; 91 min-width: 5px; 92 } 93 .accent-select-letter.vowel{ 94 cursor: pointer; 95 } 96 .accent-select-letter.active, 97 .accent-select-letter.addit{ 98 background: #f94f21; 99 color: #fff; 100 } 101 102 .accent-select-letter.active { 103 text-transform: uppercase; 104 } 105 106 .word-select input[name=write], 107 .word-select input[name=current-transcript], 108 .word-select input[name=current-accent], 109 .word-select input[name=current-scheme]{ 110 display: none; 111 } 112 113 .word-select .slick-prev:before, 114 .word-select .slick-next:before{ 115 color: #f94f21; 116 } 117 .word-select{ 118 padding: 0 40px; 119 font-family: "Arial"; 120 } 121 .word-select .variant:focus{ 122 outline: none; 123 } 124 </style> 125 126 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 127 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="display:block;"> 128 <defs> 129 <clipPath id="cmmnt-path"> 130 <path d="M713.94,308.2H286.059c-33.978,0-61.479,27.517-61.479,61.479v245.327c0,33.965,27.5,61.498,61.479,61.498h231.889 131 l91.266,95.953c3.908,4.102,9.286,6.338,14.736,6.338c2.167,0,4.33-0.355,6.443-1.027c7.441-2.504,12.872-9.09,13.757-16.92 132 l9.964-84.344h59.826c33.979,0,61.479-27.533,61.479-61.498V369.679C775.42,335.717,747.919,308.2,713.94,308.2z"/> 133 </clipPath> 134 <clipPath id="dwnld-path"> 135 <path d="M716.42,688.682v39.25c0,18.941-15.355,34.262-34.264,34.262H317.881c-18.939,0-34.26-15.32-34.26-34.262v-39.25 136 c0-18.928,15.321-34.266,34.26-34.266h364.275C701.064,654.416,716.42,669.754,716.42,688.682z M479.275,612.998 137 c5.894,5.201,13.333,7.83,20.736,7.83c7.421,0,14.823-2.629,20.753-7.83l190.595-166.933c9.873-8.663,13.333-22.511,8.754-34.797 138 c-4.616-12.283-16.388-20.415-29.487-20.415h-44.314V272.087c0-18.926-15.374-34.281-34.298-34.281H387.99 139 c-18.908,0-34.298,15.355-34.298,34.281v118.767h-44.314c-13.1,0-24.836,8.132-29.467,20.415c-4.62,12.286-1.14,26.134,8.715,34.797 140 L479.275,612.998z"/> 141 </clipPath> 142 <clipPath id="info-path"> 143 <path d="M500,798.059c-164.375,0-298.054-133.717-298.054-298.074c0-164.319,133.68-298.045,298.054-298.045 144 c164.322,0,298.055,133.726,298.055,298.045C798.055,664.342,664.322,798.059,500,798.059z M500,270.636 145 c-126.471,0-229.333,102.887-229.333,229.349c0,126.457,102.862,229.335,229.333,229.335c126.444,0,229.351-102.879,229.351-229.335 146 C729.351,373.523,626.444,270.636,500,270.636z M542.812,482.65c0-14.646-10.431-26.549-23.338-26.549h-41.782 147 c-12.854,0-23.328,11.903-23.328,26.549v163.141c0,14.664,10.474,26.543,23.328,26.543h41.782c12.907,0,23.338-11.879,23.338-26.543 148 V482.65z M498.579,317.423c-27.19,0-49.266,22.059-49.266,49.257c0,27.223,22.076,49.281,49.266,49.281 149 c27.216,0,49.264-22.059,49.264-49.281C547.843,339.482,525.795,317.423,498.579,317.423z"/> 150 </clipPath> 151 <clipPath id="like-path"> 152 <path d="M623.647,265.413c-76.353-0.603-123.685,77.938-123.685,77.938s-47.205-78.54-123.611-77.938 153 c-67.961,0.533-152.036,57.503-137.87,170.944c20.167,161.18,261.481,298.233,261.481,298.233s241.408-137.053,261.556-298.233 154 C775.688,322.916,691.59,265.946,623.647,265.413z"/> 155 </clipPath> 156 <clipPath id="pause-path"> 157 <path d="M437.786,275.93v448.103c0,17.576-14.239,31.795-31.788,31.795h-88.382c-17.515,0-31.761-14.219-31.761-31.795V275.93 158 c0-17.558,14.246-31.76,31.761-31.76h88.382C423.547,244.17,437.786,258.373,437.786,275.93z M682.377,244.17h-88.394 159 c-17.529,0-31.758,14.202-31.758,31.76v448.103c0,17.576,14.229,31.795,31.758,31.795h88.394c17.53,0,31.77-14.219,31.77-31.795 160 V275.93C714.146,258.373,699.907,244.17,682.377,244.17z"/> 161 </clipPath> 162 <clipPath id="play-path"> 163 <path d="M721.264,455.586c42.286,24.445,42.286,64.404,0,88.833l-109.784,63.346c-42.278,24.43-111.515,64.408-153.781,88.816
164 l-109.773,63.361c-42.322,24.43-76.905,4.439-76.905-44.383V588.803c0-48.822,0-128.761,0-177.599V284.447 165 c0-48.839,34.583-68.812,76.905-44.401l109.773,63.378c42.266,24.428,111.502,64.389,153.781,88.817L721.264,455.586z"/> 166 </clipPath> 167 <clipPath id="points-path"> 168 <path 169 d="M866.136,399.387c-3-10.263-11.486-18.001-21.941-20.08l-213.092-42.233L525.082,147.488 170 c-5.093-9.088-14.695-14.716-25.081-14.716c-10.387,0-20.01,5.628-25.053,14.716L368.874,337.074l-213.052,42.233 171 c-10.174,2.042-18.535,9.427-21.711,19.299c-3.214,9.906-0.819,20.771,6.229,28.404l147.547,159.423l-25.653,215.68 172 c-1.243,10.332,3.211,20.521,11.626,26.631c4.973,3.639,10.92,5.484,16.902,5.484c4.1,0,8.203-0.85,12.003-2.627l198.229-91.482 173 l195.902,75.93c9.481,3.588,20.044,2.061,28.032-4.115c7.953-6.145,12.109-16.066,10.937-26.1l-25.53-214.688l148.186-142.964 174 C866.208,420.761,869.138,409.665,866.136,399.387z" 175 /> 176 </clipPath> 177 <clipPath id="txt-path"> 178 <path d="M337.503,304.356v32.614c0,13.065-10.59,23.664-23.665,23.664h-68.517v334.99c0,13.068-10.607,23.648-23.682,23.648h-35.408 179 c-13.041,0-23.623-10.58-23.623-23.648v-334.99h-69.68c-13.075,0-23.656-10.599-23.656-23.664v-32.614 180 c0-13.075,10.582-23.63,23.656-23.63h220.909C326.913,280.727,337.503,291.282,337.503,304.356z M547.05,493.797l89.191-178.886 181 c3.603-7.341,3.257-16.004-1.048-22.999c-4.323-6.952-11.947-11.186-20.112-11.186h-39.953c-9.142,0-17.568,5.274-21.431,13.608 182 l-51.812,110.789l-52.645-110.922c-3.908-8.272-12.226-13.475-21.396-13.475H388.49c-8.148,0-15.747,4.2-20.096,11.133 183 c-4.333,7.011-4.724,15.674-1.067,23.015l88.669,178.923l-94.863,191.317c-3.648,7.352-3.241,16.012,1.082,22.973 184 c4.315,6.959,11.949,11.186,20.088,11.186h39.907c9.134,0,17.435-5.184,21.368-13.402l58.389-121.768l57.998,121.713 185 c3.935,8.219,12.261,13.457,21.357,13.457h39.943c0.056,0,0.108,0,0.136,0c13.065,0,23.681-10.58,23.681-23.648 186 c0-4.705-1.385-9.125-3.778-12.836L547.05,493.797z M907.062,280.727H686.163c-13.057,0-23.666,10.555-23.666,23.63v32.614 187 c0,13.065,10.609,23.664,23.666,23.664h69.645l-4.154,334.99c0,13.068,10.617,23.648,23.646,23.648h35.435 188 c13.083,0,23.647-10.58,23.647-23.648l4.138-334.99h68.542c13.015,0,23.666-10.599,23.666-23.664v-32.614 189 C930.728,291.282,920.076,280.727,907.062,280.727z"/> 190 </clipPath> 191 <clipPath id="vote-path"> 192 <path d="M553.875,786.75c-29.63,51.305-78.131,51.305-107.78,0l-76.869-133.221c-29.648-51.338-78.167-135.313-107.779-186.654 193 l-76.888-133.184c-29.667-51.341-5.416-93.327,53.861-93.327h153.814c59.243,0,156.277,0,215.505,0H761.55 194 c59.295,0,83.547,41.985,53.914,93.327l-76.922,133.184c-29.629,51.341-78.133,135.316-107.76,186.654L553.875,786.75z"/> 195 </clipPath> 196 <clipPath id="yt-path"> 197 <path d="M424.559,594.755l-0.02-205.27l197.391,103.012L424.559,594.755L424.559,594.755z M857.963,353.918 198 c0,0-7.136-50.331-29.008-72.503c-27.829-29.098-58.959-29.23-73.239-30.943c-102.194-7.385-255.554-7.385-255.554-7.385h-0.331 199 c0,0-153.323,0-255.57,7.385c-14.31,1.713-45.414,1.846-73.223,30.943c-21.89,22.172-29.017,72.503-29.017,72.503 200 s-7.297,59.117-7.297,118.234v55.422c0,59.119,7.297,118.238,7.297,118.238s7.127,50.346,29.017,72.537 201 c27.81,29.08,64.319,28.121,80.572,31.193c58.443,5.592,248.375,7.367,248.375,7.367s153.537-0.25,255.731-7.633
202 c14.28-1.705,45.41-1.848,73.239-30.928c21.872-22.191,29.008-72.537,29.008-72.537s7.313-59.119,7.313-118.238v-55.422 203 C865.276,413.036,857.963,353.918,857.963,353.918L857.963,353.918z"/> 204 </clipPath> 205 <clipPath id="volume-path"> 206 <path d="M624.252,390.967c0,0,5.46,13.834,5.46,29.363c0,17.588-6.131,31.571-6.131,31.571 207 c-3.044,6.369-4.484,10.213-9.569,10.082h-1.709c-5.655,0-11.95-8.449-8.625-12.848c0,0,5.893-6.666,5.893-29.492 208 c0-18.838-6.212-26.624-6.212-26.624c-3.86-6.155,3.289-12.302,8.944-12.302h1.709C619.667,380.718,621.751,385.308,624.252,390.967 209 z M654.407,354.388c-1.226-1.994-6.424-7.474-12.285-5.476c-4.758,1.628-10.014,7.024-6.939,14.132c0,0,15.193,20.094,15.193,56.232 210 c0,35.798-14.17,58.597-14.17,58.597c-4.781,7.543,1.854,15.535,7.508,15.535h1.709c5.655,0,9.176-4.398,11.014-8.223 211 c0,0,14.935-25.549,14.935-66.756C671.371,382.467,654.407,354.388,654.407,354.388z M570.062,351.944 212 c-5.947,5.433-15.419,18.015-29.539,33.824h-26.861c-11.941,0-21.623,9.682-21.623,21.62v28.113
213 c0,11.943,9.682,21.625,21.623,21.625h27.572c13.101,17.615,19.633,25.963,26.783,32.668c7.153,6.701,21.331,3.535,21.331-12.414 214 V364.487C589.348,350.446,576.013,346.517,570.062,351.944z"/> 215 </clipPath> 216 217 <clipPath id="medal-path"> 218 <path d="M1804.959,1997.175c0,214.41-173.814,388.225-388.225,388.225c-214.41,0-388.225-173.814-388.225-388.225 c0-214.411,173.814-388.225,388.225-388.225C1631.145,1608.95,1804.959,1782.764,1804.959,1997.175z M1378.933,1504.421 l-102.413-177.384c-8.736-15.131-28.083-27.397-43.216-27.397H847.189c-15.131,0-20.316,12.266-11.58,27.397l203.336,352.188 C1121.893,1580.616,1242.675,1514.89,1378.933,1504.421z M1999.043,1327.037l-203.336,352.189 c-82.947-98.61-203.73-164.336-339.988-174.805l102.414-177.384c8.736-15.131,28.084-27.397,43.215-27.397h386.115 C2002.594,1299.64,2007.779,1311.906,1999.043,1327.037z M1333.142,1890.567l-167.289,34.162l115.259,125.967l-19.204,169.66 l155.419-70.693l155.42,70.693l-19.203-169.66l115.258-125.967l-167.289-34.162l-84.186-148.544L1333.142,1890.567z" 219 /> 220 </clipPath> 221 <clipPath id="medal1-path"> 222 <path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115 c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64 h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189 C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225 c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225 C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1486.002,2191.831h-103.011v-291.863h-41.204v-89.848h144.215V2191.831z" 223 /> 224 </clipPath> 225 <clipPath id="medal2-path"> 226 <path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115 c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64 h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189 C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225 c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225 C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1543.801,2104.272v87.559h-262.104l104.155-139.064 c26.897-36.055,62.378-83.553,62.378-130.48c0-15.451-5.723-34.336-24.035-34.336c-22.892,0-24.608,30.902-24.608,46.926 c0,4.578,0,9.156,0.572,13.734H1300.01c-0.572-4.578-0.572-9.156-0.572-13.734c0-74.969,50.933-131.624,127.046-131.624 c73.252,0,122.467,53.221,122.467,124.756c0,72.68-49.787,131.625-100.148,179.125 C1480.852,2104.845,1511.754,2104.845,1543.801,2104.272z" 227 /> 228 </clipPath> 229 <clipPath id="medal3-path"> 230 <path d="M1038.946,1679.225l-203.336-352.188c-8.736-15.131-3.551-27.397,11.58-27.397h386.115 c15.133,0,34.48,12.266,43.216,27.397l102.413,177.384C1242.675,1514.89,1121.893,1580.616,1038.946,1679.225z M1987.463,1299.64 h-386.115c-15.131,0-34.479,12.266-43.215,27.397l-102.414,177.384c136.258,10.469,257.041,76.194,339.988,174.805l203.336-352.189 C2007.779,1311.906,2002.594,1299.64,1987.463,1299.64z M1416.734,1608.95c-214.41,0-388.225,173.814-388.225,388.225 c0,214.41,173.814,388.225,388.225,388.225c214.411,0,388.225-173.814,388.225-388.225 C1804.959,1782.764,1631.145,1608.95,1416.734,1608.95z M1412.75,2198.698c-68.102,0-125.33-41.205-125.33-113.313v-5.723h100.722 c0,17.74,4.006,34.338,25.18,34.338c20.03,0,28.042-17.742,28.042-35.482c0-25.752-16.023-40.059-41.204-40.059 c-6.295,0-12.018,0.572-18.313,1.145v-81.264c4.006,0.572,8.584,0.572,12.59,0.572c27.47,0,42.349-9.73,42.349-38.916 c0-14.307-4.578-31.475-22.319-31.475c-16.024,0-20.03,17.74-20.03,30.33h-99.577c4.578-69.818,53.222-115.6,123.613-115.6 c62.951,0,119.033,44.637,119.033,111.022c0,36.053-15.451,62.379-46.354,80.119c33.764,20.029,50.932,49.217,50.932,88.703 C1542.084,2156.349,1481.424,2198.698,1412.75,2198.698z" 231 /> 232 </clipPath> 233 </defs> 234</svg> 235 236<style type="text/css"> 237.svg-icon{ 238 width:32px; 239 height:32px; 240 cursor:pointer; 241 fill: #ccc; 242} 243.svg-icon rect{ 244 width: 1000px; 245 height: 1000px; 246} 247.cmmnt-icon rect{ 248 clip-path:url('#cmmnt-path'); 249} 250.dwnld-icon rect{ 251 clip-path:url('#dwnld-path'); 252} 253.info-icon rect{ 254 clip-path:url('#info-path'); 255} 256.like-icon rect{ 257 clip-path:url('#like-path'); 258} 259.pause-icon rect{ 260 clip-path:url('#pause-path'); 261} 262.play-icon rect{ 263 clip-path:url('#play-path'); 264} 265.points-icon rect{ 266 clip-path:url('#points-path'); 267} 268.txt-icon rect{ 269 clip-path:url('#txt-path'); 270} 271.vote-icon rect{ 272 clip-path:url('#vote-path'); 273} 274.yt-icon rect{ 275 clip-path:url('#yt-path'); 276} 277.volume-icon rect{ 278 clip-path:url('#volume-path'); 279} 280.medal-icon rect{ 281 height: 3685.04px; 282 width: 2834.65px; 283 clip-path:url('#medal-path'); 284} 285.medal1-icon rect{ 286 height: 3685.04px; 287 width: 2834.65px; 288 clip-path:url('#medal1-path'); 289 fill: #ceb600; 290} 291.medal2-icon rect{ 292 height: 3685.04px; 293 width: 2834.65px; 294 clip-path:url('#medal2-path'); 295 fill: #9eaeb1; 296} 297.medal3-icon rect{ 298 height: 3685.04px; 299 width: 2834.65px; 300 clip-path:url('#medal3-path'); 301 fill: #b19986; 302} 303</style> 304 305 306<div id="playerWave"> 307 <button id="playerWaveHide"><span class="iconBtnClose"></span></button> 308 309 <div id="playerWaveTime"> 310 <span id="playerWaveCurrent">0:00</span> / <span id="playerWaveTotal">0:00</span> 311 </div> 312 313 <span id="playerWaveName"></span> 314 315 <button href="#" class="playerWavePlay" data-src=""></button> 316 <button href="#" class="playerWavePause"></button> 317 <div id="waveform"> 318 <div id="playerWaveLoader"> 319 <div id="playerLoadProgress"> 320 <img src=""> 321 </div> 322 <div id="playerPlayProgress"> 323 <img src=""> 324 </div> 325 <img id="playerWaveWaves" src=""> 326 </div> 327 </div> 328 329 <br> 330 331 <div id="playerWaveLeft"> 332 <button id="playerWavePrev"></button> 333 <button id="playerWaveNext"></button> 334 </div> 335 336 <div id="playerWaveCenter"> 337 <button id="playerWaveRepeat"></button> 338 <a id="playerWaveDownload" download></a> 339 </div> 340 341 <div id="playerWaveRight">
342 <!-- <input id="playerWaveVolume" type="range" min="0" max="100" value="50" style="width: 100%" /> --> 343 <button id="playerWaveMute"></button> 344 <input id="volumeInput" data-slider-id='volumeSlider' type="text" data-slider-tooltip="hide" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50"/> 345 </div> 346</div> 347 348<div id="header-player"> 349 <button href="#" class="playerWavePlay" data-src=""></button> 350 <button href="#" class="playerWavePause"></button> 351 <span class="playerHeaderName" ></span> 352 <span class="playerHeaderTheme"></span> 353</div> 354
355<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/6.1.5/bootstrap-slider.min.js"></script>
355 356
357<script type="text/javascript"> 358 // ÐÑÑÑем Ð¿Ð»ÐµÐµÑ Ð¿Ð¾Ð´ вк-Ð²Ð¸Ð´Ð¶ÐµÑ Ð² пÑавÑй Ñайд когда еÑÑÑ Ð¼ÐµÑÑо 359 $(window).on('scroll', function(event){ 360 var vkBlock = $('#vk_groups').parents('.side-block'); 361 vkBlock.after($('#header-player')); 362 363 var newPos; 364 if($(window).scrollTop() < 50){ 365 newPos = 100 - $(window).scrollTop(); 366 } 367 else{ 368 newPos = 50; 369 } 370 $('#header-player').css({ 371 'top': newPos 372 }); 373 374 if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible') && $('.playerWavePause.active').length > 0){ 375 var playerTop = $('.playerWavePause.active').offset().top; 376 if($(window).scrollTop() > playerTop || $(window).scrollTop() < playerTop - $(window).height()){ 377 $('#header-player').slideDown(); 378 } 379 } 380 381 382 /*var scrollPos = $(window).height() + $(window).scrollTop(); 383 var vkBlock = $('#vk_groups').parents('.side-block'); 384 if(vkBlock.length > 0){ 385 var vkPos = $(vkBlock).offset().top + $(vkBlock).height() + parseInt($(vkBlock).css('margin-bottom')); 386 387 if($(window).scrollTop() < 20){ 388 vkPos += $(window).scrollTop() - 20; 389 } 390 391 vkBlock.after($('#header-player')); 392 $('#header-player').css({ 393 'position' : 'relative', 394 'top' : $(window).scrollTop() - vkPos, 395 }); 396 }*/ 397 }); 398 399 /* 400 Ðнопки внÑÑÑи плееÑа 401 */ 402 // PLAY 403 $('body').on('click', '#playerWave .playerWavePlay, #header-player .playerWavePlay', function(event){ 404 event.preventDefault(); 405 406 wavesurfer.play(); 407 // ÐодменÑем кнопки 408 $('#playerWave .playerWavePlay').hide(); 409 $('#header-player .playerWavePlay').hide(); 410 $('#playerWave .playerWavePause').show(); 411 $('#header-player .playerWavePause').show(); 412 413 $('#player-wrapper'+currentTrack+' .playerWavePlay').hide(); 414 $('#player-wrapper'+currentTrack+' .playerWavePause').show(); 415 416 return false; 417 }); 418 419 // PAUSE 420 $('body').on('click', '#playerWave .playerWavePause, #header-player .playerWavePause', function(event){ 421 event.preventDefault(); 422 423 wavesurfer.pause(); 424 // ÐодменÑем кнопки 425 $('#playerWave .playerWavePause').hide(); 426 $('#header-player .playerWavePause').hide(); 427 $('#playerWave .playerWavePlay').show(); 428 $('#header-player .playerWavePlay').show(); 429 430 $('#player-wrapper'+currentTrack+' .playerWavePlay').show(); 431 $('#player-wrapper'+currentTrack+' .playerWavePause').hide(); 432 433 return false; 434 }); 435 436 // NEXT 437 $('#playerWaveNext').on('click', function(event){ 438 console.log(currentPlayer); 439 if(currentTrack > 0){ 440 var playerWrapper = $('#player-wrapper'+currentTrack); 441 do{ 442 playerWrapper = playerWrapper.next(); 443 }while(playerWrapper.hasClass('track-not-loaded') || playerWrapper.is(':hidden')); 444 playerWrapper.find('.playerWavePlay').click(); 445 } 446 else if(currentPlayer > 0){ 447 var nextPlayer = parseInt(currentPlayer)+1; 448 if($('[data-player='+nextPlayer+']').length == 0){ 449 nextPlayer = 1; 450 } 451 if($('[data-player='+nextPlayer+']').parents('.playlist-side').length > 0){ 452 $('[data-player='+nextPlayer+'] .play-icon').click(); 453 } 454 else{ 455 if($('[data-player='+nextPlayer+'] .start-load').length > 0){ 456 $('[data-player='+nextPlayer+'] .start-load').click(); 457 } 458 else{ 459 $('[data-player='+nextPlayer+']').click(); 460 } 461 } 462 } 463 return false; 464 }); 465 // PREV 466 $('#playerWavePrev').on('click', function(event){ 467 if(currentTrack > 0){ 468 var playerWrapper = $('#player-wrapper'+currentTrack); 469 do{ 470 playerWrapper = playerWrapper.prev(); 471 }while(playerWrapper.hasClass('track-not-loaded') || playerWrapper.is(':hidden')); 472 playerWrapper.find('.playerWavePlay').click(); 473 } 474 else if(currentPlayer > 0){ 475 var prevPlayer = parseInt(currentPlayer)-1; 476 if(prevPlayer < 1){ 477 var i = 1; 478 while($('[data-player='+i+']').length > 0) i++; 479 prevPlayer = i - 1; 480 } 481 if($('[data-player='+prevPlayer+']').parents('.playlist-side').length > 0){ 482 $('[data-player='+prevPlayer+'] .play-icon').click(); 483 } 484 else{ 485 $('[data-player='+prevPlayer+']').click(); 486 } 487 } 488 return false; 489 }); 490 491 // DOWNLOAD 492 $('body').on('click', '#playerWaveDownload', function(event){ 493 var btn = $(event.currentTarget); 494 var trackID = parseInt($(event.currentTarget).attr('data-id')); 495 496 if(trackID > 0){ 497 $.ajax({ 498 url:'/ajax-tools/tracks.php', 499 data:{ 500 'action' : 'download', 501 'trackID' : trackID 502 }, 503 dataType:'json', 504 success: function(data){ 505 $('#download-num-'+trackID).html(data.downloads); 506 } 507 }); 508 } 509 }); 510 511 // REPEAT 512 $('body').on('click', '#playerWaveRepeat', function(event){ 513 var btn = $(event.currentTarget); 514 btn.toggleClass('active'); 515 return false;
516 }); 517 /*wavesurfer.on('finish', function (){ 518 if($('.player-new.active').next().hasClass('player-new')){ 519 $('.player-new.active').next().find('.play-icon').click(); 520 } 521 else{ 522 $('.player-new.active .player-new-progress').width(0); 523 $('.player-new.active').removeClass('active').addClass('paused'); 524 } 525 });*/ 526 527 528 // СвоÑаÑивание плееÑа в ÑÐ°Ð¿ÐºÑ 529 $('body').on('click', '#header-player', function(event){ 530 event.preventDefault(); 531 $('#playerWave').slideDown(); 532 $('#header-player').slideUp(); 533 534 return false; 535 }); 536 $('body').on('click', '#playerWaveHide', function(event){ 537 event.preventDefault(); 538 $('#playerWave').slideUp(); 539 $('#header-player').slideDown(); 540 541 return false; 542 }); 543 544 var startPlayerPosition, startMousePosition; 545 $('body').on('mousedown', '#playerWave', function(event){ 546 startPlayerPosition = $('#playerWave').position(); 547 startMousePosition = { 548 top: event.screenY, 549 left: event.screenX, 550 }; 551 $('body').on('mousemove', movePlayer); 552 $('body').on('mouseup', function(event){ 553 $('body').off('mousemove', movePlayer); 554 }); 555 }); 556 function movePlayer(event){ 557 var diffX = event.screenX - startMousePosition.left; 558 var diffY = event.screenY - startMousePosition.top; 559 560 $('#playerWave').css({ 561 'left': startPlayerPosition.left + diffX + 'px', 562 'top': startPlayerPosition.top + diffY + 'px', 563 }); 564 } 565 566 // MUTE 567 //var oldVolume = 50; 568 $('#playerWaveMute').on('click', function(event){ 569 event.preventDefault(); 570 571 var btn = $(event.currentTarget); 572 if(btn.hasClass('active')){ 573 sliderVolume.slider('setValue', playerVolume); 574 wavesurfer.setVolume(playerVolume / 100); 575 btn.removeClass('active'); 576 } 577 else{ 578 sliderVolume.slider('setValue', 0); 579 wavesurfer.setVolume(0); 580 btn.addClass('active'); 581 } 582 }); 583 584 // VOLUME 585 var playerVolume = 50; 586 $(document).ready(function(event){ 587 $('audio').on('timeupdate', function(event){ 588 var audio = event.currentTarget; 589 var percent = audio.currentTime / audio.duration; 590 var player = $(audio).parents('.player-new'); 591 592 $(player).find('.player-new-progress').width(percent*100+'%'); 593 594 var minutes = Math.floor(audio.currentTime / 60); 595 var seconds = Math.floor(audio.currentTime % 60); 596 if(seconds < 10){ 597 seconds = '0' + seconds; 598 } 599 $('.player-new.active .player-new-duration').text(minutes+':'+seconds); 600 }); 601 602 $('audio').on('ended', function(event){ 603 if($('.player-new.active').next().hasClass('player-new')){ 604 $('.player-new.active').next().find('.play-icon').trigger('touchstart'); 605 //$('.player-new.active').next().find('.play-icon').click(); 606 } 607 else{ 608 $('.player-new.active .player-new-progress').width(0); 609 $('.player-new.active').removeClass('active').addClass('paused'); 610 } 611 }); 612 613 var sliderVolume = $('#volumeInput').slider({}); 614 615 var sliderVolumeTracks = []; 616 $('.playerWavePlay .volumeInputHeader').each(function(index, item){ 617 var slider = $(item).slider({}); 618 slider.on('change', function(event){ 619 playerVolume = event.value.newValue; 620 sliderVolume.slider('setValue', playerVolume); 621 wavesurfer.setVolume(playerVolume / 100); 622 $('#playerWaveMute').removeClass('active'); 623 624 for(var i = 0; i < sliderVolumeTracks.length; i++){ 625 sliderVolumeTracks[i].slider('setValue', playerVolume); 626 } 627 }); 628 sliderVolumeTracks.push(slider); 629 }); 630 631 var sliderVolumeHeader = $('.volumeInputHeader').slider({}); 632 /*wavesurfer.setVolume(0.5);*/ 633 sliderVolume.on('change', function(event){ 634 playerVolume = event.value.newValue; 635 wavesurfer.setVolume(playerVolume / 100); 636 $('#playerWaveMute').removeClass('active'); 637 638 for(var i = 0; i < sliderVolumeTracks.length; i++){ 639 sliderVolumeTracks[i].slider('setValue', playerVolume); 640 } 641 }); 642 643 $('body').on('click', '.playerWavePause .slider', function(event){ 644 event.preventDefault; 645 646 return false; 647 }); 648 }); 649 650 var previousScroll = 0; 651 $('#playerWaveRight').on('mouseover', function(event){ 652 previousScroll = $(document).scrollTop(); 653 $('body').on('DOMMouseScroll', volumeScroll); 654 $(document).on('mousewheel', volumeScroll); 655 }); 656 $('#playerWaveRight').on('mouseout', function(event){ 657 $('body').off('DOMMouseScroll', volumeScroll); 658 $(document).off('mousewheel', volumeScroll); 659 }); 660 function volumeScroll(event){ 661 event.preventDefault(); 662 663 var currentScroll = $(this).scrollTop(); 664 if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail <= 0){ 665 playerVolume += 5; 666 playerVolume = (playerVolume > 100) ? 100 : playerVolume; 667 } 668 else{ 669 playerVolume -= 5; 670 playerVolume = (playerVolume < 0) ? 0 : playerVolume; 671 } 672 //previousScroll = currentScroll; 673 674 sliderVolume.slider('setValue', playerVolume); 675 wavesurfer.setVolume(playerVolume / 100); 676 677 //$(this).scrollTop(previousScroll); 678 679 /*if (event.originalEvent.wheelDelta >= 0) { 680 } 681 else{ 682 } 683 684 */ 685 686 return false;
687 } 688 689 690 // TIME 691 /*wavesurfer.on('audioprocess', function (event) { 692 if(wavesurfer.getDuration() > 0){ 693 var duration = wavesurfer.getDuration(); 694 695 var minutes = Math.floor(duration / 60); 696 var seconds = Math.floor(duration % 60); 697 if(seconds < 10){ 698 seconds = '0' + seconds; 699 } 700 $('#playerWaveTotal').text(minutes+':'+seconds); 701 } 702 if(wavesurfer.getCurrentTime() > 0){ 703 var duration = wavesurfer.getCurrentTime(); 704 705 var minutes = Math.floor(duration / 60); 706 var seconds = Math.floor(duration % 60); 707 if(seconds < 10){ 708 seconds = '0' + seconds; 709 } 710 $('#playerWaveCurrent').text(minutes+':'+seconds); 711 712 if(currentArticlePlayer > 0){ 713 $('.playerArticle[data-player='+currentArticlePlayer+'] .playerDuration').text(minutes+':'+seconds).show(); 714 } 715 716 $('.player-new.active .player-new-duration').text(minutes+':'+seconds); 717 } 718 719 if(wavesurfer.getCurrentTime() > 0 && wavesurfer.getDuration() > 0){ 720 var percent = wavesurfer.getCurrentTime() / wavesurfer.getDuration(); 721 var newWidth = parseInt(590 * percent); 722 723 $('#playerPlayProgress').css({'width':newWidth}); 724 $('#playerPlayProgress').css({'width':newWidth}); 725 726 if(currentPlayer > 0){ 727 $('[data-player='+currentPlayer+'] .playerProgressHolder').width(percent*100+'%'); 728 } 729 730 if(currentArticlePlayer > 0){ 731 $('.playerArticle[data-player='+currentArticlePlayer+'] .playerProgress').width(percent*100+'%'); 732 } 733 734 $('.player-new.active .player-new-progress').width(percent*100+'%'); 735 } 736 });*/ 737 738 /*wavesurfer.on('redraw', function(peaks){ 739 if(!waveExist && peaks.length > 0){ 740 var temp = $('#waveform canvas')[0].toDataURL('image/png'); 741 if(currentTrack > 0){ 742 var trackID = $('#player-wrapper'+ currentTrack +' .player').attr('id').replace('player',''); 743 } 744 else if(currentPlayer > 0){ 745 var trackSrc = $('[data-player='+currentPlayer+']').attr('data-src'); 746 } 747 } 748 });*/ 749 750 751 // Ðнопки в ÑаблиÑе 752 var currentTrack = 0; // Ðомним ÑекÑÑий ÑÑек 753 var currentPlayer = 0; // Ðомним ÑекÑÑий ÑÑек 754 var waveExist; // ÐÑÑÑ Ð»Ð¸ Ð´Ð»Ñ Ð½ÐµÐ³Ð¾ Ð²Ð¾Ð»Ð½Ñ 755 // PLAY 756 $('body').on('click', '#round-table .playerWaveToggle .playerWavePlay, .add-track .playerWaveToggle .playerWavePlay', function(event){ 757 event.preventDefault(); 758 759 if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible')){ 760 $('#playerWave').slideDown(); 761 } 762 763 waveExist = false; 764 765 var btn = $(event.currentTarget); 766 var btnSibling = btn.siblings('.playerWavePause'); 767 var playerWrapper = btn.parents('.player-wrapper'); 768 var trackSrc = btn.attr('data-src'); 769 var waveSrc = btn.attr('data-waves'); 770 if(waveSrc != undefined && waveSrc.length > 0){ 771 waveExist = true; 772 } 773 774 newTrack = playerWrapper.attr('id').replace('player-wrapper', ''); 775 currentPlayer = 0; 776 if(currentTrack != newTrack){ 777 wavesurfer.load(trackSrc); 778 779 var trackID = playerWrapper.find('.player').attr('id').replace('player', ''); 780 $('#playerWaveDownload').attr({'data-id':trackID}); 781 $('#playerWaveDownload').attr({'href':trackSrc}); 782 783 var name = playerWrapper.find('.player-name').text().trim(); 784 var theme = playerWrapper.find('.player-theme').text().trim(); 785 786 $('#playerWaveName').text(name + ' ' + theme); 787 $('#playerWaveName').attr({'title':name + ' ' + theme}); 788 $('#header-player').attr({'title':name+' '+theme}); 789 $('.playerHeaderName').text(name); 790 $('.playerHeaderTheme').text(theme.substr(2)); 791 792 if(waveExist){ 793 $('#playerLoadProgress img').show().attr({'src':waveSrc}); 794 $('#playerPlayProgress img').show().attr({'src':waveSrc}); 795 $('#playerPlayProgress').css({'width':0}); 796 //$('#playerWaveWaves').show().attr({'src':waveSrc}); 797 $('#waveform wave').css({'opacity':0}); 798 } 799 else{ 800 $('#playerLoadProgress img').hide().attr({'src':waveSrc}); 801 $('#playerPlayProgress img').hide().attr({'src':waveSrc}); 802 //$('#playerWaveWaves').hide().attr({'src':waveSrc}); 803 $('#waveform wave').css({'opacity':1}); 804 } 805 806 } 807 808 $('#playerWave .playerWavePlay').hide(); 809 $('#header-player .playerWavePlay').hide(); 810 $('#playerWave .playerWavePause').show(); 811 $('#header-player .playerWavePause').show(); 812 $('#round-table .playerWavePlay').show(); 813 $('#round-table .playerWavePause').hide(); 814 $('.playlist-side .playerWavePause').addClass('playerWavePlay'); 815 $('.playlist-side .playerWavePause').removeClass('playerWavePause'); 816 btn.hide(); 817 btnSibling.show(); 818 819 wavesurfer.play(); 820 if($('#playerWaveMute').hasClass('active')){ 821 wavesurfer.setVolume(0); 822 } 823 else{ 824 wavesurfer.setVolume(playerVolume / 100); 825 } 826 827 currentTrack = newTrack; 828 829 return false;
830 }); 831 832 // PAUSE 833 $('body').on('click', '#round-table .playerWaveToggle .playerWavePause, .add-track .playerWaveToggle .playerWavePause', function(event){ 834 event.preventDefault(); 835 836 var btn = $(event.currentTarget); 837 838 $('#playerWave .playerWavePause').hide(); 839 $('#header-player .playerWavePause').hide(); 840 $('#playerWave .playerWavePlay').show(); 841 $('#header-player .playerWavePlay').show(); 842 $('#player-wrapper'+currentTrack+' .playerWavePlay').show(); 843 $('#player-wrapper'+currentTrack+' .playerWavePause').hide(); 844 wavesurfer.pause(); 845 846 return false; 847 }); 848 849 $('body').on('click', '.news-detail .start-load', function(event){ 850 console.log('.start-load'); 851 event.preventDefault(); 852 var btn = $(event.currentTarget); 853 btn.parents('.playerWavePlay').removeClass('blured'); 854 btn.parents('.playerWavePlay').find('.playerText').click(); 855 btn.slideUp(); 856 857 return false; 858 }); 859 $('body').on('click', '.playerWaveShow, .playerProgressHolder img', function(event){ 860 event.preventDefault(); 861 var player = $(event.currentTarget); 862 var x = event.offsetX; 863 864 if(player.parents('div').hasClass('active')){ 865 console.log('progress yes'); 866 wavesurfer.seekTo(x / player.width()); 867 } 868 else{ 869 console.log('progress no'); 870 player.parents('div').find('.playerText').click(); 871 } 872 return false; 873 }); 874 875 $('body').on('click', '.news-detail .playerWavePlay', function(event){ 876 console.log(event.target);
877 console.log(event.currentTarget); 878 }); 879 880 $('body').on('click', '.news-detail .playerWavePlay .playerText, .playlist-side .playerWavePlay .play-icon, .old-points-block .playerWavePlay', function(event){ //.news-detail .playerWavePlay, 881 console.log('play'); 882 if($(event.target).parents('.playerDwnld').length == 0){ 883 event.preventDefault(); 884 var btn = $(event.currentTarget); 885 if(btn.parents('.playlist-side').length > 0){ 886 btn = btn.parents('.playerWavePlay'); 887 } 888 if(btn.parents('.news-detail').length > 0){ 889 btn = btn.parents('.playerWavePlay'); 890 $('.playerWavePlay.active, .playerWavePause.active').removeClass('active'); 891 btn.addClass('active'); 892 893 $('.playerProgressHolder').width(0); 894 var playerWidth = btn.find('.playerWaveShow').width(); 895 btn.find('.playerProgressHolder img').width(playerWidth); 896 } 897 898 /*if(!$('#playerWave').is(':visible') && !$('#header-player').is(':visible')){ 899 $('.news-detail .playerWavePlay').each(function(i, item){ 900 $(item).attr({'data-player':i+1}); 901 }); 902 $('#playerWave').slideDown(); 903 }*/ 904 905 var trackSrc = btn.attr('data-src'); 906 var waveSrc = btn.attr('data-waves'); 907 waveExist = false; 908 if(waveSrc != undefined && waveSrc.length > 0){ 909 waveExist = true; 910 } 911 912 913 var newPlayer = btn.attr('data-player'); 914 currentTrack = 0; 915 if(currentPlayer != newPlayer){ 916 wavesurfer.load(trackSrc); 917 $('#playerWaveDownload').attr({'href':trackSrc}); 918 919 var name = btn.find('.playerName').text(); 920 var theme = btn.find('.playerTheme').text(); 921 if(theme.length > 0){ 922 $('#playerWaveName').text(name + ' - ' + theme); 923 $('#playerWaveName').attr({'title':name + ' - ' + theme}); 924 } 925 else{ 926 $('#playerWaveName').text(name); 927 $('#playerWaveName').attr({'title':name}); 928 } 929 $('#header-player').attr({'title':name+' - '+theme}); 930 $('.playerHeaderName').text(name); 931 $('.playerHeaderTheme').text(theme); 932 933 if(waveExist){ 934 $('#playerLoadProgress img').show().attr({'src':waveSrc}); 935 $('#playerPlayProgress img').show().attr({'src':waveSrc}); 936 $('#playerPlayProgress').css({'width':0}); 937 $('#waveform wave').css({'opacity':0}); 938 } 939 else{ 940 $('#playerLoadProgress img').hide(); 941 $('#playerPlayProgress img').hide(); 942 $('#waveform wave').css({'opacity':1}); 943 } 944 945 currentPlayer = newPlayer; 946 } 947 948 $('#playerWave .playerWavePlay').hide(); 949 $('#playerWave .playerWavePause').show(); 950 $('#header-player .playerWavePlay').hide(); 951 $('#header-player .playerWavePause').show(); 952 953 $('.news-detail .playerWavePause').addClass('playerWavePlay'); 954 $('.news-detail .playerWavePause').removeClass('playerWavePause'); 955 $('.playlist-side .playerWavePause').addClass('playerWavePlay'); 956 $('.playlist-side .playerWavePause').removeClass('playerWavePause'); 957 $('#round-table .playerWavePlay').show(); 958 $('#round-table .playerWavePause').hide(); 959 btn.addClass('playerWavePause'); 960 btn.removeClass('playerWavePlay'); 961 962 if($('#playerWaveMute').hasClass('active')){ 963 wavesurfer.setVolume(0); 964 } 965 else{ 966 wavesurfer.setVolume(playerVolume / 100); 967 } 968 969 wavesurfer.play(); 970 971 return false; 972 } 973 }); 974 $('body').on('click', '.news-detail .playerWavePause, .playlist-side .playerWavePause, .old-points-block .playerWavePause', function(event){ 975 console.log('pause'); 976 if($(event.target).parents('.playerDwnld').length == 0){ 977 event.preventDefault(); 978 979 var btn = $(event.currentTarget); 980 if(btn.parents('.news-detail').length > 0 && $(event.target).prop('tagName') == "IMG"){ 981 return false; 982 } 983 984 btn.removeClass('playerWavePause'); 985 btn.addClass('playerWavePlay'); 986 $('#playerWave .playerWavePause').hide(); 987 $('#header-player .playerWavePause').hide(); 988 $('#playerWave .playerWavePlay').show(); 989 $('#header-player .playerWavePlay').show(); 990 991 wavesurfer.pause(); 992 993 return false; 994 } 995 }); 996 997 var currentArticlePlayer = 0; 998 $('body').on('click', '.playerArticle .progressHolder', function(event){ 999 if($(event.target).parents('.playerDownload').length == 0){ 1000 var holder = $(event.currentTarget); 1001 var player = holder.parents('.playerArticle'); 1002 var trackNum = player.attr('data-player'); 1003 1004 if(currentArticlePlayer == trackNum){ 1005 event.preventDefault(); 1006 1007 var x = event.offsetX - 10; 1008 1009 wavesurfer.pause(); 1010 wavesurfer.seekTo(x / holder.width()); 1011 1012 if(player.hasClass('active')){ 1013 wavesurfer.play(); 1014 } 1015 1016 return false;
1017 } 1018 } 1019 }); 1020 $('body').on('click', '.playerArticle', function(event){ 1021 if($(event.target).parents('.playerDownload').length == 0){ 1022 event.preventDefault(); 1023 var player = $(event.currentTarget); 1024 var trackSrc = player.attr('data-track'); 1025 var trackNum = player.attr('data-player'); 1026 1027 if(player.hasClass('active')){ 1028 player.removeClass('active'); 1029 1030 wavesurfer.pause(); 1031 } 1032 else{ 1033 ytPause(); 1034 if(trackNum != currentArticlePlayer){ 1035 $('.playerArticle').removeClass('active'); 1036 $('.playerArticle .playerProgress').css({'width':0}); 1037 $('.playerArticle .playerDuration').hide(); 1038 wavesurfer.load(trackSrc); 1039 currentArticlePlayer = trackNum; 1040 } 1041 1042 player.addClass('active'); 1043 wavesurfer.play(); 1044 } 1045 1046 return false; 1047 } 1048 }); 1049 1050 function ytPause(){ 1051 $('.ytVideoFrame').each(function(index, item){ 1052 item.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); 1053 }); 1054 if($('.video-js video').length > 0){ 1055 $('.video-js video').each(function(index, item){ 1056 item.pause(); 1057 }); 1058 } 1059 } 1060 1061 $('body').on('click', '.video-js', function(event){ 1062 $('.player-new.active .pause-icon').click(); 1063 $('.ytVideoFrame').each(function(index, item){ 1064 item.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); 1065 }); 1066 if($('.video-js video').length > 0){ 1067 $('.video-js video').each(function(index, item){ 1068 if(item != $(event.currentTarget).find('video')[0]){ 1069 item.pause(); 1070 } 1071 }); 1072 } 1073 }); 1074 1075 function refreshPlayer(playerWrapper){ 1076 } 1077 1078 1079 // super-new-player 1080 $('body').on('click touchstart', '.player-new .play-icon, .player-new:not(.active) .player-new-text', function(event){ 1081 event.preventDefault(); 1082 console.log('play new'); 1083 1084 var btn = $(event.currentTarget); 1085 var player = btn.parents('.player-new'); 1086 var trackSrc = player.attr('data-track'); 1087 1088 if(!player.hasClass('paused')){ 1089 if($('.player-new.active').length > 0){ 1090 var duration = $('.player-new.active audio')[0].duration; 1091 var minutes = Math.floor(duration / 60); 1092 var seconds = Math.floor(duration % 60); 1093 if(seconds < 10){ 1094 seconds = '0' + seconds; 1095 } 1096 $('.player-new.active .player-new-duration').text(minutes+':'+seconds); 1097 1098 $('.player-new.active audio')[0].currentTime = 0; 1099 $('.player-new.active .player-new-progress').width(0); 1100 } 1101 if($('.player-new.paused').length > 0){ 1102 var duration = $('.player-new.paused audio')[0].duration; 1103 var minutes = Math.floor(duration / 60); 1104 var seconds = Math.floor(duration % 60); 1105 if(seconds < 10){ 1106 seconds = '0' + seconds; 1107 } 1108 $('.player-new.paused .player-new-duration').text(minutes+':'+seconds); 1109 1110 $('.player-new.paused audio')[0].currentTime = 0; 1111 $('.player-new.paused .player-new-progress').width(0); 1112 } 1113 $('.player-new .player-new-progress').width(0); 1114 1115 /*wavesurfer.load(trackSrc);*/ 1116 $('#playerWaveDownload').attr({'href':trackSrc}); 1117 1118 var name = player.find('.player-new-name').text(); 1119 var theme = btn.find('.player-new-theme').text(); 1120 if(theme.length > 0){ 1121 $('#playerWaveName').text(name + ' - ' + theme); 1122 $('#playerWaveName').attr({'title':name + ' - ' + theme}); 1123 } 1124 else{ 1125 $('#playerWaveName').text(name); 1126 $('#playerWaveName').attr({'title':name}); 1127 } 1128 $('#header-player').attr({'title':name+' - '+theme}); 1129 $('.playerHeaderName').text(name); 1130 $('.playerHeaderTheme').text(theme); 1131 } 1132 1133 $('.player-new.active').removeClass('active'); 1134 $('.player-new.paused').removeClass('paused'); 1135 player.addClass('active'); 1136 1137 $('#playerWave .playerWavePlay').hide(); 1138 $('#playerWave .playerWavePause').show(); 1139 $('#header-player .playerWavePlay').hide(); 1140 $('#header-player .playerWavePause').show(); 1141 1142 if($('.player-new-mute').hasClass('active')){ 1143 //wavesurfer.setVolume(0); 1144 player.find('audio')[0].volume = 0; 1145 } 1146 else{ 1147 //wavesurfer.setVolume(playerVolume / 100); 1148 player.find('audio')[0].volume = playerVolume / 100; 1149 } 1150 1151 ytPause(); 1152 /*wavesurfer.play();*/ 1153 $('audio').each(function(index, item){ 1154 item.pause(); 1155 }); 1156 player.find('audio')[0].play(); 1157 1158 return false;
1159 }); 1160 1161 1162 $('body').on('click', '.player-to-time', function(event){ 1163 event.preventDefault(); 1164 1165 var link = $(event.currentTarget); 1166 var playerSrc = link.attr('data-track'); 1167 var time = link.attr('data-time'); 1168 1169 var player; 1170 $('.player-new').each(function(index, item){ 1171 if($(item).attr('data-track').indexOf(playerSrc) >= 0){ 1172 player = $(item); 1173 } 1174 }); 1175 1176 //var player = $('.player-new[data-track="'+playerSrc+'"]'); 1177 console.log(player); 1178 var audio = player.find('audio')[0]; 1179 var arTime = time.split(':'); 1180 var duration = parseInt(arTime[0]) * 60 + parseInt(arTime[1]); 1181 1182 console.log(duration); 1183 1184 1185 if($('.player-new.active').length > 0){ 1186 var playerActive = $('.player-new.active'); 1187 playerActive.find('.pause-icon').click(); 1188 //$('.player-new.active').addClass('paused'); 1189 1190 playerActive.find('audio').animate({volume : 0}, 300, function(event){ 1191 audio.currentTime = duration; 1192 audio.volume = 0; 1193 $(audio).animate({volume : playerVolume / 100}, 300); 1194 player.find('.play-icon').click(); 1195 }); 1196 } 1197 else{ 1198 audio.currentTime = duration; 1199 player.find('.play-icon').click(); 1200 } 1201 1202 return false; 1203 }); 1204 1205 1206 $('body').on('click', '.player-new .pause-icon, .player-new.active .player-new-text', function(event){ 1207 event.preventDefault(); 1208 1209 var btn = $(event.currentTarget); 1210 var player = btn.parents('.player-new'); 1211 1212 btn.parents('.player-new').removeClass('active'); 1213 btn.parents('.player-new').addClass('paused'); 1214 1215 $('#playerWave .playerWavePause').hide(); 1216 $('#header-player .playerWavePause').hide(); 1217 $('#playerWave .playerWavePlay').show(); 1218 $('#header-player .playerWavePlay').show(); 1219 1220 /*wavesurfer.pause();*/ 1221 player.find('audio')[0].pause(); 1222 1223 return false; 1224 }); 1225 1226 $('body').on('click', '.player-new.active .player-new-bottom, .player-new.paused .player-new-bottom', function(event){ 1227 event.preventDefault(); 1228 1229 var holder = $(event.currentTarget); 1230 var player = holder.parents('.player-new'); 1231 var x = event.offsetX; 1232 1233 var percent = x / holder.width(); 1234 var duration = player.find('audio')[0].duration; 1235 1236 if(player.hasClass('paused')){ 1237 /*wavesurfer.seekTo(x / holder.width());*/ 1238 player.find('audio')[0].currentTime = duration * percent; 1239 player.find('.player-new-progress').width(x); 1240 1241 var duration = player.find('audio')[0].duration; 1242 var minutes = Math.floor(duration * percent / 60); 1243 var seconds = Math.floor(duration * percent % 60); 1244 if(seconds < 10){ 1245 seconds = '0' + seconds; 1246 } 1247 player.find('.player-new-duration').text(minutes+':'+seconds); 1248 } 1249 else{ 1250 /*wavesurfer.seekTo(x / holder.width());*/ 1251 player.find('audio')[0].currentTime = duration * percent; 1252 } 1253 1254 return false; 1255 }); 1256 1257 $('body').on('click', '.player-new-mute', function(event){ 1258 event.preventDefault(); 1259 1260 var btn = $(event.currentTarget); 1261 if($(window).width() > 768){ 1262 if(btn.hasClass('active')){ 1263 $('.player-new .player-new-volume-value').width(playerVolume+'%'); 1264 /*wavesurfer.setVolume(playerVolume / 100);*/ 1265 $('.player-new audio').each(function(index, item){ 1266 item.volume = playerVolume / 100; 1267 }); 1268 1269 $('.player-new-mute').removeClass('active'); 1270 } 1271 else{ 1272 $('.player-new .player-new-volume-value').width(0); 1273 /*wavesurfer.setVolume(0);*/ 1274 $('.player-new audio').each(function(index, item){ 1275 item.volume = 0; 1276 }); 1277 1278 $('.player-new-mute').addClass('active'); 1279 } 1280 } 1281 else{ 1282 $('.player-new .player-new-volume').show(); 1283 $('body').on('click', hideVolume); 1284 } 1285 1286 return false; 1287 }); 1288 1289 var startX; 1290 var startY; 1291 $('body').on('mousedown', '.player-new .player-new-volume', function(event){ 1292 if($(window).width() <= 768){ 1293 event.preventDefault(); 1294 1295 1296 startY = event.screenY; 1297 var newY = event.offsetY - $('.player-new-volume').offset().top; 1298 var newVolume = (newY / $('.player-new .player-new-volume').height() * 100); 1299 var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100; 1300 $(event.target).parents('.player-new').find('.player-new-name').text(event.screenY+' - '+newY+' - '+newVolume+' - '+newHeight); 1301 $('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'}); 1302 1303 playerVolume = newVolume; 1304 /*wavesurfer.setVolume(newVolume / 100);*/ 1305 $('.player-new audio').each(function(index, item){ 1306 item.volume = playerVolume / 100; 1307 }); 1308 1309 return false;
1310 } 1311 }); 1312 $('body').on('mousedown', '.player-new .player-new-volume', function(event){ 1313 event.preventDefault(); 1314 1315 if($(window).width() > 768){ 1316 startX = event.screenX; 1317 var newX = event.offsetX; 1318 var newVolume = newX / $('.player-new .player-new-volume').width() * 100; 1319 $('.player-new .player-new-volume-value').width(newVolume + '%'); 1320 } 1321 else{ 1322 startY = event.screenY; 1323 var newY = event.clientY - $('.player-new-volume').offset().top; 1324 var newVolume = (newY / $('.player-new .player-new-volume').height() * 100); 1325 var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100; 1326 $('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'}); 1327 } 1328 1329 playerVolume = newVolume; 1330 /*wavesurfer.setVolume(newVolume / 100);*/ 1331 $('.player-new audio').each(function(index, item){ 1332 item.volume = playerVolume / 100; 1333 }); 1334 1335 $('body').on('mousemove', moveVolume); 1336 1337 return false; 1338 }); 1339 $('body').on('mouseup', function(event){ 1340 $('body').off('mousemove', moveVolume); 1341 }); 1342 1343 function moveVolume(event){ 1344 if($(window).width() > 768){ 1345 var diffX = event.screenX - startX; 1346 var diffVolume = diffX / $('.player-new .player-new-volume').width() * 100; 1347 } 1348 else{ 1349 var diffY = event.screenY - startY; 1350 var diffVolume = diffY / $('.player-new .player-new-volume').height() * 100; 1351 } 1352 1353 var newVolume = playerVolume + diffVolume; 1354 if(newVolume < 0){ 1355 newVolume = 0; 1356 } 1357 if(newVolume > 100){ 1358 newVolume = 100; 1359 } 1360 1361 if($(window).width() > 768){ 1362 $('.player-new .player-new-volume-value').width(newVolume + '%'); 1363 } 1364 else{ 1365 var newHeight = $('.player-new .player-new-volume').height() * newVolume / 100; 1366 var newVolume = 100 - newVolume; 1367 $('.player-new .player-new-volume-value').css({'margin-top':newHeight + 'px'}); 1368 } 1369 1370 /*wavesurfer.setVolume(newVolume / 100);*/ 1371 $('.player-new audio').each(function(index, item){ 1372 item.volume = newVolume / 100; 1373 }); 1374 } 1375 function hideVolume(event){ 1376 var target = $(event.target); 1377 if(!target.hasClass('player-new-volume') && target.parents('.player-new-volume').length == 0){ 1378 $('.player-new .player-new-volume').hide(); 1379 $('body').off('click', hideVolume); 1380 } 1381 } 1382</script>
1382 1383 1384<style type="text/css"> 1385.no-svg .play-icon{ 1386 background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/play-icon.png'); 1387 background-size: cover; 1388} 1389.no-svg .pause-icon{ 1390 background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/pause-icon.png'); 1391 background-size: cover; 1392} 1393.no-svg .dwnld-icon{ 1394 background: url('/local/components/vtrock/player.wave/templates/crossbrow/images/dwnld-icon.png'); 1395 background-size: cover; 1396} 1397</style> 1398 <div class="container" style="position:relative;"> 1399 <div class="col-lg-2 col-md-2 col-sm-3"> 1400 <a class="header-logo" href="/"><img src="/local/templates/articles/images/logo_temp.png" /></a> 1401 1402<button aria-controls="bs-navbar" aria-expanded="false" class="navbar-toggle collapsed" data-target="#bs-navbar" data-toggle="collapse" type="button"> 1403 <span class="sr-only">Toggle navigation</span> 1404 <span class="icon-bar"></span> 1405 <span class="icon-bar"></span> 1406 <span class="icon-bar"></span> 1407</button> 1408 1409 1410 1411<nav class="navbar-collapse collapse" id="bs-navbar" aria-expanded="true"> 1412 <ul class="left-menu"> 1413 <li><a href="/100atm/" class="selected">100 ÐÑмоÑÑеÑ</a></li> 1414 1415 <li><a href="/blog/">Ðлог</a></li> 1416 1417 <li><a href="/articles/">СÑаÑÑи</a></li> 1418 1419 <li><a href="/video-lessons/">ÐидеоÑÑоки</a></li> 1420 1421 <li><a href="/donate/">ÐадонаÑиÑÑ!</a></li> 1422 1423 <li><a href="/battle3/">ÐаÑÑл</a></li> 1424 1425 1426 1427 </ul> 1428</nav> 1429 <div class="holder-btn-top"> 1430 <a class="btn-top" href="#" title="ÐеÑнÑÑÑÑÑ Ð½Ð°Ð²ÐµÑÑ "></a> 1431 </div> 1432 </div> 1433 1434
1435<script type="text/javascript" src="/local/components/vtrock/tiny.mce/templates/.default/tinymce_100atm/tinymce.js"></script>
1435 1436 1437<div class="col-lg-8 col-md-8 col-sm-9 main-content atm_page"> 1438 <img class="main_head" src="/upload/articles/100atm_head.jpg"> 1439 <ul class="atm_menu"> 1440 <li class="active" data-id="">Ðлавное</a></li> 1441 <li class="" data-id="songs">ÐеÑни</a></li> 1442 <li class="" data-id="clips">ÐлипÑ</a></li> 1443 <li class="" data-id="texts">ТекÑÑÑ</a></li> 1444 <li class="" data-id="minusa">ÐинÑÑа</a></li> 1445 <br clear="all"> 1446 </ul> 1447 <div class="atm_holder"> 1448 <div class="atm_section active "> 1449 1450<div class="news-detail"> 1451 <div class="detail_text"> 1452 <p>Ð Ñп, коÑоÑÑй Ð´ÐµÐ»Ð°ÐµÑ Ñеловек, вÑÑоÑÑий на Ñоке.</p> </div> 1453 <br clear="all"> 1454</div> 1455 1456 </div> 1457 <div class="atm_section song-section"> 1458 1459<div class="news-detail"> 1460 <div class="detail_text"> 1461 <p><div class="player-new" data-track="/tracks/articles/1ntroVert - Ðа дне.mp3" data-player="1"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:22</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - Ðа дне.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">Ðа дне</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - Ðа дне.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/100 ÐÑмоÑÑÐµÑ - УлеÑаиÌ.mp3" data-player="2"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:15</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/100 ÐÑмоÑÑÐµÑ - УлеÑаиÌ.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">
1461100 ÐÑмоÑÑеÑ</span> - <span class="player-new-theme">УлеÑай</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/100 ÐÑмоÑÑÐµÑ - УлеÑаиÌ.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/100 Atm - Terminator.mp3" data-player="3"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/100 Atm - Terminator.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">
1461100 ÐÑмоÑÑеÑ</span> - <span class="player-new-theme">ТеÑминаÑоÑ</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/100 Atm - Terminator.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVert - Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем.mp3" data-player="4"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем.mp3"></audio></div></p> </div> 1462 <br clear="all"> 1463</div> 1464 1465 </div> 1466 <div class="atm_section "> 1467 1468<div class="news-detail"> 1469 <div class="detail_text"> 1470 <p>1ntroVert - Tabula rasa</p> 1471<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_53422">https://vk.com/wall-21571714_53422</a></p> 1472<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/MdLXiHFI6eg?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1473<hr /> 1474<p>1ntroVert - ÐÐÐÐÐÐТ</p> 1475<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_52680">https://vk.com/wall-21571714_52680</a></p> 1476<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/zowanYS0XzU?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1477<hr /> 1478<p>100 ÐÑмоÑÑÐµÑ - ÐоломаннÑе (Та|СÑоÑона cover)</p> 1479<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_51659">https://vk.com/wall-21571714_51659</a></p> 1480<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/CrGc7AS83a8?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1481<hr /> 1482<p>100 ÐÑмоÑÑÐµÑ - Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем (Johnyboy cover)</p> 1483<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_49647">https://vk.com/wall-21571714_49647</a></p> 1484<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/Wwbr_rEsDHk?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1485<hr /> 1486<p>100 ÐÑмоÑÑÐµÑ - Чай (ÐÑайм ÐолÑебник cover)</p> 1487<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_36359">https://vk.com/wall-21571714_36359</a></p> 1488<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/VD5n1nnKdAk?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1489<hr /> 1490<p>100 ÐÑмоÑÑÐµÑ - Ultima Thule (Oxxxymiron & ÐÑпеÑÐºÐ°Ð»Ñ cover)</p> 1491<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_34931">https://vk.com/wall-21571714_34931</a></p> 1492<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/n9lF6oJk7UI?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1493<hr /> 1494<p>100 ÐÑмоÑÑÐµÑ Ð¸ ÐмиÑÑий ÐикÑлÑÑин - Hurricane (30 Seconds to Mars russian cover)</p> 1495<p>ÐбÑÑждение ÐÐонÑакÑе: <a href="https://vk.com/wall-21571714_31854">https://vk.com/wall-21571714_31854</a></p> 1496<p><iframe class="ytVideoFrame" width="100%" height="315px" data-aspectratio="0.562" src="https://www.youtube.com/embed/sQTmthepDYo?enablejsapi=1" frameborder="0" allowfullscreen></iframe></p> 1497<hr /> 1498<p>Ð ÑÑÐ¾Ñ ÑпиÑок воÑли не вÑе видео, а ÑолÑко избÑаннÑе. ÐÑе видео можно найÑи на моÑм канале ÑÑÑба: <a href="https://www.youtube.com/user/Vertintro">https://www.youtube.com/user/Vertintro</a></p> </div> 1499 <br clear="all"> 1500</div> 1501 1502 </div> 1503 <div class="atm_section "> 1504 1505 1506<div class="text-list"> 1507 <a class="text-link " href="/text/100-atmosfer-jurassic-park/" data-id="15550"> 1508 100 ÐÑмоÑÑÐµÑ - Jurassic park </a> 1509 <a class="text-link " href="/text/100-atmosfer-tabula-rasa/" data-id="6677"> 1510 100 ÐÑмоÑÑÐµÑ - Tabula rasa </a> 1511 <a class="text-link " href="/text/separate-ways/" data-id="6665"> 1512 100 ÐÑмоÑÑÐµÑ - Ð ÑазнÑе ÑÑоÑÐ¾Ð½Ñ </a> 1513 <a class="text-link " href="/text/100-atmosfer-velik/" data-id="15647"> 1514 100 ÐÑмоÑÑÐµÑ - Ðелик </a> 1515 <a class="text-link " href="/text/100-atmosfer-vesna/" data-id="15399"> 1516 100 ÐÑмоÑÑÐµÑ - ÐеÑна </a> 1517 <a class="text-link " href="/text/100-atmosfer-geymer/" data-id="15662"> 1518 100 ÐÑмоÑÑÐµÑ - ÐÐµÐ¹Ð¼ÐµÑ </a> 1519 <a class="text-link " href="/text/100-atmosfer-do-vstrechi-v-adu/" data-id="15569"> 1520 100 ÐÑмоÑÑÐµÑ - Ðо вÑÑÑеÑи в Ð°Ð´Ñ </a> 1521 <a class="text-link " href="/text/winter/" data-id="6622"> 1522 100 ÐÑмоÑÑÐµÑ - Ðима </a> 1523 <a class="text-link " href="/text/zritel/" data-id="6623"> 1524 100 ÐÑмоÑÑÐµÑ - ÐÑиÑели </a> 1525 <a class="text-link " href="/text/one-killer-story/" data-id="6628"> 1526 100 ÐÑмоÑÑÐµÑ - ÐÑÑоÑÐ¸Ñ Ð¾Ð´Ð½Ð¾Ð³Ð¾ ÑбийÑÑ </a> 1527 <a class="text-link " href="/text/cemetery/" data-id="6656"> 1528 100 ÐÑмоÑÑÐµÑ - ÐладбиÑе </a> 1529 <a class="text-link " href="/text/mathematician/" data-id="6630"> 1530 100 ÐÑмоÑÑÐµÑ - ÐаÑемаÑик </a> 1531 <a class="text-link " href="/text/100-atmosfer-mimanot/" data-id="6674"> 1532 100 ÐÑмоÑÑÐµÑ - ÐÐÐÐÐÐТ </a> 1533 <a class="text-link " href="/text/100-atmosfer-na-dne/" data-id="6666"> 1534 100 ÐÑмоÑÑÐµÑ - Ðа дне </a> 1535 <a class="text-link " href="/text/na-krau-zemli/" data-id="6676"> 1536 100 ÐÑмоÑÑÐµÑ - Ðа кÑÐ°Ñ Ð·ÐµÐ¼Ð»Ð¸ </a> 1537 <a class="text-link " href="/text/don-t-cry/" data-id="6635"> 1538 100 ÐÑмоÑÑÐµÑ - Ðе надо ÑлÑз </a> 1539 <a class="text-link " href="/text/pesnya-lda/" data-id="6667"> 1540 100 ÐÑмоÑÑÐµÑ - ÐеÑÐ½Ñ Ð¿Ð»Ð°Ð¼ÐµÐ½Ð¸ и лÑда </a> 1541 <a class="text-link " href="/text/polomannie/" data-id="6673"> 1542 100 ÐÑмоÑÑÐµÑ - ÐоломаннÑе (Та|СÑоÑона cover) </a> 1543 <a class="text-link " href="/text/100-atmosfer-popytki/" data-id="15465"> 1544 100 ÐÑмоÑÑÐµÑ - ÐопÑÑки </a> 1545 <a class="text-link " href="/text/keep-searching/" data-id="6664"> 1546 100 ÐÑмоÑÑÐµÑ - ÐÑÐ¾Ð´Ð¾Ð»Ð¶Ð°Ñ Ð¿Ð¾Ð¸Ñк </a> 1547 <a class="text-link " href="/text/goodbye-my-earth/" data-id="6651"> 1548 100 ÐÑмоÑÑÐµÑ - ÐÑоÑай, ÐемлÑ! </a> 1549 <a class="text-link " href="/text/do-it-yourself/" data-id="6640"> 1550 100 ÐÑмоÑÑÐµÑ - Сам Ñебе ÑежиÑÑÑÑ </a> 1551 <a class="text-link " href="/text/blue-sky/" data-id="6653"> 1552 100 ÐÑмоÑÑÐµÑ - Синее небо </a> 1553 <a class="text-link " href="/text/100-atmosfer-snezhnaya-sonata/" data-id="15436"> 1554 100 ÐÑмоÑÑÐµÑ - Ð¡Ð½ÐµÐ¶Ð½Ð°Ñ ÑонаÑа </a> 1555 <a class="text-link " href="/text/spokoinoi/" data-id="6671"> 1556 100 ÐÑмоÑÑÐµÑ - Спокойной ноÑи </a> 1557 <a class="text-link " href="/text/100-atmosfer-terminator/" data-id="15401"> 1558 100 ÐÑмоÑÑÐµÑ - ТеÑминаÑÐ¾Ñ </a> 1559 <a class="text-link " href="/text/uletai/" data-id="6670"> 1560 100 ÐÑмоÑÑÐµÑ - УлеÑай </a> 1561 <a class="text-link " href="/text/aliens/" data-id="6642"> 1562 100 ÐÑмоÑÑÐµÑ - ЧÑжие </a> 1563 <a class="text-link " href="/text/show-must-go-off/" data-id="6643"> 1564 100 ÐÑмоÑÑÐµÑ - Ð¨Ð¾Ñ Ð´Ð¾Ð»Ð¶Ð½Ð¾ законÑиÑÑÑÑ </a> 1565 <a class="text-link " href="/text/100-atmosfer-enemyofthedream-my-hate/" data-id="6613"> 1566 100 ÐÑмоÑÑÐµÑ & enemyofthedream - My hate </a> 1567 <a class="text-link " href="/text/100-atmosfer-x-katya-smolina-koshmar-na-ulitse-vyazov/" data-id="15601"> 1568 100 ÐÑмоÑÑÐµÑ x ÐаÑÑ Ð¡Ð¼Ð¾Ð»Ð¸Ð½Ð° - ÐоÑÐ¼Ð°Ñ Ð½Ð° ÑлиÑе ÐÑзов </a> 1569 <a class="text-link " href="/text/100-atmosfer-mel1zm-hurricane-30-seconds-to-mars-russian-cover/" data-id="6654"> 1570 100 ÐÑмоÑÑеÑ, mel1zm - Hurricane (30 Seconds to Mars russian cover) </a> 1571 <a class="text-link " href="/text/1ntroversus/" data-id="6672"> 1572 1ntroVersus </a> 1573 <a class="text-link " href="/text/25-kadr/" data-id="6655"> 1574 25-й ÐºÐ°Ð´Ñ </a> 1575 <a class="text-link " href="/text/lilstop-johnyboy/" data-id="6650"> 1576 Lil'Stop/Johnyboy - ÐавÑÑа новÑй Ð´ÐµÐ½Ñ </a> 1577 <a class="text-link " href="/text/mad-meets-devil-my-faith/" data-id="6675"> 1578 Mad Meets Devil - My Faith </a> 1579 <a class="text-link " href="/text/mad-meets-devil-no-more-creativity/" data-id="6658"> 1580 Mad Meets Devil - Ðолой кÑеаÑив </a> 1581 <a class="text-link " href="/text/mmd-from-the-outside/" data-id="6659"> 1582 Mad Meets Devil - Ðзвне </a> 1583 <a class="text-link " href="/text/mmd-mental-malnutrition/" data-id="6661"> 1584 Mad Meets Devil - Ðозговое недоедание </a> 1585 <a class="text-link " href="/text/mad-meets-devil-we-ve-won/" data-id="6657"> 1586 Mad Meets Devil - ÐаÑа взÑла </a> 1587 <a class="text-link " href="/text/predely-morali/" data-id="6662"> 1588 Mad Meets Devil - ÐÑÐµÐ´ÐµÐ»Ñ Ð¼Ð¾Ñали </a> 1589 <a class="text-link " href="/text/mmd-hard-flirt/" data-id="6660"> 1590 Mad Meets Devil - ТÑжÑлÑй ÑлиÑÑ </a> 1591 <a class="text-link " href="/text/numb-linkin-park-cover/" data-id="6614"> 1592 Numb (Linkin Park cover) </a> 1593 <a class="text-link " href="/text/reforma-podari-mne/" data-id="6649"> 1594 REФÐRÐÐ - ÐодаÑи мне (акÑÑÑиÑеÑÐºÐ°Ñ Ð²ÐµÑÑиÑ) </a> 1595 <a class="text-link " href="/text/reforma-pust/" data-id="6648"> 1596 RÐФÐRÐÐ - ÐÑÑÑÑ (акÑÑÑиÑеÑÐºÐ°Ñ Ð²ÐµÑÑиÑ) </a> 1597 <a class="text-link " href="/text/ultima-thule-oxxxymiron-luperkal-cover/" data-id="6663"> 1598 Ultima Thule (Oxxxymiron & ÐÑпеÑÐºÐ°Ð»Ñ cover) </a> 1599 <a class="text-link " href="/text/all-i-wanted/" data-id="6615"> 1600 Ð Ñ Ð²Ñего-Ñо Ñ Ð¾Ñел </a> 1601 <a class="text-link " href="/text/keep-it-easy/" data-id="6616"> 1602 ÐÑÐ´Ñ Ð¿ÑоÑе </a> 1603 <a class="text-link " href="/text/mutiny/" data-id="6617"> 1604 ÐÑÐ½Ñ Ð½Ð° коÑабле </a> 1605 <a class="text-link " href="/text/in-the-end/" data-id="6618"> 1606 РконÑе конÑов </a> 1607 <a class="text-link " href="/text/animal-planet/" data-id="6619"> 1608 РмиÑе живоÑнÑÑ </a> 1609 <a class="text-link " href="/text/no-more-covers/" data-id="6620"> 1610 ÐоволÑно кавеÑов </a> 1611 <a class="text-link " href="/text/healthy-rap/" data-id="6621"> 1612 ÐдоÑовÑй обÑаз ÑÑпа </a> 1613 <a class="text-link " href="/text/hide-and-seek/" data-id="6624"> 1614 ÐгÑа в пÑÑÑки или ÑоÑвоÑение миÑа </a> 1615 <a class="text-link " href="/text/the-game/" data-id="6625"> 1616 ÐгÑа на вÑживание </a> 1617 <a class="text-link " href="/text/under-the-ground/" data-id="6626"> 1618 Ðз-под земли </a> 1619 <a class="text-link " href="/text/inventor/" data-id="6627"> 1620 ÐзобÑеÑаÑÐµÐ»Ñ Ð¡ÐµÐ¼Ñн </a> 1621 <a class="text-link " href="/text/crime-tea/" data-id="6652"> 1622 ÐÑайм - Чай </a> 1623 <a class="text-link " href="/text/millionare/" data-id="6629"> 1624 ÐÑо Ñ Ð¾ÑÐµÑ ÑÑаÑÑ Ð¼Ð¸Ð»Ð»Ð¸Ð¾Ð½ÐµÑом </a> 1625 <a class="text-link " href="/text/kukushka-kino-cover/" data-id="6669"> 1626 ÐÑкÑÑка (Ðино cover) </a> 1627 <a class="text-link " href="/text/music-and-motion/" data-id="6631"> 1628 ÐÑзÑка в движении </a> 1629 <a class="text-link " href="/text/loud-thinking/" data-id="6633"> 1630 ÐÑÑли вÑлÑÑ </a> 1631 <a class="text-link " href="/text/the-beginning/" data-id="6632"> 1632 ÐаÑало </a> 1633 <a class="text-link " href="/text/not-first-time/" data-id="6634"> 1634 Ðе в пеÑвÑй Ñаз </a> 1635 <a class="text-link " href="/text/the-big-dream/" data-id="6636"> 1636 Ðдна болÑÑÐ°Ñ Ð¼ÐµÑÑа </a> 1637 <a class="text-link " href="/text/guitar-song/" data-id="6637"> 1638 ÐеÑÐ½Ñ Ð¿Ð¾Ð´ гиÑаÑÑ </a> 1639 <a class="text-link " href="/text/midnight/" data-id="6638"> 1640 ÐолноÑÑ </a> 1641 <a class="text-link " href="/text/brave-new-world/" data-id="6639"> 1642 ÐÑекÑаÑнÑй нов
1642Ñй Ð¼Ð¸Ñ </a> 1643 <a class="text-link " href="/text/old-house/" data-id="6668"> 1644 ÐÑоклÑÑÑй ÑÑаÑÑй дом (ÐоÑÐ¾Ð»Ñ Ð¸ ÑÑÑ cover) </a> 1645 <a class="text-link " href="/text/sdavatsya-nelzya-pink-cover/" data-id="6678"> 1646 СдаваÑÑÑÑ Ð½ÐµÐ»ÑÐ·Ñ (Pink cover) </a> 1647 <a class="text-link " href="/text/it-s-snowing-again/" data-id="6641"> 1648 Снова Ñнег идÑÑ </a> 1649 <a class="text-link " href="/text/i-bet/" data-id="6644"> 1650 Я заклÑÑил Ñ Ñобой паÑи </a> 1651 <a class="text-link " href="/text/not-pop/" data-id="6645"> 1652 Я не попÑа </a> 1653 <a class="text-link " href="/text/not-gonna-be-next/" data-id="6646"> 1654 Я не Ñ Ð¾ÑÑ Ð±ÑÑÑ ÑледÑÑÑим </a> 1655 <a class="text-link " href="/text/i-failed/" data-id="6647"> 1656 Я оÑибалÑÑ </a> 1657 </div> 1658
1659<script type="text/javascript"> 1660$('body').on('click', '.text-link .btn-edit-item', function(event){ 1661 window.location.href = $(event.currentTarget).attr('data-href'); 1662}); 1663</script>
1663 1664 1665<style type="text/css"> 1666.text-link{ 1667 display: block; 1668 color: #414141; 1669 font-size: 15px; 1670 padding: 12px 20px; 1671 border-radius: 5px; 1672} 1673.text-link:hover{ 1674 background: #f6f6f6; 1675 color: #414141; 1676 text-decoration: none; 1677} 1678.text-link.text-draft{ 1679 background: rgba(249, 79, 33, 0.15); 1680} 1681.text-link .btn-edit-item{ 1682 padding: 0px 3px; 1683 display: none; 1684 float: right; 1685} 1686.text-link:hover .btn-edit-item{ 1687 display: inline-block; 1688} 1689</style> </div> 1690 <div class="atm_section "> 1691 1692<div class="news-detail"> 1693 <div class="detail_text"> 1694 <p><div class="player-new" data-track="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3" data-player="1"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:48</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mr. Zer0</span> - <span class="player-new-theme">ÐÑиÑели (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Zer0 Beats prod. - Zriteli.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/4ai INSTR v4.mp3" data-player="2"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:24</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/4ai INSTR v4.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">ÐÑайм ÐолÑебник</span> - <span class="player-new-theme">Чай (100 ÐÑмоÑÑÐµÑ Ð¼Ð¸Ð½ÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/4ai INSTR v4.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/ÐÑдÑÑ Ð°Ð¸Ì v3 INSTR + CLEAN NEW.mp3" data-player="3"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:02</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/ÐÑдÑÑ Ð°Ð¸Ì v3 INSTR + CLEAN NEW.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Noize MC</span> - <span class="player-new-theme">ÐÑдÑÑ Ð°Ð¹ (1ntroVert prod)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/ÐÑдÑÑ Ð°Ð¸Ì v3 INSTR + CLEAN NEW.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем INSTR.mp3" data-player="4"><div class="player-new-top">
1694<svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:34</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Johnyboy</span> - <span class="player-new-theme">Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем (100 ÐÑмоÑÑÐµÑ Ð¼Ð¸Ð½ÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Ðогда Ð¼Ñ Ð²Ð·Ð»ÐµÑаем INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3" data-player="5"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">1:50</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">ÐÐÐÐÐÐТ (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVert - MIMANOT INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Moe More 5 INSTR.mp3" data-player="6"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">2:21</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Moe More 5 INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Noize MC</span> - <span class="player-new-theme">ÐÐ¾Ñ Ð¼Ð¾Ñе (100 ÐÑмоÑÑÐµÑ Ð¼Ð¸Ð½ÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Moe More 5 INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3" data-player="7"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:31</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3" download>
1694<svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Oxxxymiron & ÐÑпеÑкалÑ</span> - <span class="player-new-theme">Ultima Thule (100 ÐÑмоÑÑÐµÑ Ð¼Ð¸Ð½ÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Ultima Thule 84 INSTR CLEAN v2.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/1ntroVersus (instrumental).mp3" data-player="8"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:05</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/1ntroVersus (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">1ntroVert</span> - <span class="player-new-theme">1ntroVersus (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/1ntroVersus (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/Polomannie FINAL INSTR.mp3" data-player="9"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:32</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/Polomannie FINAL INSTR.mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Та|СÑоÑона</span> - <span class="player-new-theme">ÐоломаннÑе (100 ÐÑмоÑÑÐµÑ Ð¼Ð¸Ð½ÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/Polomannie FINAL INSTR.mp3"></audio></div><div class="player-new" data-track="/tracks/articles/09. Mad Meets Devil - ТÑжеÌлÑÐ¸Ì Ð¤Ð»Ð¸ÑÑ (instrumental).mp3" data-player="10"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">5:27</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/09. Mad Meets Devil - ТÑжеÌлÑÐ¸Ì Ð¤Ð»Ð¸ÑÑ (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">ТÑжÑлÑй ФлиÑÑ (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/09. Mad Meets Devil - ТÑжеÌлÑÐ¸Ì Ð¤Ð»Ð¸ÑÑ (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/10. Mad Meets Devil - Ðозговое Ðедоедание (instrumental).mp3" data-player="11"><div class="player-new-top">
1694<svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">4:57</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/10. Mad Meets Devil - Ðозговое Ðедоедание (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">Ðозговое Ðедоедание (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/10. Mad Meets Devil - Ðозговое Ðедоедание (instrumental).mp3"></audio></div><div class="player-new" data-track="/tracks/articles/11. Mad Meets Devil - ÐÑÐµÐ´ÐµÐ»Ñ ÐоÑали (instrumental).mp3" data-player="12"><div class="player-new-top"><svg class="play-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><svg class="pause-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg><div class="player-new-btns"><div class="player-new-duration">3:54</div><a class="player-new-mute" href="#"><div class="volume-hide"></div><svg class="volume-icon svg-icon" viewBox="425 250 300 300"><rect width="1000" height="1000"></rect></svg></a><div class="player-new-volume"><div class="player-new-volume-value"></div></div><a class="player-new-dwnld" href="/tracks/articles/11. Mad Meets Devil - ÐÑÐµÐ´ÐµÐ»Ñ ÐоÑали (instrumental).mp3" download><svg class="dwnld-icon svg-icon" viewBox="0 0 1000 1000"><rect width="1000" height="1000"></rect></svg></a></div><div class="player-new-text"><span class="player-new-name">Mad Meets Devil</span> - <span class="player-new-theme">ÐÑÐµÐ´ÐµÐ»Ñ ÐоÑали (минÑÑ)</span></div></div><div class="player-new-bottom"><div class="player-new-progress"></div></div><audio><source src="/tracks/articles/11. Mad Meets Devil - ÐÑÐµÐ´ÐµÐ»Ñ ÐоÑали (instrumental).mp3"></audio></div></p> </div> 1695 <br clear="all"> 1696</div> 1697 1698 </div> 1699 </div> 1700</div> 1701
1702<script type="text/javascript"> 1703$(document).ready(function(event){ 1704 if($(location).attr('hash').length > 0){ 1705 var page = $(location).attr('hash').substr(1); 1706 var link = $('[data-id='+page+']'); 1707 1708 link.click(); 1709 } 1710 1711 $(function() { 1712 // Find all YouTube and Vimeo videos 1713 var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']"); 1714 1715 // Figure out and save aspect ratio for each video 1716 $allVideos.each(function() { 1717 var $el = $(this); 1718 var newWidth = $el.width(); 1719 if($el.data('aspectratio') === undefined){ 1720 $el.attr({'data-aspectratio':'0.562'}); 1721 } 1722 $el.height(newWidth * $el.data('aspectratio')); 1723 }); 1724 1725 // When the window is resized 1726 $(window).resize(function() { 1727 $allVideos.each(function() { 1728 var $el = $(this); 1729 var newWidth = $el.width(); 1730 $el.height(newWidth * $el.data('aspectratio')); 1731 }); 1732 }).resize(); 1733 }); 1734}); 1735 1736/*$('.btn-edit-article').on('click', function(event){ 1737 $('.atm_section.active .news-detail').hide(); 1738 $('.atm_section.active .btn-edit-article').hide(); 1739 $('.atm_section.active .btn-close-edit-article').show(); 1740 $('.atm_section.active .element-edit-form').show(); 1741}); 1742$('.btn-close-edit-article').on('click', function(event){ 1743 $('.atm_section.active .news-detail').show(); 1744 $('.atm_section.active .btn-edit-article').show(); 1745 $('.atm_section.active .btn-close-edit-article').hide(); 1746 $('.atm_section.active .element-edit-form').hide(); 1747});*/ 1748 1749$('body').on('click', '.btn-spoiler', function(event){ 1750 event.preventDefault(); 1751 var href = $(event.currentTarget).attr('href'); 1752 if($(event.currentTarget).hasClass('active')){ 1753 $(href).slideUp(); 1754 $(event.currentTarget).removeClass('active'); 1755 } 1756 else{ 1757 $(href).slideDown(function(event2){ 1758 var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']"); 1759 $allVideos.each(function() { 1760 var $el = $(this); 1761 var newWidth = $el.width(); 1762 $el.height(newWidth * $el.data('aspectratio')); 1763 }); 1764 }); 1765 $(event.currentTarget).addClass('active'); 1766 } 1767 return false; 1768}); 1769 1770// Следим за изменениÑми tiny 1771function tinyChange(event){ 1772 var text = tinymce.activeEditor.getContent(); 1773 $.ajax({ 1774 url:'/ajax-tools/articles.php', 1775 data:{ 1776 action : 'draft', 1777 field : "DETAIL_TEXT", 1778 value : tinymce.activeEditor.getContent(), 1779 section : $('.atm_section.active [name=SECTION_ID]').val(), 1780 id : $('.atm_section.active [name=ID]').val(), 1781 }, 1782 method: 'post', 1783 dataType:'json', 1784 success: function(data){ 1785 } 1786 }); 1787 //updateDraft(event.target.targetElm.name, tinymce.activeEditor.getContent()); 1788}; 1789$('body').on('click', '.atm_menu li', function(event){ 1790 event.preventDefault(); 1791 1792 var btn = $(event.currentTarget); 1793 var index = btn.index(); 1794 1795 var hash = btn.attr('data-id'); 1796 $(location).attr({'hash':hash}); 1797 1798 1799 $('.atm_menu li.active').removeClass('active'); 1800 btn.addClass('active'); 1801 $('.atm_section.active').removeClass('active'); 1802 $('.atm_section').eq(index).addClass('active'); 1803 1804 var $allVideos = $("iframe[src*='www.youtube.com'], iframe[src*='player.vimeo.com']"); 1805 1806 // Figure out and save aspect ratio for each video 1807 $allVideos.each(function() { 1808 var $el = $(this); 1809 var newWidth = $el.width(); 1810 if($el.data('aspectratio') === undefined){ 1811 $el.attr({'data-aspectratio':'0.562'}); 1812 } 1813 $el.height(newWidth * $el.data('aspectratio')); 1814 }); 1815 1816 // When the window is resized 1817 $(window).resize(function() { 1818 $allVideos.each(function() { 1819 var $el = $(this); 1820 var newWidth = $el.width(); 1821 $el.height(newWidth * $el.data('aspectratio')); 1822 }); 1823 }).resize(); 1824 1825 return false; 1826}); 1827</script>
1827 1828 1829<div class="col-lg-2 col-md-2 col-sm-9 col-sm-offset-3 col-md-offset-0 col-right-side"> 1830 <div class="right-auth"> 1831 <!-- <a class="btn-auth" href="#">ÐÑ Ð¾Ð´</a> --> 1832 <button class="btn-auth" data-toggle="modal" data-target="#authModal">ÐÑ Ð¾Ð´</button> 1833 <br clear="all"> 1834 </div> 1835 1836<span class="other-articles">ÐÑÑгие <span style="text-transform:lowercase;"> ÑÑаÑÑи</span></span> 1837 1838<div class="news-list-side"> 1839 <div class="news-block col-md-12 col-xs-6"> 1840 <div class="news-item"> 1841 <a href="/articles/zapis-teykami/"> 1842 <img 1843 class="preview_picture" 1844 border="0" 1845 src="/upload/iblock/590/44e8bba0e467706b95bdf4261cfab1af.png" 1846 /> 1847 </a> 1848 1849 <a class="news-link" href="/articles/zapis-teykami/">ÐапиÑÑ Ñейками</a> 1850 <!-- <div class="preview_text">ЧÑо Ñакое Ñейки? Ðогда они добÑо, а когда - зло? 4 ÑиÑÑаÑии, когда Ð²Ñ ÐÐÐÐÐЫ запиÑÑваÑÑÑÑ Ñейками.</div> --> 1851 <div class="author-name"></div> 1852 </div> 1853 </div> 1854 <div class="news-block col-md-12 col-xs-6"> 1855 <div class="news-item"> 1856 <a href="/articles/vdokhi/"> 1857 <img 1858 class="preview_picture" 1859 border="0" 1860 src="/upload/iblock/db7/edc6f172acd8cf14d11233a9885d6143.jpeg" 1861 /> 1862 </a> 1863 1864 <a class="news-link" href="/articles/vdokhi/">ÐÐ´Ð¾Ñ Ð¸ в ÑекÑÑÐ°Ñ Ð¿ÐµÑен</a> 1865 <!-- <div class="preview_text">ÐÐ´Ð¾Ñ Ð¸ - ÑÑо ÑаÑÑÑ ÑекÑÑа. ÐÑа маленÑÐºÐ°Ñ Ð´ÐµÑÐ°Ð»Ñ Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾Ð¼Ð¾ÑÑ Ð² иÑполнении, а Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾ÑÑавиÑÑ ÐºÑеÑÑ Ð½Ð° запиÑи или вÑÑÑÑплении.</div> --> 1866 <div class="author-name"></div> 1867 </div> 1868 </div> 1869 <div class="news-block col-md-12 col-xs-6"> 1870 <div class="news-item"> 1871 <a href="/articles/odinakovye-zvuki-na-styke-slov/"> 1872 <img 1873 class="preview_picture" 1874 border="0" 1875 src="/upload/iblock/d24/d680f574cf087f2ff8038547dbda0f51.png" 1876 /> 1877 </a> 1878 1879 <a class="news-link" href="/articles/odinakovye-zvuki-na-styke-slov/">ÐдинаковÑе звÑки на ÑÑÑке Ñлов</a> 1880 <!-- <div class="preview_text"></div> --> 1881 <div class="author-name"></div> 1882 </div> 1883 </div> 1884 <div class="news-block col-md-12 col-xs-6"> 1885 <div class="news-item"> 1886 <a href="/articles/slova-parazity-v-tekstakh-pesen/"> 1887 <img 1888 class="preview_picture" 1889 border="0" 1890 src="/upload/iblock/22f/25fce167126490cad557ae8c5b794447.jpg" 1891 /> 1892 </a> 1893 1894 <a class="news-link" href="/articles/slova-parazity-v-tekstakh-pesen/">Слова-паÑазиÑÑ Ð² ÑекÑÑÐ°Ñ Ð¿ÐµÑен</a> 1895 <!-- <div class="preview_text"></div> --> 1896 <div class="author-name"></div> 1897 </div> 1898 </div> 1899 <div class="news-block col-md-12 col-xs-6"> 1900 <div class="news-item"> 1901 <a href="/articles/inversiya/"> 1902 <img 1903 class="preview_picture" 1904 border="0" 1905 src="/upload/iblock/146/e19a1a0334ccde06fca5a05e68cf5a81.jpg" 1906 /> 1907 </a> 1908 1909 <a class="news-link" href="/articles/inversiya/">ÐнвеÑÑиÑ</a> 1910 <!-- <div class="preview_text"></div> --> 1911 <div class="author-name"></div> 1912 </div> 1913 </div> 1914 <br clear="all"> 1915</div> 1916</div>
1917<script type="text/javascript"> 1918var currentSection = 'articles'; 1919$('body').on('click', '#themeList a, .news-item a.theme-link', function(event){ 1920 event.preventDefault(); 1921 var btn = event.currentTarget; 1922 var theme = $(btn).text(); 1923 if(theme == 'ÐÑе ÑемÑ'){ 1924 var url = '/'+currentSection+'/'; 1925 } 1926 else{ 1927 var url = '/'+currentSection+'/?'; 1928 if(currentSection == 'blog'){ 1929 url += 'theme_blog='; 1930 } 1931 else{ 1932 url += 'theme='; 1933 } 1934 url += theme; 1935 } 1936 $.ajax({ 1937 url: url, 1938 success: function(data){ 1939 $('.news-list').html($(data).find('.news-list').html()); 1940 $('#themeList').siblings('button').html('<span class="caret"></span>'+theme); 1941 $('.dropdown.open .dropdown-toggle').dropdown('toggle'); 1942 $('.navigation').remove(); 1943 } 1944 }); 1945 1946 return false; 1947}); 1948</script>
1948 1949<style type="text/css"> 1950body{ 1951 min-width: 0; 1952} 1953.container{ 1954 min-width: 0; 1955} 1956.navbar-collapse{ 1957 width: 100%; 1958 display: none; 1959} 1960 1961.news-list .news-item{ 1962 width: 100%; 1963 /*height: auto;*/ 1964 height: 210px; 1965 margin: 0 auto 30px; 1966} 1967.news-list .news-item .preview_picture{ 1968 width: 100%; 1969 height: auto; 1970} 1971 1972@media (max-width: 768px){ 1973 .container{ 1974 padding: 0; 1975 } 1976 .news-list-side .news-block{ 1977 padding: 5px; 1978 } 1979 .detail_text blockquote{ 1980 margin: 0; 1981 } 1982 .detail_text img{ 1983 max-width: 100%; 1984 } 1985 .main-education .white-container{ 1986 padding: 20px; 1987 } 1988 .detail_text h1, 1989 .detail_text h2, 1990 .detail_text h3, 1991 .detail_text h4, 1992 .detail_text h5, 1993 .detail_text h6{ 1994 margin: 0; 1995 } 1996 1997 div.news-list img.preview_picture{ 1998 width: 100%; 1999 height: auto; 2000 } 2001 .navbar-header{ 2002 margin-left: 0!important; 2003 margin-right: 0!important; 2004 } 2005} 2006</style> 2007 2008</div> 2009 2010<div class="modal fade bs-example-modal-sm" id="authModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 2011 <div class="modal-dialog"> 2012 <div class="modal-content"> 2013 <div class="modal-header"> 2014 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 2015 </div> 2016 <div class="modal-body"> 2017 2018<div class="bx-system-auth-form"> 2019 2020 <form name="system_auth_form6zOYVN" method="post" target="_top" action="/100atm/"> 2021 <input type="hidden" name="backurl" value="/100atm/" /> 2022 <input type="hidden" name="AUTH_FORM" value="Y" /> 2023 <input type="hidden" name="TYPE" value="AUTH" /> 2024 2025 <input tabindex="1" placeholder="Ðогин" class="form-control" type="text" name="USER_LOGIN" maxlength="50" value="" size="17" /> 2026 <button tabindex="3" class="auth-submit" type="submit" name="Login" value=""/> 2027 <span class="glyphicon glyphicon-log-in"></span> 2028 </button> 2029 <input tabindex="2" placeholder="ÐаÑолÑ" class="form-control" type="password" name="USER_PASSWORD" maxlength="50" size="17" autocomplete="off" /> 2030 2031 2032 2033 <a class="btn btn-default btn-reg" href="/profile/registration/?register=yes&backurl=%2F100atm%2F" rel="nofollow">РегиÑÑÑаÑиÑ</a> 2034 <br> 2035 <a href="/profile/forgot/?forgot_password=yes&backurl=%2F100atm%2F" rel="nofollow">ÐабÑли Ñвой паÑолÑ?</a> 2036 2037 <hr> 2038 2039
2039<script type="text/javascript"> 2040function BxSocServPopup(id) 2041{ 2042 var content = BX("bx_socserv_form_"+id); 2043 if(content) 2044 { 2045 var popup = BX.PopupWindowManager.create("socServPopup"+id, BX("bx_socserv_icon_"+id), { 2046 autoHide: true, 2047 closeByEsc: true, 2048 angle: {offset: 24}, 2049 content: content, 2050 offsetTop: 3 2051 }); 2052 2053 popup.show(); 2054 2055 var input = BX.findChild(content, {'tag':'input', 'attribute':{'type':'text'}}, true); 2056 if(input) 2057 { 2058 input.focus(); 2059 } 2060 2061 var button = BX.findChild(content, {'tag':'input', 'attribute':{'type':'submit'}}, true); 2062 if(button) 2063 { 2064 button.className = 'btn btn-primary'; 2065 } 2066 } 2067} 2068</script>
2068 2069 2070<div class="bx-authform-social"> 2071 <ul> 2072 <li> 2073 <a id="bx_socserv_icon_VKontakte" class="vkontakte bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://oauth.vk.com/authorize?client_id=4770430&redirect_uri=https%3A%2F%2F100atm.ru%2F100atm%2F%3Fauth_service_id%3DVKontakte&scope=friends,notify,offline,email&response_type=code&state=site_id%3Ds1%26backurl%3D%252F100atm%252F%253Fcheck_key%253D391c8e67a73e593496af6288b35583ac%26redirect_url%3D%252F100atm%252F', 660, 425)" title="ÐÐонÑакÑе"></a> 2074 </li> 2075 <li> 2076 <a id="bx_socserv_icon_Facebook" class="facebook bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://www.facebook.com/dialog/oauth?client_id=1759037934369263&redirect_uri=https%3A%2F%2F100atm.ru%2F100atm%2F%3Fauth_service_id%3DFacebook%26check_key%3D391c8e67a73e593496af6288b35583ac%26backurl%3D%252F100atm%252F&scope=email,publish_actions,user_friends&display=popup', 680, 600)" title="Facebook"></a> 2077 </li> 2078 <li> 2079 <a id="bx_socserv_icon_GooglePlusOAuth" class="google-plus bx-authform-social-icon" href="javascript:void(0)" onclick="BX.util.popup('https://accounts.google.com/o/oauth2/auth?client_id=&redirect_uri=https%3A%2F%2F100atm.ru%2Fbitrix%2Ftools%2Foauth%2Fgoogle.php&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.login+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.me&response_type=code&access_type=offline&state=provider%3DGooglePlusOAuth%26site_id%3Ds1%26backurl%3D%252F100atm%252F%253Fcheck_key%253D391c8e67a73e593496af6288b35583ac%26mode%3Dopener%26redirect_url%3D%252F100atm%252F', 580, 400)" title="Google+"></a> 2080 </li> 2081 </ul> 2082</div> 2083 </form> 2084 2085
2085<script type="text/javascript"> 2086 $('#authModal').on('shown.bs.modal', function () { 2087 console.log('shown'); 2088 $('.bx-system-auth-form [name=USER_LOGIN]').focus(); 2089 }) 2090 2091 $('body').on('click', '.btn-auth', function(event){ 2092 2093 /*event.preventDefault(); 2094 if($('.auth-modal').is(':visible')){ 2095 $('.auth-modal').slideUp(); 2096 } 2097 else{ 2098 $('.auth-modal').slideDown(); 2099 $('.auth-modal [name=USER_LOGIN]')[0].focus(); 2100 } 2101 return false;*/ 2102 }); 2103 2104 </script>
2104 2105</div> </div> 2106 </div> 2107 </div> 2108</div> 2109
2110<script src="/local/templates/articles/js/bootstrap.js"></script>
vendor: 1 bytes, line 2110
2110
2111<script type="text/javascript"> 2112$(window).on('focus', function(event){ 2113 var oldID = ''; 2114 $.ajax({ 2115 url:'/ajax-tools/profile.php', 2116 data:{ 2117 'action': 'check_user', 2118 'oldID': oldID, 2119 }, 2120 success:function(data){ 2121 if(data == "error"){ 2122 location.reload(); 2123 } 2124 } 2125 }); 2126}); 2127 2128$(window).scroll(function() { 2129 if($(document).scrollTop() > $('.left-menu').offset().top + $('.left-menu').height()){ 2130 $('.holder-btn-top').show(); 2131 } 2132 else{ 2133 $('.holder-btn-top').hide(); 2134 } 2135 2136 var scrollValue = $(document).scrollTop(); 2137 $('.ff-canvas-active').each(function(index, item){ 2138 //console.log($(item).offset().top + ' ' + $(item).height + ' ' + scrollValue + ' ' + $(window).height()) 2139 if( 2140 $(item).offset().top + $(item).height() < scrollValue 2141 || 2142 $(item).offset().top > scrollValue + $(window).height() 2143 ){ 2144 $(item).parent().find('.ff-image').click(); 2145 } 2146 }); 2147}); 2148$('body').on('click', '.holder-btn-top', function(event){ 2149 event.preventDefault(); 2150 $(document).scrollTop(0); 2151 return false; 2152}); 2153 2154$(document).ready(function(event){ 2155 $('.detail_text').each(function(postIndex, post){ 2156 $(post).find('img').each(function(index, item){ 2157 if($(item).parents('.playerWavePlay').length == 0){ 2158 2159 if($(item).height() > window.innerHeight){ 2160 $(item).addClass('img-long'); 2161 } 2162 2163 var src = $(item).attr('src'); 2164 var format = src.slice(-3).toLowerCase(); 2165 if(format == 'gif'){ 2166 if($(item).parents('.block-spoiler').length == 0){ 2167 $(item).addClass('freeze-gif'); 2168 } 2169 else{ 2170 $(item).addClass('spoiler-gif'); 2171 } 2172 } 2173 else{ 2174 $(item).wrap('<a class="fancy-img" rel="post'+postIndex+'" href="'+src+'"></a>'); 2175 } 2176 2177 } 2178 }); 2179 }); 2180 $('.fancy-img').fancybox(); 2181 2182 if($('.freeze-gif').length > 0){ 2183 $('.freeze-gif').freezeframe({ 2184 'animation_play_duration': Infinity, 2185 'non_touch_device_trigger_event': 'click' 2186 }); 2187 } 2188 2189 $('body').on('click', '.ff-container', function(event){ 2190 if($(event.currentTarget).find('.ff-canvas').hasClass('ff-canvas-active')){ 2191 $(event.currentTarget).addClass('ff-container-active'); 2192 } 2193 else{ 2194 $(event.currentTarget).removeClass('ff-container-active'); 2195 } 2196 }); 2197 2198 var arrFreeze = []; 2199 $('body').on('click','.btn-spoiler',function(event){ 2200 if($(event.currentTarget).hasClass('active')){ 2201 var blockID = $(event.currentTarget).attr('href'); 2202 if($(blockID).find('.ff-image').length == 0){ 2203 var ff = $(blockID).find('.spoiler-gif').freezeframe({ 2204 'animation_play_duration': Infinity, 2205 'non_touch_device_trigger_event': 'click' 2206 }); 2207 } 2208 } 2209 else{ 2210 $('.ff-container-active .spoiler-gif').click(); 2211 $('.ff-container-active').removeClass('ff-container-active'); 2212 } 2213 }); 2214 2215 // ÐÑи ÐºÐ°ÐºÐ¸Ñ ÐºÐ¾Ð»Ð¸ÑеÑÑÐ²Ð°Ñ ÐºÐ°ÑÑинок, ÑколÑко каÑÑинок в какой ÑÑÑоке деÑжим. 1каÑÑинка:{1ÑÑÑока:1ÑÑолбеÑ} 2216 var galleryVarious = { 2217 1: {1: 1}, 2218 2: {1: 2}, 2219 3: {1: 3}, 2220 4: {1: 2, 2: 2}, 2221 5: {1: 3, 2: 2}, 2222 6: {1: 3, 2: 3}, 2223 7: {1: 3, 2: 2, 3: 2}, 2224 8: {1: 3, 2: 3, 3: 2}, 2225 9: {1: 3, 2: 3, 3: 3}, 2226 10:{1: 4, 2: 3, 3: 3} 2227 }; 2228 $('.detail-gallery').each(function(g, gallery){ 2229 var images = $(gallery).find('.fancy-img'); 2230 var imgCount = images.length; 2231 2232 if(imgCount > 0 && imgCount <= Object.keys(galleryVarious).length){ 2233 var rowsCount = Object.keys(galleryVarious[imgCount]).length; 2234 2235 var currentImg = 0; 2236 for(var rowIndex = 1; rowIndex <= rowsCount; rowIndex++){ 2237 var ratioSum = 0; 2238 for(var columnIndex = 0; columnIndex < galleryVarious[imgCount][rowIndex]; columnIndex++){ 2239 var image = $(images.eq(columnIndex + currentImg)); 2240 image.find('img').attr({'width':'auto','height':'auto'}); 2241 2242 var clone = image.find('img').clone(); 2243 $('body').append(clone); 2244 var ratio = clone.width() / clone.height(); 2245 clone.remove(); 2246 2247 image.attr({'data-ratio':ratio}); 2248 ratioSum += ratio; 2249 } 2250 2251 for(var columnIndex = 0; columnIndex < galleryVarious[imgCount][rowIndex]; columnIndex++){ 2252 var image = $(images.eq(columnIndex + currentImg)); 2253 var ratio = image.attr('data-ratio'); 2254 image.width(ratio / ratioSum * 100 + '%'); 2255 image.css({'padding':'2px'}); 2256 } 2257 currentImg += galleryVarious[imgCount][rowIndex]; 2258 } 2259 $(gallery).html(images); 2260 } 2261 }); 2262}); 2263 2264 2265 2266/*$('body').on('click', '.main-header .dropdown-toggle', function(event){ 2267 var btn = $(event.currentTarget); 2268 btn.siblings('ul').slideToggle(); 2269 $('body').on('click', closeDropdown); 2270}); 2271 2272function closeDropdown(event){ 2273 event.preventDefault(); 2274 $('.main-header .dropdown-menu').slideToggle(); 2275 $('body').off('click', closeDropdown); 2276 return false;
2277};*/ 2278 2279var vowel = ["а", "и", "е", "Ñ", "о", "Ñ", "Ñ", "Ñ", "Ñ", "Ñ"]; 2280 2281$(document).ready(function(event){ 2282 var arSelects = $('.accent-select'); 2283 arSelects.each(function(i, item){ 2284 displayAccentSelect(item); 2285 }); 2286 2287 var arWords = $('.word-select'); 2288 arWords.each(function(i, item){ 2289 displayWordSelect(item); 2290 }); 2291}); 2292 2293$('body').on('change', '.word-select [name=write]', function (event) { 2294 displayWordSelect($(event.currentTarget).parents('.word-select')); 2295}); 2296 2297$('body').on('change', '.accent-select [name=word]', function(event){ 2298 displayAccentSelect($(event.currentTarget).parents('.accent-select')); 2299}); 2300 2301$('body').on('click', '.accent-select-letter.vowel', function(event){ 2302 event.preventDefault(); 2303 2304 var btn = $(event.currentTarget); 2305 var block = btn.parents('.accent-select-word'); 2306 var mode = (btn.parents('.accent-select').data('row') == "Y"); 2307 2308 2309 if(mode){ 2310 if(btn.hasClass('addit')){ 2311 btn.removeClass('addit').addClass('active'); 2312 } 2313 else if(btn.hasClass('active')){ 2314 btn.removeClass('active'); 2315 } 2316 else{ 2317 btn.addClass('addit'); 2318 } 2319 } 2320 else { 2321 if (!btn.hasClass('active') && !btn.hasClass('addit')) { 2322 if (block.find('.active').length > 0) { 2323 btn.addClass('addit'); 2324 } else { 2325 btn.addClass('active'); 2326 } 2327 } else if (btn.hasClass('addit')) { 2328 block.find('.active').removeClass('active').addClass('addit'); 2329 btn.removeClass('addit').addClass('active'); 2330 } else { 2331 btn.removeClass('active'); 2332 block.find('.addit').first().removeClass('addit').addClass('active'); 2333 } 2334 } 2335 2336 generateAccentScheme(block); 2337 2338 return false; 2339}); 2340 2341$('body').on('change', '.word-select .accent-select [name=scheme]', function(event){ 2342 var accentBlock = $(event.currentTarget).parents('.accent-select'); 2343 var wordBlock = $(event.currentTarget).parents('.word-select'); 2344 var variantBlock = $(event.currentTarget).parents('.custom-variant'); 2345 2346 var word = accentBlock.find('[name=word]').val(); 2347 var accentStr = accentBlock.find('[name=accent]').val(); 2348 var accent = accentStr.split(','); 2349 2350 $.ajax({ 2351 url:'ajax_new.php', 2352 data:{ 2353 action : 'word', 2354 word : word, 2355 accent: accent, 2356 }, 2357 dataType:'json', 2358 success: function(data) { 2359 variantBlock.find('[name=transcript]').val(data.TRANSCRIPT); 2360 2361 wordBlock.find('[name=current-accent]').val(accentBlock.find('[name=accent]').val()); 2362 wordBlock.find('[name=current-scheme]').val(accentBlock.find('[name=scheme]').val()); 2363 wordBlock.find('[name=current-transcript]').val(data.TRANSCRIPT).change(); 2364 } 2365 }); 2366}); 2367 2368$('body').on('change', '.word-select .custom-variant [name=transcript]', function(event){ 2369 var input = $(event.currentTarget); 2370 var wordBlock = input.parents('.word-select'); 2371 2372 wordBlock.find('[name=current-transcript]').val(input.val()).change(); 2373}); 2374 2375function generateAccentScheme(block) { 2376 if(block.find('.vowel').length > 0){ 2377 var strScheme = ''; 2378 var arAccents = []; 2379 block.find('.vowel').each(function(index, item){ 2380 if($(item).hasClass('active')) { 2381 strScheme += '1'; 2382 arAccents.push($(item).index()); 2383 } 2384 else if($(item).hasClass('addit')){ 2385 strScheme += '2'; 2386 arAccents.push($(item).index()); 2387 } 2388 else{ 2389 strScheme += '0'; 2390 } 2391 }); 2392 block.parents('.accent-select').find('[name=accent]').val(arAccents.toString()); 2393 block.parents('.accent-select').find('[name=scheme]').val(strScheme).change(); 2394 } 2395} 2396 2397function displayAccentSelect(item){ 2398 var word = $(item).find('input[name=word]').val(); 2399 var accent = $(item).find('input[name=scheme]').val(); 2400 2401 var wordBlock = $('<div class="accent-select-word"></div>'); 2402 var iVowel = 0; 2403 if(word != null) { 2404 for (var l = 0; l < word.length; l++) { 2405 var letterBlock = $('<div class="accent-select-letter"></div>'); 2406 letterBlock.text(word[l]); 2407 2408 if (vowel.indexOf(word[l]) >= 0) { 2409 letterBlock.addClass('vowel'); 2410 if (accent[iVowel] == '1') { 2411 letterBlock.addClass('active'); 2412 } 2413 if (accent[iVowel] == '2') { 2414 letterBlock.addClass('addit'); 2415 } 2416 iVowel++; 2417 } 2418 2419 wordBlock.append(letterBlock); 2420 } 2421 } 2422 $(item).find('.accent-select-word').remove(); 2423 $(item).append(wordBlock); 2424} 2425 2426 2427function displayWordSelect(item){ 2428 var word = $(item).find('input[name=write]').val(); 2429 2430 $(item).append($('<input type="text" name="current-transcript">')); 2431 $(item).append($('<input type="text" name="current-accent">')); 2432 $(item).append($('<input type="text" name="current-scheme">')); 2433 2434 if($(item).find('.result').length <= 0){ 2435 $(item).append($('<div class="result"></div>')); 2436 } 2437 var result = $(item).find('.result'); 2438 result.html(''); 2439 2440 if(word.length > 0){ 2441 $.ajax({ 2442 url:'ajax_new.php', 2443 data:{ 2444 action : 'get-word', 2445 word : word, 2446 }, 2447 dataType:'json', 2448 success: function(data) { 2449 var words = data.WORDS; 2450 var custom = data.CUSTOM; 2451 leftBlock = words; 2452 2453 $(item).find('[name=current-accent]').val(words[0].UF_ACCENT); 2454 $(item).find('[name=current-scheme]').val(words[0].UF_ACCENT_SCHEME); 2455 $(item).find('[name=current-transcript]').val(words[0].UF_TRANSCRIPT).change(); 2456 2457 for(var i = 0; i < words.length - 1; i++){ 2458 var block = $('<div class="variant"></div>'); 2459 block.append($('<div class="accent">УдаÑение: ' + words[i].WORD_WITH_ACCENT + '</div>')); 2460 block.append($('<div class="transcript">ТÑанÑкÑипÑиÑ: ' + words[i].UF_TRANSCRIPT + '</div>')); 2461 2462 block.append($('<input type="hidden" name="transcript" value="'+ words[i].UF_TRANSCRIPT +'">')); 2463 block.append($('<input type="hidden" name="accent" value="'+ words[i].UF_ACCENT +'">')); 2464 block.append($('<input type="hidden" name="scheme" value="'+ words[i].UF_ACCENT_SCHEME +'">')); 2465 2466 var info = $('<div class="info"></div>'); 2467 2468 if(words[i].UF_ROOT_NAME !== undefined){ 2469 info.append('<p>ÐоÑенÑ: ' + words[i].UF_ROOT_NAME + '</p>'); 2470 } 2471 2472 if(words[i].UF_CLASS_NAME !== undefined){ 2473 info.append('<p>ЧаÑÑÑ ÑеÑи: ' + words[i].UF_CLASS_NAME + '</p>'); 2474 } 2475 2476 block.append(info); 2477 result.append(block); 2478 } 2479 2480 var block = $('<div class="variant custom-variant"></div>'); 2481 var accentSelect = $('<div class="accent-select"></div>'); 2482 var word = custom.WORD; 2483 var accent = custom.ACCENT; 2484 var transcript = custom.TRANSCRIPT; 2485 var scheme = custom.ACCENT_SCHEME; 2486 2487 accentSelect.append($('<input type="text" name="word" value="'+ word +'">')); 2488 accentSelect.append($('<input type="text" name="scheme" value="'+ scheme +'">')); 2489 accentSelect.append($('<input type="text" name="accent" value="'+ accent.toString() +'">')); 2490 2491 block.append(accentSelect); 2492 block.append($('<div class="clearfix"></div>')); 2493 block.append($('<div class="transcript"><input class="form-control" type="text" name="transcript" value="' + transcript + '"></div>')); 2494 2495 var classes = custom.CLASSES; 2496 var classSelect = $('<select class="class-select form-control" name="class"></select>'); 2497 $.each(classes, function(value, name) { 2498 classSelect.append($('<option value="' + value + '">' + name + '</option>')); 2499 }); 2500 classSelect.val(custom.CLASS); 2501 block.append(classSelect); 2502 2503 result.append(block); 2504 2505 if(words.length > 0){ 2506 result.slick({dots: true});
2507 result.on('afterChange', changeWriteVariant); 2508 } 2509 2510 accentSelect.find('[name=word]').change(); 2511 } 2512 }); 2513 } 2514} 2515 2516 2517function changeWriteVariant(event, slick, currentSlide){ 2518 var container = slick.$slider.parents('.word-select'); 2519 var slide = $(slick.$slides[currentSlide]); 2520 2521 var transcript = slide.find('input[name=transcript]').val(); 2522 var accent = slide.find('input[name=accent]').val(); 2523 var scheme = slide.find('input[name=scheme]').val(); 2524 2525 container.find('input[name=current-accent]').val(accent); 2526 container.find('input[name=current-scheme]').val(scheme); 2527 container.find('input[name=current-transcript]').val(transcript).change(); 2528} 2529 2530</script>
2530 2531<!-- Yandex.Metrika counter -->
2532<script type="text/javascript"> 2533 (function (d, w, c) { 2534 (w[c] = w[c] || []).push(function() { 2535 try { 2536 w.yaCounter32841685 = new Ya.Metrika({ 2537 id:32841685, 2538 clickmap:true, 2539 trackLinks:true, 2540 accurateTrackBounce:true, 2541 webvisor:true, 2542 trackHash:true 2543 }); 2544 } catch(e) { } 2545 }); 2546 2547 var n = d.getElementsByTagName("script")[0], 2548 s = d.createElement("script"), 2549 f = function () { n.parentNode.insertBefore(s, n); }; 2550 s.type = "text/javascript"; 2551 s.async = true; 2552 s.src = "https://mc.yandex.ru/metrika/watch.js"; 2553 2554 if (w.opera == "[object Opera]") { 2555 d.addEventListener("DOMContentLoaded", f, false); 2556 } else { f(); } 2557 })(document, window, "yandex_metrika_callbacks"); 2558</script>
2558 2559<noscript><div><img src="https://mc.yandex.ru/watch/32841685" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 2560<!-- /Yandex.Metrika counter --> 2561 2562</body> 2563</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.