diff --git a/assets/css/core.css b/assets/css/core.css
index 59d9e2c..bfa6e07 100644
--- a/assets/css/core.css
+++ b/assets/css/core.css
@@ -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;
diff --git a/assets/css/layout.css b/assets/css/layout.css
index 104259a..6729e4b 100644
--- a/assets/css/layout.css
+++ b/assets/css/layout.css
@@ -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{
diff --git a/assets/css/media.css b/assets/css/media.css
index a1ba48b..6b96318 100644
--- a/assets/css/media.css
+++ b/assets/css/media.css
@@ -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;
}
diff --git a/assets/js/app.js b/assets/js/app.js
index 2cc0339..b92ecb0 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -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;}
diff --git a/index.html b/index.html
index d457b41..ac06a01 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,10 @@
+
-
-
-
-
-
-
-
-