Значительно переработана мобильная версия; упрощен index.js; рефакторинг кода
This commit is contained in:
parent
df18d0b469
commit
c93debbeeb
|
|
@ -2,8 +2,10 @@
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>Dhaverd</title>
|
<title>Dhaverd</title>
|
||||||
<link href="src/styles/style.css?v=01000025" rel="stylesheet">
|
<link href="src/styles/style.css?v=01000028" rel="stylesheet" media="screen" />
|
||||||
|
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000028" media="handheld,only screen and (max-device-width:480px)" />
|
||||||
<link rel="icon" href="src/img/favicon.ico">
|
<link rel="icon" href="src/img/favicon.ico">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -31,6 +33,6 @@
|
||||||
<p id="footer">® Dhaverd 2022</p>
|
<p id="footer">® Dhaverd 2022</p>
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
<script src="src/scripts/index.js"></script>
|
<script src="src/scripts/index.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,8 +2,10 @@
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>Dhaverd - MyChat</title>
|
<title>Dhaverd - MyChat</title>
|
||||||
<link href="src/styles/style.css?v=01000023" rel="stylesheet">
|
<link href="src/styles/style.css?v=01000028" rel="stylesheet" media="screen" />
|
||||||
|
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000028" media="handheld,only screen and (max-device-width:480px)" />
|
||||||
<link rel="icon" href="src/img/favicon.ico">
|
<link rel="icon" href="src/img/favicon.ico">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -38,5 +40,5 @@
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
<script src="src/scripts/mychat.js"></script>
|
<script src="src/scripts/index.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,8 +2,10 @@
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>Dhaverd - Servers</title>
|
<title>Dhaverd - Servers</title>
|
||||||
<link href="src/styles/style.css?v=01000023" rel="stylesheet">
|
<link href="src/styles/style.css?v=01000028" rel="stylesheet" media="screen" />
|
||||||
|
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000028" media="handheld,only screen and (max-device-width:480px)" />
|
||||||
<link rel="icon" href="src/img/favicon.ico">
|
<link rel="icon" href="src/img/favicon.ico">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -43,5 +45,5 @@
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
<script src="src/scripts/servers.js"></script>
|
<script src="src/scripts/index.js"></script>
|
||||||
</html>
|
</html>
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 26 KiB |
|
|
@ -1,18 +0,0 @@
|
||||||
$(document).ready(function(){
|
|
||||||
var $menu = $("#header");
|
|
||||||
let header = $('#header');
|
|
||||||
let hederHeight = header.height();
|
|
||||||
$(window).scroll(function(){
|
|
||||||
if ( $(this).scrollTop() > 100 && $menu.hasClass("default") ){
|
|
||||||
$menu.removeClass("default").addClass("fixed");
|
|
||||||
$('.main-content').css({
|
|
||||||
'paddingTop': hederHeight+'px'
|
|
||||||
});
|
|
||||||
} else if($(this).scrollTop() <= 100 && $menu.hasClass("fixed")) {
|
|
||||||
$menu.removeClass("fixed").addClass("default");
|
|
||||||
$('.main-content').css({
|
|
||||||
'paddingTop': 0
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});//scroll
|
|
||||||
});
|
|
||||||
|
|
@ -1,8 +1,6 @@
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
resetContentSize();
|
resetContentSize();
|
||||||
fixMobile();
|
resetHeader();
|
||||||
window.addEventListener('resize', fixMobile);
|
|
||||||
window.onresize = fixMobile;
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function resetContentSize() {
|
function resetContentSize() {
|
||||||
|
|
@ -26,65 +24,4 @@ function resetHeader() {
|
||||||
var hh = Number(header.offsetHeight);
|
var hh = Number(header.offsetHeight);
|
||||||
hh = hh + 10;
|
hh = hh + 10;
|
||||||
header.setAttribute('style', 'height:'+hh+'px');
|
header.setAttribute('style', 'height:'+hh+'px');
|
||||||
}
|
|
||||||
|
|
||||||
function isMobile() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fixMobile() {
|
|
||||||
resetContentSize();
|
|
||||||
resetHeader();
|
|
||||||
var ismobile = isMobileByScreenSize();
|
|
||||||
console.log("Is mobile: " + ismobile);
|
|
||||||
if (ismobile) {
|
|
||||||
resizeElementsDown();
|
|
||||||
} else {
|
|
||||||
resizeElementsUp();
|
|
||||||
}
|
|
||||||
resetContentSize();
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsDown() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:16px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 0px; padding-right: 0px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsUp() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:25px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 100px; padding-right: 100px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:18px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobileByScreenSize() {
|
|
||||||
var width = window.innerWidth;
|
|
||||||
var height = window.innerHeight;
|
|
||||||
console.log('Height = ' + height);
|
|
||||||
console.log('Width = ' + width);
|
|
||||||
return (width - height) < 150;
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
$(document).ready(function() {
|
|
||||||
resetContentSize();
|
|
||||||
fixMobile();
|
|
||||||
window.addEventListener('resize', fixMobile);
|
|
||||||
window.onresize = fixMobile;
|
|
||||||
});
|
|
||||||
|
|
||||||
function resetContentSize() {
|
|
||||||
console.log("Fixing main-content height:");
|
|
||||||
let mainContent = document.getElementById('main-content');
|
|
||||||
mainContent.setAttribute('style', 'height: auto');
|
|
||||||
mainContent = document.getElementById('main-content');
|
|
||||||
var offsetHeight = Number(mainContent.offsetHeight);
|
|
||||||
console.log("\tHeight was: " + offsetHeight);
|
|
||||||
var newHeight = offsetHeight + 30;
|
|
||||||
console.log("\tSetting css: " + 'height:'+newHeight+'px');
|
|
||||||
mainContent.setAttribute('style', 'height:'+newHeight+'px');
|
|
||||||
console.log("\tHeight become: " + mainContent.offsetHeight);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetHeader() {
|
|
||||||
var header = document.getElementById('header');
|
|
||||||
header.setAttribute('style', 'height: auto');
|
|
||||||
header = document.getElementById('header');
|
|
||||||
var hh = Number(header.offsetHeight);
|
|
||||||
hh = hh + 10;
|
|
||||||
header.setAttribute('style', 'height:'+hh+'px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobile() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fixMobile() {
|
|
||||||
resetContentSize();
|
|
||||||
resetHeader();
|
|
||||||
var ismobile = isMobileByScreenSize();
|
|
||||||
console.log("Is mobile: " + ismobile);
|
|
||||||
if (ismobile) {
|
|
||||||
resizeElementsDown();
|
|
||||||
} else {
|
|
||||||
resizeElementsUp();
|
|
||||||
}
|
|
||||||
resetContentSize();
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsDown() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:16px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 0px; padding-right: 0px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:14px');
|
|
||||||
var textLinks = document.getElementsByClassName('text-link');
|
|
||||||
for (let i = 0; i < textLinks.length; i++) {
|
|
||||||
textLinks[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsUp() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:25px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 100px; padding-right: 100px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:18px');
|
|
||||||
var textLinks = document.getElementsByClassName('text-link');
|
|
||||||
for (let i = 0; i < textLinks.length; i++) {
|
|
||||||
textLinks[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobileByScreenSize() {
|
|
||||||
var width = window.innerWidth;
|
|
||||||
var height = window.innerHeight;
|
|
||||||
console.log('Height = ' + height);
|
|
||||||
console.log('Width = ' + width);
|
|
||||||
return (width - height) < 150;
|
|
||||||
}
|
|
||||||
|
|
@ -1,106 +0,0 @@
|
||||||
$(document).ready(function() {
|
|
||||||
resetContentSize();
|
|
||||||
fixMobile();
|
|
||||||
window.addEventListener('resize', fixMobile);
|
|
||||||
window.onresize = fixMobile;
|
|
||||||
});
|
|
||||||
|
|
||||||
function resetContentSize() {
|
|
||||||
console.log("Fixing main-content height:");
|
|
||||||
let mainContent = document.getElementById('main-content');
|
|
||||||
mainContent.setAttribute('style', 'height: auto');
|
|
||||||
mainContent = document.getElementById('main-content');
|
|
||||||
var offsetHeight = Number(mainContent.offsetHeight);
|
|
||||||
console.log("\tHeight was: " + offsetHeight);
|
|
||||||
var newHeight = offsetHeight + 30;
|
|
||||||
console.log("\tSetting css: " + 'height:'+newHeight+'px');
|
|
||||||
mainContent.setAttribute('style', 'height:'+newHeight+'px');
|
|
||||||
console.log("\tHeight become: " + mainContent.offsetHeight);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetHeader() {
|
|
||||||
var header = document.getElementById('header');
|
|
||||||
header.setAttribute('style', 'height: auto');
|
|
||||||
header = document.getElementById('header');
|
|
||||||
var hh = Number(header.offsetHeight);
|
|
||||||
hh = hh + 10;
|
|
||||||
header.setAttribute('style', 'height:'+hh+'px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobile() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fixMobile() {
|
|
||||||
resetContentSize();
|
|
||||||
resetHeader();
|
|
||||||
var ismobile = isMobileByScreenSize();
|
|
||||||
console.log("Is mobile: " + ismobile);
|
|
||||||
if (ismobile) {
|
|
||||||
resizeElementsDown();
|
|
||||||
} else {
|
|
||||||
resizeElementsUp();
|
|
||||||
}
|
|
||||||
resetContentSize();
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsDown() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:16px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 0px; padding-right: 0px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:14px');
|
|
||||||
var serverNames = document.getElementsByClassName('server-name');
|
|
||||||
for (let i = 0; i < serverNames.length; i++) {
|
|
||||||
serverNames[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var serverIps = document.getElementsByClassName('server-ips');
|
|
||||||
for (let i = 0; i < serverIps.length; i++) {
|
|
||||||
serverIps[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsUp() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:25px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 100px; padding-right: 100px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:18px');
|
|
||||||
var serverNames = document.getElementsByClassName('server-name');
|
|
||||||
for (let i = 0; i < serverNames.length; i++) {
|
|
||||||
serverNames[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var serverIps = document.getElementsByClassName('server-ips');
|
|
||||||
for (let i = 0; i < serverIps.length; i++) {
|
|
||||||
serverIps[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobileByScreenSize() {
|
|
||||||
var width = window.innerWidth;
|
|
||||||
var height = window.innerHeight;
|
|
||||||
console.log('Height = ' + height);
|
|
||||||
console.log('Width = ' + width);
|
|
||||||
return (width - height) < 150;
|
|
||||||
}
|
|
||||||
|
|
@ -1,134 +0,0 @@
|
||||||
$(document).ready(function() {
|
|
||||||
resetContentSize();
|
|
||||||
fixMobile();
|
|
||||||
window.addEventListener('resize', fixMobile);
|
|
||||||
window.onresize = fixMobile;
|
|
||||||
});
|
|
||||||
|
|
||||||
function resetContentSize() {
|
|
||||||
console.log("Fixing main-content height:");
|
|
||||||
let mainContent = document.getElementById('main-content');
|
|
||||||
mainContent.setAttribute('style', 'height: auto');
|
|
||||||
mainContent = document.getElementById('main-content');
|
|
||||||
var offsetHeight = Number(mainContent.offsetHeight);
|
|
||||||
console.log("\tHeight was: " + offsetHeight);
|
|
||||||
var newHeight = offsetHeight + 30;
|
|
||||||
console.log("\tSetting css: " + 'height:'+newHeight+'px');
|
|
||||||
mainContent.setAttribute('style', 'height:'+newHeight+'px');
|
|
||||||
console.log("\tHeight become: " + mainContent.offsetHeight);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetHeader() {
|
|
||||||
var header = document.getElementById('header');
|
|
||||||
header.setAttribute('style', 'height: auto');
|
|
||||||
header = document.getElementById('header');
|
|
||||||
var hh = Number(header.offsetHeight);
|
|
||||||
hh = hh + 10;
|
|
||||||
header.setAttribute('style', 'height:'+hh+'px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobile() {
|
|
||||||
let check = false;
|
|
||||||
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
|
|
||||||
return check;
|
|
||||||
}
|
|
||||||
|
|
||||||
function fixMobile() {
|
|
||||||
resetContentSize();
|
|
||||||
resetHeader();
|
|
||||||
var ismobile = isMobileByScreenSize();
|
|
||||||
console.log("Is mobile: " + ismobile);
|
|
||||||
if (ismobile) {
|
|
||||||
resizeElementsDown();
|
|
||||||
} else {
|
|
||||||
resizeElementsUp();
|
|
||||||
}
|
|
||||||
resetContentSize();
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsDown() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:16px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 0px; padding-right: 0px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:14px');
|
|
||||||
var tableHeads = document.getElementsByClassName('table-head');
|
|
||||||
for (let i = 0; i < tableHeads.length; i++) {
|
|
||||||
tableHeads[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var exerciseHead = document.getElementById('exercise-head');
|
|
||||||
exerciseHead.setAttribute('style', 'font-size:14px');
|
|
||||||
var muscleGroupHead = document.getElementById('muscle-group-head');
|
|
||||||
muscleGroupHead.setAttribute('style', 'font-size:14px');
|
|
||||||
var countHead = document.getElementById('count-head');
|
|
||||||
countHead.setAttribute('style', 'font-size:14px');
|
|
||||||
var exercises = document.getElementsByClassName('exercise');
|
|
||||||
for (let i = 0; i < exercises.length; i++) {
|
|
||||||
exercises[i].setAttribute('style', 'font-size:12px');
|
|
||||||
}
|
|
||||||
var muscleGroups = document.getElementsByClassName('muscle-group');
|
|
||||||
for (let i = 0; i < muscleGroups.length; i++) {
|
|
||||||
muscleGroups[i].setAttribute('style', 'font-size:12px');
|
|
||||||
}
|
|
||||||
var count = document.getElementsByClassName('count');
|
|
||||||
for (let i = 0; i < count.length; i++) {
|
|
||||||
count[i].setAttribute('style', 'font-size:12px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function resizeElementsUp() {
|
|
||||||
var pageTitle = document.getElementsByClassName('page-title');
|
|
||||||
pageTitle[0].setAttribute('style', 'font-size:25px');
|
|
||||||
var refs = document.getElementsByClassName('side-href');
|
|
||||||
for (let i = 0; i < refs.length; i++) {
|
|
||||||
refs[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var mainCont = document.getElementById('main');
|
|
||||||
mainCont.setAttribute('style', 'padding-left: 100px; padding-right: 100px;');
|
|
||||||
var contentText = document.getElementsByClassName('content-text');
|
|
||||||
for (let i = 0; i < contentText.length; i++) {
|
|
||||||
contentText[i].setAttribute('style', 'font-size:20px');
|
|
||||||
}
|
|
||||||
var footer = document.getElementById('footer');
|
|
||||||
footer.setAttribute('style', 'font-size:18px');
|
|
||||||
var tableHeads = document.getElementsByClassName('table-head');
|
|
||||||
for (let i = 0; i < tableHeads.length; i++) {
|
|
||||||
tableHeads[i].setAttribute('style', 'font-size:16px');
|
|
||||||
}
|
|
||||||
var exerciseHead = document.getElementById('exercise-head');
|
|
||||||
exerciseHead.setAttribute('style', 'font-size:16px');
|
|
||||||
var muscleGroupHead = document.getElementById('muscle-group-head');
|
|
||||||
muscleGroupHead.setAttribute('style', 'font-size:16px');
|
|
||||||
var countHead = document.getElementById('count-head');
|
|
||||||
countHead.setAttribute('style', 'font-size:16px');
|
|
||||||
var exercises = document.getElementsByClassName('exercise');
|
|
||||||
for (let i = 0; i < exercises.length; i++) {
|
|
||||||
exercises[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var muscleGroups = document.getElementsByClassName('muscle-group');
|
|
||||||
for (let i = 0; i < muscleGroups.length; i++) {
|
|
||||||
muscleGroups[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
var count = document.getElementsByClassName('count');
|
|
||||||
for (let i = 0; i < count.length; i++) {
|
|
||||||
count[i].setAttribute('style', 'font-size:14px');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function isMobileByScreenSize() {
|
|
||||||
var width = window.innerWidth;
|
|
||||||
var height = window.innerHeight;
|
|
||||||
console.log('Height = ' + height);
|
|
||||||
console.log('Width = ' + width);
|
|
||||||
return (width - height) < 150;
|
|
||||||
}
|
|
||||||
|
|
@ -5,8 +5,8 @@
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding-left: 100px;
|
padding-left: 200px;
|
||||||
padding-right: 100px;
|
padding-right: 200px;
|
||||||
/* Или процентами? */
|
/* Или процентами? */
|
||||||
background-color: #575757;
|
background-color: #575757;
|
||||||
}
|
}
|
||||||
|
|
@ -42,11 +42,9 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-bar p {
|
.side-bar p {
|
||||||
color: #E0E0E0;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-left:25px;
|
padding-left:25px;
|
||||||
font-family: Arial;
|
font-size: 20px;
|
||||||
font-size: 6px;
|
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
}
|
}
|
||||||
|
|
@ -67,7 +65,7 @@ body {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
text-indent: 5%;
|
text-indent: 5%;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
font-size: 20px;
|
/*font-size: 20px;*/
|
||||||
line-height: 150%;
|
line-height: 150%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -90,19 +88,13 @@ body {
|
||||||
|
|
||||||
main {
|
main {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
/*
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 15% 1% 84%;
|
|
||||||
grid-template-areas: "side clay main-content";
|
|
||||||
*/
|
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-left: 100px;
|
padding-right: 10px;
|
||||||
padding-right: 100px;
|
|
||||||
background-color: #424242;
|
background-color: #424242;
|
||||||
height: 7%;
|
height: 7%;
|
||||||
}
|
}
|
||||||
|
|
@ -200,7 +192,6 @@ h2 {
|
||||||
|
|
||||||
.minecraft-vanilla {
|
.minecraft-vanilla {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
border-radius: 10%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.fixed nav a:hover {
|
.fixed nav a:hover {
|
||||||
|
|
@ -219,7 +210,7 @@ h2 {
|
||||||
|
|
||||||
.mychat-cred {
|
.mychat-cred {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
font-size: 15px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.workout-table {
|
.workout-table {
|
||||||
|
|
@ -228,7 +219,7 @@ h2 {
|
||||||
color: #E0E0E0;
|
color: #E0E0E0;
|
||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
table-layout: fixed;
|
table-layout: auto;
|
||||||
width: 98%;
|
width: 98%;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
|
|
@ -239,9 +230,7 @@ h2 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
rowspan: 2;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-decoration: bold;
|
|
||||||
background-color: #202020;
|
background-color: #202020;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -258,8 +247,8 @@ h2 {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
text-align: right;
|
text-align: center;
|
||||||
width: 30%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.muscle-group {
|
.muscle-group {
|
||||||
|
|
@ -267,7 +256,7 @@ h2 {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 20%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.muscle-group-head {
|
.muscle-group-head {
|
||||||
|
|
@ -275,7 +264,7 @@ h2 {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 20%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odd {
|
.odd {
|
||||||
|
|
@ -287,7 +276,7 @@ h2 {
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 30%;
|
width: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.exercise-head {
|
.exercise-head {
|
||||||
|
|
@ -297,4 +286,44 @@ h2 {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#leha {
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plov {
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-prim {
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.l-prim {
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-text {
|
||||||
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
@ -0,0 +1,276 @@
|
||||||
|
.header-img {
|
||||||
|
max-width: 90%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-left: 0px;
|
||||||
|
padding-right: 0px;
|
||||||
|
/* Или процентами? */
|
||||||
|
background-color: #575757;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-bar {
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 17% 17% 17% 17% 17%;
|
||||||
|
grid-template-areas: "mainp gitea servers mychat workout-area";
|
||||||
|
background-color: #424242;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainp {
|
||||||
|
grid-area: mainp;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gitea {
|
||||||
|
grid-area: gitea;
|
||||||
|
}
|
||||||
|
|
||||||
|
.servers {
|
||||||
|
grid-area: servers;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mychat {
|
||||||
|
grid-area: mychat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.workout-area {
|
||||||
|
grid-area: workout-area;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-bar p {
|
||||||
|
text-align: center;
|
||||||
|
padding-left:25px;
|
||||||
|
font-size: 12px;
|
||||||
|
padding-top: 2px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-title{
|
||||||
|
font-family: segoe print;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
padding-left:10px;
|
||||||
|
text-align: left;
|
||||||
|
background-color: #424242;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content p {
|
||||||
|
color: #E0E0E0;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-indent: 5%;
|
||||||
|
font-family: Arial;
|
||||||
|
line-height: 150%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
padding-top: 10px;
|
||||||
|
height: auto;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 10px;
|
||||||
|
background-color: #424242;
|
||||||
|
height: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
color: #E0E0E0;
|
||||||
|
font-family: Arial;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
padding-top: 10px;
|
||||||
|
text-align: center;
|
||||||
|
color: #609A21;
|
||||||
|
font-family: Arial;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-style: normal;
|
||||||
|
color: #E0E0E0;
|
||||||
|
font-family: Arial;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: 0.2s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: #D74D00;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
color: #E0E0E0;
|
||||||
|
font-family: Arial;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.server-ips {
|
||||||
|
text-align: center;
|
||||||
|
color: #E0E0E0;
|
||||||
|
font-family: Arial;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zomboid {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-content {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.image-content img {
|
||||||
|
border-radius: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.default {
|
||||||
|
background-color: #424242;
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 10px;
|
||||||
|
box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5);
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.minecraft-vanilla {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.default nav a:hover {
|
||||||
|
color: #E0E0E0;
|
||||||
|
background-color: #609A21;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-link {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mychat-cred {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.workout-table {
|
||||||
|
cellpadding: 10px;
|
||||||
|
background-color: #505050;
|
||||||
|
color: #E0E0E0;
|
||||||
|
font-family: Arial;
|
||||||
|
margin: 10px;
|
||||||
|
table-layout: auto;
|
||||||
|
width: 95%;
|
||||||
|
height: 80%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-head {
|
||||||
|
font-size: 14px;
|
||||||
|
border: 1px solid black;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #202020;
|
||||||
|
}
|
||||||
|
|
||||||
|
.exercise {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.count {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.muscle-group {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.muscle-group-head {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.odd {
|
||||||
|
background-color: #353535;
|
||||||
|
}
|
||||||
|
.count-head {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.exercise-head {
|
||||||
|
font-size: 12px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#leha {
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#plov {
|
||||||
|
font-size: 14px;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.p-prim {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.l-prim {
|
||||||
|
font-size: 12px;
|
||||||
|
border: 1px solid black;
|
||||||
|
padding-right: 10px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
text-align: center;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-text {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
60
workout.html
60
workout.html
|
|
@ -2,8 +2,10 @@
|
||||||
<html lang="ru">
|
<html lang="ru">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
<title>Dhaverd</title>
|
<title>Dhaverd</title>
|
||||||
<link href="src/styles/style.css?v=01000023" rel="stylesheet">
|
<link href="src/styles/style.css?v=01000028" rel="stylesheet" media="screen" />
|
||||||
|
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000028" media="handheld,only screen and (max-device-width:480px)" />
|
||||||
<link rel="icon" href="src/img/favicon.ico">
|
<link rel="icon" href="src/img/favicon.ico">
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -25,133 +27,181 @@
|
||||||
<h1 class="page-title">Программа тренировок</h1>
|
<h1 class="page-title">Программа тренировок</h1>
|
||||||
<table class="workout-table">
|
<table class="workout-table">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="table-head" colspan="3"><b>Вторник: Грудь. Бицепсы. Пресс.</b></td>
|
<td class="table-head" colspan="5"><b>Вторник: Грудь. Бицепсы. Пресс.</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise-head" id="exercise-head"><strong>Упражнение</strong></td>
|
<td class="exercise-head" id="exercise-head"><strong>Упражнение</strong></td>
|
||||||
<td class="muscle-group-head" id="muscle-group-head"><strong>Группа мышц</strong></td>
|
<td class="muscle-group-head" id="muscle-group-head"><strong>Группа мышц</strong></td>
|
||||||
<td class="count-head" id="count-head"><strong>Время/подходы</strong></td>
|
<td class="count-head" id="count-head"><strong>Время/подходы</strong></td>
|
||||||
|
<td class="leha" id="leha"><strong>Леха</strong></td>
|
||||||
|
<td class="plov" id="plov"><strong>Павел</strong></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Разминка</td>
|
<td class="exercise">Разминка</td>
|
||||||
<td class="muscle-group">Общее</td>
|
<td class="muscle-group">Общее</td>
|
||||||
<td class="count">2 минут</td>
|
<td class="count">2 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Бегит</td>
|
<td class="exercise">Бегит</td>
|
||||||
<td class="muscle-group">Кардио</td>
|
<td class="muscle-group">Кардио</td>
|
||||||
<td class="count">30 минут</td>
|
<td class="count">30 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Жим лежа</td>
|
<td class="exercise">Жим лежа</td>
|
||||||
<td class="muscle-group">Грудь</td>
|
<td class="muscle-group">Грудь</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">15кг</td>
|
||||||
|
<td class="p-prim">15кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Разводка гантелей лежа</td>
|
<td class="exercise">Разводка гантелей лежа</td>
|
||||||
<td class="muscle-group">Грудь</td>
|
<td class="muscle-group">Грудь</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">7кг</td>
|
||||||
|
<td class="p-prim">8кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Сгибания с гантелями на бицепс</td>
|
<td class="exercise">Сгибания с гантелями на бицепс</td>
|
||||||
<td class="muscle-group">Бицепсы</td>
|
<td class="muscle-group">Бицепсы</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">7кг</td>
|
||||||
|
<td class="p-prim">8кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Нижний блок</td>
|
<td class="exercise">Нижний блок</td>
|
||||||
<td class="muscle-group">Бицепсы</td>
|
<td class="muscle-group">Бицепсы</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">20кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Пресс</td>
|
<td class="exercise">Пресс</td>
|
||||||
<td class="muscle-group">Пресс</td>
|
<td class="muscle-group">Пресс</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Подъем ног в висе</td>
|
<td class="exercise">Подъем ног в висе</td>
|
||||||
<td class="muscle-group">Пресс</td>
|
<td class="muscle-group">Пресс</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="table-head" colspan="3"><b>Четверг: Плечи. Трицепсы.</b></td>
|
<td class="table-head" colspan="5"><b>Четверг: Плечи. Трицепсы.</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Разминка</td>
|
<td class="exercise">Разминка</td>
|
||||||
<td class="muscle-group">Общее</td>
|
<td class="muscle-group">Общее</td>
|
||||||
<td class="count">2 минут</td>
|
<td class="count">2 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Бегит</td>
|
<td class="exercise">Бегит</td>
|
||||||
<td class="muscle-group">Кардио</td>
|
<td class="muscle-group">Кардио</td>
|
||||||
<td class="count">30 минут</td>
|
<td class="count">30 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Гантели перед собой</td>
|
<td class="exercise">Гантели перед собой</td>
|
||||||
<td class="muscle-group">Плечи/трицепсы</td>
|
<td class="muscle-group">Плечи/трицепсы</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">6кг(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Подъем гантелей в стороны</td>
|
<td class="exercise">Подъем гантелей в стороны</td>
|
||||||
<td class="muscle-group">Плечи</td>
|
<td class="muscle-group">Плечи</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Разводка гантелей в наклоне</td>
|
<td class="exercise">Разводка гантелей в наклоне</td>
|
||||||
<td class="muscle-group">Плечи</td>
|
<td class="muscle-group">Плечи</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Французский жим</td>
|
<td class="exercise">Французский жим</td>
|
||||||
<td class="muscle-group">Трицепсы</td>
|
<td class="muscle-group">Трицепсы</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Брусья</td>
|
<td class="exercise">Брусья</td>
|
||||||
<td class="muscle-group">Трицепсы</td>
|
<td class="muscle-group">Трицепсы</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="table-head" colspan="3"><b>Суббота: Спина. Ноги.</b></td>
|
<td class="table-head" colspan="5"><b>Суббота: Спина. Ноги.</b></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Разминка</td>
|
<td class="exercise">Разминка</td>
|
||||||
<td class="muscle-group">Общее</td>
|
<td class="muscle-group">Общее</td>
|
||||||
<td class="count">2 минут</td>
|
<td class="count">2 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Бегит</td>
|
<td class="exercise">Бегит</td>
|
||||||
<td class="muscle-group">Кардио</td>
|
<td class="muscle-group">Кардио</td>
|
||||||
<td class="count">30 минут</td>
|
<td class="count">30 минут</td>
|
||||||
|
<td class="l-prim">-</td>
|
||||||
|
<td class="p-prim">-</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Верхний блок</td>
|
<td class="exercise">Верхний блок</td>
|
||||||
<td class="muscle-group">Спина</td>
|
<td class="muscle-group">Спина</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Гиперэкстензия</td>
|
<td class="exercise">Гиперэкстензия</td>
|
||||||
<td class="muscle-group">Спина</td>
|
<td class="muscle-group">Спина</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">0кг</td>
|
||||||
|
<td class="p-prim">0кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Присяд со штангой</td>
|
<td class="exercise">Присяд со штангой</td>
|
||||||
<td class="muscle-group">Ноги</td>
|
<td class="muscle-group">Ноги</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">20кг</td>
|
||||||
|
<td class="p-prim">20кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Жим ногами</td>
|
<td class="exercise">Жим ногами</td>
|
||||||
<td class="muscle-group">Ноги</td>
|
<td class="muscle-group">Ноги</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">50кг</td>
|
||||||
|
<td class="p-prim">50кг</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="odd">
|
<tr class="odd">
|
||||||
<td class="exercise">Сгибание ног на тренажере</td>
|
<td class="exercise">Сгибание ног на тренажере</td>
|
||||||
<td class="muscle-group">Ноги</td>
|
<td class="muscle-group">Ноги</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="exercise">Разгибание ног на тренажере</td>
|
<td class="exercise">Разгибание ног на тренажере</td>
|
||||||
<td class="muscle-group">Ноги</td>
|
<td class="muscle-group">Ноги</td>
|
||||||
<td class="count">3x10</td>
|
<td class="count">3x10</td>
|
||||||
|
<td class="l-prim">(?)</td>
|
||||||
|
<td class="p-prim">(?)</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -162,5 +212,5 @@
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
<script src="src/scripts/workout.js"></script>
|
<script src="src/scripts/index.js"></script>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue