// Add on site
// <div id="relation-widget" class="relation-widget"></div>
// <script type="text/javascript" src="//info.sibnet.ru/relation-widget"></script>
// <script src="//info.sibnet.ru/js/winter-time/widget.js"></script>

var relationWinter = {

    init: function() {
        var news = document.getElementById("relation-widget");

        news.innerHTML = '<link rel="stylesheet" href="//info.sibnet.ru/css/relation/widget.css"><a class="wwidget-title" href="//info.sibnet.ru/articles/372/"><div class="relation-widget-icon"></div>О самом главном</a><div id="wwidget-slider">    <div id="wwidget-viewport">        <ul id="wwidget-slidewrapper">                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/572096/">                        <img src="//info.sibnet.ru/ni/572/572096w_1605948949.jpg" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/572096/">Опасная метка: как убрать родинку</a>                    </span>                </li>                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/525921/">                        <img src="//info.sibnet.ru/ni/525/525921w_1506369395.jpg" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/525921/">Как выбрать презерватив: размер и материал</a>                    </span>                </li>                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/571951/">                        <img src="//info.sibnet.ru/ni/571/571951w_1604655244.jpg" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/571951/">Винтажные и «умные»: как выбрать наручные часы</a>                    </span>                </li>                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/547112/">                        <img src="//info.sibnet.ru/ni/547/547112w_1549700247.png" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/547112/">Урок стриптиза: как сделать пикантный подарок</a>                    </span>                </li>                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/533304/">                        <img src="//info.sibnet.ru/ni/533/533304w_1519214273.jpg" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/533304/">Что означают линии на запястье</a>                    </span>                </li>                            <li class="wwidget-slide">                    <a href="http://info.sibnet.ru/article/531664/">                        <img src="//info.sibnet.ru/ni/531/531664w_1516564220.jpg" class="wwidget-slide-img">                    </a>                    <span>                        <a class="wwidget-news-title" href="http://info.sibnet.ru/article/531664/">Любовная переписка: как очаровать в онлайн-общении</a>                    </span>                </li>                    </ul>        <div class="wwidget-nav">            <button id="wwidget-prev-btn"></button>            <ul id="wwidget-nav-btns">            </ul>            <button id="wwidget-next-btn"></button>        </div>    </div></div>';
    }
}

relationWinter.init();