Edax/Web_Chaloupky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Filip Šubín
2023-06-06 08:27:03 +02:00
parent 7909961665
commit 8d6e0565c9
5 changed files with 25 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/core.css
View File

@@ -1,7 +1,5 @@
:root {
--font-primary: 'Merienda', cursive;
--font-secondary: 'Kaushan Script', cursive;
--font-tertiary: 'Dancing Script', cursive;
--color-white: #ffffff;
--color-white-100: #f1f1f1;

9
assets/css/layout.css
View File

@@ -17,7 +17,7 @@
top: 0;
left: 0;
width: 100%;
height: calc(100vh - 5rem);
height: 100%;
display: flex;
flex-direction: column-reverse;
background: var(--color-white-100);
@@ -227,6 +227,12 @@
z-index: 10;
}
.section--preview.horizontal img {
width: 90vh;
height: 90vw;
transform: rotate(0deg);
}
/* .section--preview.horizontal .close--preview {
left: 0.25rem;
right: unset;
@@ -264,6 +270,7 @@
max-height: 56.25rem;
object-fit: cover;
box-shadow: var(--shadow-outset);
transform: rotate(-90deg);
}
.section--switch .section__intro{

5
assets/css/media.css
View File

@@ -83,8 +83,8 @@
}
@media screen and (min-width: 75.0625rem) {
.section--switch .section__intro {
flex-direction: row;
.section--preview img {
transform: rotate(0deg);
}
.close--preview {
@@ -98,7 +98,6 @@
}
.section__intro {
height: 100%;
flex-direction: row;
}

28
assets/js/app.js
View File

@@ -12,26 +12,26 @@ $(document).ready(function(){
});
});
// $(function() {
// $(window).on('resize', function(e) {
// if (screen.width < screen.height){
// $('.section--preview').addClass('horizontal');
// }else{
// $('.section--preview').removeClass('horizontal');
// }
// });
// })
$(function() {
$(window).on('resize', function(e) {
if (screen.width < screen.height){
$('.section--preview').addClass('horizontal');
}else{
$('.section--preview').removeClass('horizontal');
}
});
})
init();
function init() {
let state = 0;
// if (screen.width < screen.height){
// $('.section--preview').addClass('horizontal');
// }else{
// $('.section--preview').removeClass('horizontal');
// }
if (screen.width < screen.height){
$('.section--preview').addClass('horizontal');
}else{
$('.section--preview').removeClass('horizontal');
}
$('.js-prev-slide').click(function() {
if(state - 1 == -1){state = 2;}else{state = state - 1;}

9
index.html
View File

@@ -1,17 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Merienda:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/app.css">
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
</head>
<body>