Skip to content

Commit

Permalink
Palle XXV inizio media query telefono
Browse files Browse the repository at this point in the history
  • Loading branch information
@Furoooo
Furoooo committed Feb 25, 2024
1 parent 0541cc5 commit cf29c12
Show file tree
Hide file tree
Showing 2 changed files with 99 additions and 68 deletions.
14 changes: 8 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,12 +225,12 @@ <h2>
Inizialmente, era solo un semplice progetto personale, ma presto divenne un fenomeno globale,
grazie al passaparola e alla diffusione su internet. Il gioco si basava sul concetto di "sandbox",
ovvero un ambiente virtuale dove il giocatore ha la libertà di fare ciò che vuole, senza obiettivi o limiti prefissati.
Notch aggiunse gradualmente nuove funzionalità, come i mostri, i biomi, i portali, i villaggi e i boss. Nel 2011,
</p>
<p>Notch aggiunse gradualmente nuove funzionalità, come i mostri, i biomi, i portali, i villaggi e i boss. Nel 2011,
il gioco fu ufficialmente rilasciato, e nel 2014, fu acquistato da Microsoft per 2,5 miliardi di dollari. Da allora,
Minecraft ha continuato a crescere e a evolversi, con nuovi aggiornamenti, modalità, piattaforme e collaborazioni.
Oggi, Minecraft e' uno dei giochi più popolari e influenti di tutti i tempi, con oltre 200 milioni di copie vendute
e 126 milioni di giocatori attivi al mese. Minecraft e' una storia di successo, di innovazione e di creatività.

e 126 milioni di giocatori attivi al mese. Minecraft e' una storia di successo, di innovazione e di creatività.
</p>
<p>E' una storia epica, pazza e leggendaria.</p>
</div>
Expand Down Expand Up @@ -472,8 +472,10 @@ <h3 >
var n = $(document).height();
$('html, body').animate({ scrollTop: n }, 1000);
});

ScrollReveal().reveal('.reveal', {distance: '50px', duration: '1500', easing: 'cubic-bezier(0.215, .61, .355, 1)', interval: '50'});

if($(window).width() > 767){
ScrollReveal().reveal('.reveal', {distance: '50px', duration: '1500', origin: 'bottom', easing: 'cubic-bezier(0.215, .61, .355, 1)', interval: '50'});
};
ScrollReveal().reveal('.zoom', {duration: '1500', easing: 'cubic-bezier(0.215, .61, .355, 1)', interval: '200', scale: 0.65, mobile: false})

if($(window).width() > 1366){
Expand All @@ -487,7 +489,7 @@ <h3 >
};

if($(window).width() <= 1366){

$('.main_page_link').click(function (e) {
e.preventDefault();
});
Expand Down
153 changes: 91 additions & 62 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -525,7 +525,7 @@ main{z-index: 0;}
}
.card{
display: flex;
max-height: 1280px;
/* max-height: 1280px; */
height: auto;
padding-top: 5%;
padding-bottom: 3%;
Expand Down Expand Up @@ -1323,7 +1323,7 @@ Smartphone
@media (max-width: 767px) {

/* Testi */
.medium_text{ font-family: 'Inter', sans-serif;font-size: 28px;color:#fff}
.medium_text{ font-family: 'Inter', sans-serif;font-size: 50px;color:#fff}
.normal_text{ font-family: 'Inter', sans-serif;font-size: 22px;color:#fff; font-weight: 500;}
.small_text{ font-family: 'Inter', sans-serif;font-size: 12px;color:#fff}
.big_text{ font-family: 'Inter', sans-serif, bold;font-size: 70px; color: #fff;font-weight: 900;}
Expand All @@ -1336,14 +1336,9 @@ Smartphone
}

p{
font-size: 30px;
font-size: 33px;
}
header{background: #019d26;border: 2px solid #00841f;width: 100%;position: absolute; top: 0;right: 0;left: 0;}

.hero{
margin-top: 83px;
height: 1200px;
}

/* Global Header */
.Global__header{
Expand Down Expand Up @@ -1373,11 +1368,10 @@ Smartphone
}
.Global__header__menu--open{
display:grid;
width: 20%;
height: auto;
width: 100%;
height: 100%;
position: fixed;
top: 60px;
right: 30px;
top: 50px;
background: #00841f;
border-radius: 4px;
padding: 10px 0;
Expand All @@ -1389,15 +1383,29 @@ Smartphone
/* border-left: 40px; */
/* border-right: 40px; */
border: 2px solid #005508;
width: 70%;
width: 100%;
height: auto;
padding-left: 5px;
}
.Global__header__menu li:hover{
transition: 0.1s;
/* text-align: center; */
transition-timing-function: ease-in;
background-color: #000000;
/* background: #005508; */
.menubiomi{
list-style: none;
max-height: 500px;
position: relative;
width: 200%;
height: 50%;
}
.menubiomi--open .menubiomi{
border-bottom: 1px solid rgb(209, 209, 209);
transition: 0.5s;
transition-timing-function: ease;
transition-delay:calc(120ms * var(--i));
}
.menubiomi a span{
height: 0;
}
.menubiomi a{
height: 100%;
width: 3000px;
}
/* Global Header Icon Bar */
.Global__header__icon-bar{
Expand All @@ -1406,7 +1414,7 @@ Smartphone
height: 30px;
/* border: 1px solid red; */
position: fixed;
top: 83px;
top: 25px;
right: 40px;
z-index: 1;
}
Expand All @@ -1417,7 +1425,6 @@ Smartphone
display: block;
margin-bottom: 5px;
}


/* Small Header */
.small_header, .small_header p{
Expand All @@ -1435,15 +1442,20 @@ Smartphone
margin-right: 10px;
}

.hero{
margin-top: 83px;
height: 1400px;
}

.myVideo{
object-fit: cover;
display: block;
/* width: 1350px; */
width: 100%;
height: 100%;
width: 100%;
/* height: auto; */
/* size: 50px; */
margin:0;
margin: 0;
/* position:absolute; */
/* top:0; */
/* left:-970px; */
Expand Down Expand Up @@ -1493,15 +1505,6 @@ Smartphone
right: 40px;
}

/* Hero */
.hero{
/* top: -1000px; */
height: 1960px;
}
.hero__content{
top: 600px;

}

/* Poster */
.poster{
Expand All @@ -1517,46 +1520,35 @@ Smartphone
}

/* bg */
.bg-cover{
display: flex;
flex-wrap: wrap;
height: 1280px;
align-items:start;
}
.bg-cover__text{ width: 50%;
/* padding: 5px; */
/* margin: 0%; */
text-align: start;
padding: 40px; align-items: center;}
.bg-cover__text p{

font-size: 30px
}
.bg-cover__text h4{
font-size: 40px;
}
.bg-cover__title{ width: 50%;
/* padding: 5px; */
/* margin: 0%; */
text-align: start;
padding: 40px;}
.bg-cover__title h3{
font-size: 60px;
}

.contenitore{
position: absolute;
/* border: 10px solid blue; */
object-fit: cover;
width: 100%;
/* height: 650px; */
/* position: absolute; */
padding-bottom: 100px;
transform: translateY(-793px);
/* padding-bottom: 100px; */
/* transform: translateY(-793px); */
display: flex;
flex-wrap: wrap;
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 0%, rgba(60,60,60,0) 100%);
/* text-align: center;
align-items: center; */
justify-content: center;
}

.bg-cover__title{
width: auto;
top: 20px;
padding-bottom: 0;
/* border: 1px solid red; */
}
.bg-cover__text{
width: auto;
text-align: center;
align-items: center;
padding-top: 0;
top: 10px;
/* border: 1px solid blue; */
}

/* Footer */
Expand All @@ -1567,6 +1559,43 @@ Smartphone
.footer p{
font-size: 18px;
}


.container{
display: flex;
flex-wrap: wrap;
}
/* Card */
.card{
position: relative;
display: flex;
flex-wrap: wrap;
height: auto;
z-index: 0;
}
.card__copy{
width: auto;
z-index: 1;
}
.card__img{
padding: 0px 10px 39px 10px;
width: auto;
border-right: 0px;
border-bottom: 4px solid rgb(209, 209, 209);
z-index: 1;
}
#card__img-border_left{
border-left: 0px;
border-top: 4px solid rgb(209, 209, 209);
padding: 39px 10px 0px 10px;
}

#text_before_carousel{
padding: 30px;
border-top: 5px solid rgb(209, 209, 209);
text-align: center;
}

}


Expand Down

0 comments on commit cf29c12

Please sign in to comment.