for(let i = 0; i < 100; i++)
localStorage.setItem("popa" + i, "jopa");
console.log(localStorage);$route['page/faq'] = 'main/pages/page/faq';
<div class="content"></div>
<div class="footer"></div>.content {
height: 100vh;
}
.footer {
height: 50px;
}document.querySelector(".touch_menu").addEventListener("click", function(event) {
event.preventDefault();
this.classList.add("touch_menu_turn");
});<meta content='Хабрахабр' name='apple-mobile-web-app-title'>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/favicons/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" sizes="16x16" />
<meta name="application-name" content="Хабрахабр"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="mstile-144x144.png" />let blocks = document.querySelectorAll(".block p");
let size = 50;
[].forEach.call(blocks, block =>
{
if (block.innerHTML.length > size)
{
block.innerHTML = block.innerHTML.substr(0, size);
block.innerHTML += '... <a href="#" class="read-more-button">read more</a>'
}
});