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 { :root {
--font-primary: 'Merienda', cursive; --font-primary: 'Merienda', cursive;
--font-secondary: 'Kaushan Script', cursive;
--font-tertiary: 'Dancing Script', cursive;
--color-white: #ffffff; --color-white: #ffffff;
--color-white-100: #f1f1f1; --color-white-100: #f1f1f1;

9
assets/css/layout.css
View File

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

5
assets/css/media.css
View File

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

28
assets/js/app.js
View File

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

9
index.html
View File

@@ -1,17 +1,10 @@
<!DOCTYPE html>
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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=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"> <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> <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
</head> </head>
<body> <body>