diff --git a/css/main.css b/css/main.css index 55ccde8..d1770ea 100644 --- a/css/main.css +++ b/css/main.css @@ -149,7 +149,7 @@ h2 { align-items: center; background: #353535; z-index: 99; - animation: fadeOutLoader 3s 2.5s ease-in-out forwards; + animation: fadeOutLoader 3s 2.8s ease-in-out forwards; } .lettreloader { @@ -161,7 +161,7 @@ h2 { color: transparent; letter-spacing: 2px; margin-top: 50px; - animation: appaer 0.3s backwards, flash 1s 1.2s infinite backwards, dotSaute 1s 1s alternate, fadeOutLoader 3s 2.9s ease-in-out forwards; + animation: appaer 1s 1s backwards, flash 1.5s 1s infinite backwards, dotSaute 1s 1s ease-in-out alternate backwards, fadeOutLoader 3s 2.9s ease-in-out forwards; } .lettreloader:nth-of-type(1) { @@ -215,8 +215,8 @@ h2 { background-clip: text; -webkit-background-clip: text; color: transparent; - letter-spacing: 2px; - animation: flash 1s 1s ease-in-out infinite, dotSaute 1s 1.2s ease-in-out infinite, fadeOutLoader 3s 2.9s ease-in-out forwards; + letter-spacing: 3px; + animation: appaer 2.5s 0.4s ease-in-out infinite, flash 1s 1s ease-in-out infinite, dotSaute 1s 1.2s ease-in-out infinite, fadeOutLoader 3s 2.9s ease-in-out forwards; } @keyframes appaer { @@ -265,14 +265,15 @@ h2 { } 90% { color: rgb(255, 121, 218); - text-shadow: 0 0 10px rgb(146, 86, 220); + text-shadow: 0 0 10px rgb(146, 86, 220), 0 0 70px rgb(146, 86, 220); letter-spacing: 15px; transform: perspective(100px) rotateX(-90deg) translateY(10px); } 95% { color: rgb(255, 121, 218); text-shadow: 0 0 70px rgb(146, 86, 220); - transform: perspective(100px), translateX(-50px) scale(1.2); + transform: perspective(100px), translateX(-50px) scale(1.5); + letter-spacing: 20px; } 100% { color: rgb(146, 86, 220); @@ -280,29 +281,29 @@ h2 { } } .cup { - height: 150px; + height: 130px; width: 160px; - border: 5px solid rgb(146, 86, 220); + border: 2px solid rgb(146, 86, 220); position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); - border-radius: 0 0 65px 65px; - border-top: 1.5px solid rgb(146, 86, 220); - box-shadow: 0 0 20px -5px rgba(255, 255, 255, 0.5) inset, 0 -40px 40px -20px rgba(255, 255, 255, 0.5) inset; + border-radius: 0 0 4.0625rem 4.0625rem; + border-top: 1px solid transparent; + box-shadow: 0 0 30px -5px rgba(255, 255, 255, 0.5) inset, 0 -40px 40px -20px rgba(255, 255, 255, 0.8) inset; background: linear-gradient(to top, rgb(146, 86, 220), rgb(255, 121, 218)); background-position: 0px 120px; - animation: fill 3s 0.2s ease-in-out infinite; + animation: fill 6s 0.2s ease-in-out infinite; } .cup::before { content: ""; position: absolute; - top: 2px; - left: -20%; + top: -1px; + left: -16%; transform: translateX(-50%); - width: 50px; - height: 80px; + width: 40px; + height: 60px; border-radius: 80px 15px 15px 80px; border: 5px solid rgb(146, 86, 220); background-color: #353535; @@ -324,9 +325,11 @@ h2 { } .cup::after { content: "Ohmyfood"; - color: #353535; - height: 70px; - width: 80px; + font-size: 0.5rem; + text-align: center; + color: #7E7E7E; + height: 60px; + width: 50px; background: linear-gradient(to top, rgb(146, 86, 220), #c5e2f8); border: 1px solid #99E2D0; position: absolute; diff --git a/css/main.css.map b/css/main.css.map index e1cc0b5..04e594e 100644 --- a/css/main.css.map +++ b/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/base/_variables.scss","../sass/base/_typo.scss","../sass/base/_mixins.scss","../sass/components/_animations.scss","../sass/base/_mediaqueries.scss","../sass/components/_buttons.scss","../sass/components/_location.scss","../sass/components/cards/_cardsMenu.scss","../sass/base/_reset.scss","../sass/layout/_footer.scss","../sass/layout/_header.scss","../sass/layout/_navigation.scss","../sass/main.scss","../sass/components/cards/_cardsRestaurants.scss","../sass/pages/home.scss","../sass/pages/restaurants.scss"],"names":[],"mappings":"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","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/base/_variables.scss","../sass/base/_typo.scss","../sass/base/_mixins.scss","../sass/components/_animations.scss","../sass/base/_mediaqueries.scss","../sass/components/_buttons.scss","../sass/components/_location.scss","../sass/components/cards/_cardsMenu.scss","../sass/base/_reset.scss","../sass/layout/_footer.scss","../sass/layout/_header.scss","../sass/layout/_navigation.scss","../sass/main.scss","../sass/components/cards/_cardsRestaurants.scss","../sass/pages/home.scss","../sass/pages/restaurants.scss"],"names":[],"mappings":"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","file":"main.css"} \ No newline at end of file diff --git a/index.html b/index.html index b3d1bae..2bda007 100644 --- a/index.html +++ b/index.html @@ -66,7 +66,15 @@

OhMyFood

- + + + + + + + + +
diff --git a/sass/components/_animations.scss b/sass/components/_animations.scss index 4d868bf..7aae93e 100644 --- a/sass/components/_animations.scss +++ b/sass/components/_animations.scss @@ -47,7 +47,7 @@ } } -//animation cercles loader (ajouter une animation de fin pour que l'on voit visuellement la fin du chargement de l page (essayer de faire partir et les ligne set le texte juste à la fin du cgargment en une ligne vers la droite rapidement( faire un effet de vitesse (revoir comment j'avais fait le primier loader avec le texte qui saute et se sauve a droite))) +//animation cercles loader (ajouter une animation de fin pour que l'on voit visuellement la fin du chargement .loader__circle--anim { width: 100%; @@ -103,7 +103,7 @@ transform: rotate(360deg); } } -//texte (Ohmyfood) au centre des cercles loader +//texte (Ohmyfood) au centre des cercles loader (1er loadare) .loader___text { position: absolute; @@ -131,7 +131,7 @@ } -//animation de base pour la page menu (fadeIn) +//animation de base pour la page menu (fadeIn) apparition des menus @keyframes fadeInUp { from { @@ -158,7 +158,7 @@ align-items: center; background: var.$color-grey; z-index: 99; - animation: fadeOutLoader 3s 2.5s ease-in-out forwards; + animation: fadeOutLoader 3s 2.8s ease-in-out forwards; } .lettreloader { @@ -170,9 +170,9 @@ -webkit-background-clip: text; color: transparent; letter-spacing: 2px; - margin-top: 50px; - animation: appaer 0.3s backwards, flash 1s 1.2s infinite backwards, dotSaute 1s 1s alternate, fadeOutLoader 3s 2.9s ease-in-out forwards; - ///a affiner pour que les points apparaissent un a un après les lettres + margin-top: 50px; + animation: appaer 1s 1s backwards, flash 1.5s 1s infinite backwards, dotSaute 1s 1s ease-in-out alternate backwards, fadeOutLoader 3s 2.9s ease-in-out forwards; + } @for $i from 1 through 11 { @@ -188,12 +188,12 @@ background-clip: text; -webkit-background-clip: text; color: transparent; - letter-spacing: 2px; - animation: flash 1s 1s ease-in-out infinite, dotSaute 1s 1.2s ease-in-out infinite, fadeOutLoader 3s 2.9s ease-in-out forwards; + letter-spacing: 3px; + animation: appaer 2.5s 0.4s ease-in-out infinite, flash 1s 1s ease-in-out infinite, dotSaute 1s 1.2s ease-in-out infinite, fadeOutLoader 3s 2.9s ease-in-out forwards; } -//**keyframes pour faire apparaitre les lettre du loader page menu +//**keyframes pour faire apparaitre les lettres du loader page menu @keyframes appaer { 0% { @@ -248,14 +248,15 @@ } 90% { color: var.$secondary-color; - text-shadow: 0 0 10px var.$primary-color; + text-shadow: 0 0 10px var.$primary-color, 0 0 70px var.$primary-color; letter-spacing: 15px; transform: perspective(100px) rotateX(-90deg) translateY(10px); } 95% { color: var.$secondary-color; text-shadow: 0 0 70px var.$primary-color; - transform:perspective(100px), translateX(-50px) scale(1.2); + transform: perspective(100px), translateX(-50px) scale(1.5); + letter-spacing: 20px; } 100% { color: var.$primary-color; @@ -266,30 +267,30 @@ //tasse de thé du loader .cup { - height: 150px; + height: 130px; width: 160px; - border: 5px solid var.$primary-color; + border: 2px solid var.$primary-color; position:absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); - border-radius: 0 0 65px 65px; - border-top: 1.5px solid var.$primary-color; - box-shadow: 0 0 20px -5px rgba(255, 255, 255, 0.5) inset, 0 -40px 40px -20px rgba(255, 255, 255, 0.5) inset; + border-radius: 0 0 func.rem(65) func.rem(65); + border-top: 1px solid transparent; + box-shadow: 0 0 30px -5px rgba(255, 255, 255, 0.5) inset, 0 -40px 40px -20px rgba(255, 255, 255, 0.8) inset; background: linear-gradient(to top, var.$primary-color, var.$secondary-color); background-position: 0px 120px; - animation: fill 3s 0.2s ease-in-out infinite; + animation: fill 6s 0.2s ease-in-out infinite; } .cup::before { content: ''; position: absolute; -top: 2px; -left: -20%; +top: -1px; +left: -16%; transform: translateX(-50%); -width: 50px; -height: 80px; +width: 40px; +height: 60px; border-radius: 80px 15px 15px 80px; border: 5px solid var.$primary-color; background-color: var.$color-grey; @@ -316,9 +317,11 @@ background-color: var.$color-grey; .cup::after { content: 'Ohmyfood'; - color: var.$color-grey; - height: 70px; - width: 80px; + font-size: 0.5rem; + text-align: center; + color: var.$grey-tint4; + height: 60px; + width: 50px; background: linear-gradient(to top, var.$primary-color, var.$primary-color2); border: 1px solid var.$green-color-bagde; position: absolute;