Úprava souboru index.html
This commit is contained in:
janrippl
parent
d2e31c1fed
commit
2727cd0499
3 changed files with 107 additions and 15 deletions
|
|
@ -12,11 +12,37 @@
|
|||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {display:none;}");
|
||||
document.write(".menu a:hover span {display:block;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
|
|
@ -34,7 +60,13 @@
|
|||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
40
blog.html
40
blog.html
|
|
@ -12,9 +12,35 @@
|
|||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {display:none;}");
|
||||
document.write(".menu a:hover span {display:block;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
|
|
@ -69,11 +95,13 @@
|
|||
});
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.menu a span {display:none;}
|
||||
.menu a:hover span {display:block;}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,11 +12,37 @@
|
|||
|
||||
<!-- CSS -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
|
||||
<script>
|
||||
function isMobile() {
|
||||
const regex = /Mobi|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
|
||||
return regex.test(navigator.userAgent);
|
||||
}
|
||||
|
||||
if (isMobile()) {
|
||||
console.log("Detekováno mobilní zařízení");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:1;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {padding-left: 5px;}");
|
||||
document.write(".menu a:hover span {padding-left: 10px;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider-mobil.css' rel='stylesheet' type='text/css' />");
|
||||
} else {
|
||||
console.log("Detekován počítač");
|
||||
document.write("<style>");
|
||||
document.write(".sloupce{column-count:2;column-width:100px;column-rule-width:10px;}");
|
||||
document.write(".menu a span {display:none;}");
|
||||
document.write(".menu a:hover span {display:block;}");
|
||||
document.write("</style>");
|
||||
document.write("<link href='css/flexslider.css' rel='stylesheet' type='text/css' />");
|
||||
}
|
||||
</script>
|
||||
<!--<link href="css/flexslider.css" rel="stylesheet" type="text/css" />-->
|
||||
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate1.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/animate2.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
<link href="css/colors/" rel="stylesheet" type="text/css" id="colors" />
|
||||
|
||||
<!-- FONTS -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
|
|
@ -34,7 +60,13 @@
|
|||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="js/animate.js" type="text/javascript"></script>
|
||||
<script src="js/myscript.js" type="text/javascript"></script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
setTimeout(function() { $("#showDiv").fadeOut(0); }, 0);
|
||||
setTimeout(function() { $("#hideDiv").fadeOut(1500); }, 5000);
|
||||
setTimeout(function() { $("#showDiv").fadeIn(1500); }, 5000);
|
||||
})
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue