diff --git a/GameLibrary/Pages/Index.cshtml b/GameLibrary/Pages/Index.cshtml index c73b86b..35844a2 100644 --- a/GameLibrary/Pages/Index.cshtml +++ b/GameLibrary/Pages/Index.cshtml @@ -13,7 +13,7 @@
- + background-image

Discover Our Library

@@ -31,8 +31,8 @@
- spaceship - spaceship1 + RRspaceship + Uspaceship
diff --git a/GameLibrary/wwwroot/css/index.css b/GameLibrary/wwwroot/css/index.css index 9cb1902..b762864 100644 --- a/GameLibrary/wwwroot/css/index.css +++ b/GameLibrary/wwwroot/css/index.css @@ -87,7 +87,7 @@ .hero-text h1 { color: #FFD43B; margin-top: 3rem; - font-size: 4rem; + font-size: 3.7rem; font-weight: bold; text-transform: uppercase; line-height: 1.2; @@ -162,6 +162,7 @@ .scroll-indicator img { height: 2rem; + width: 2rem; } /* About Section */ diff --git a/GameLibrary/wwwroot/css/index.min.css b/GameLibrary/wwwroot/css/index.min.css index bc16b6a..dc04088 100644 --- a/GameLibrary/wwwroot/css/index.min.css +++ b/GameLibrary/wwwroot/css/index.min.css @@ -1 +1 @@ -.animation{position:relative;overflow:hidden}.RRspaceship{height:6.25rem;position:absolute;top:50%;left:-5%;z-index:1}.Uspaceship{height:6.25rem;position:absolute;top:50%;left:97%;z-index:1}@media (max-width:600px){.RRspaceship,.Uspaceship{top:30%}}.hero-title,.hero-subtitle,.hero-description,.hero-buttons{opacity:0}.hero-section{display:flex;position:relative;align-items:center;justify-content:center;height:100vh;overflow:hidden;color:#fff;text-align:center;border-radius:.25rem}@media (max-width:600px){.hero-section{flex-direction:column;height:auto;padding:1rem}}.hero-image{position:absolute;top:0;width:100%;height:100%;object-fit:cover;bottom:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / .7) 0%,rgb(0 0 0 / .4) 50%,rgb(0 0 0 / .7) 100%)}.hero-text{position:relative;text-align:center;color:#fff;padding-left:1rem;padding-right:1rem;animation:fadeIn 1.5s ease-in-out}.hero-text h1{color:#FFD43B;margin-top:3rem;font-size:4rem;font-weight:700;text-transform:uppercase;line-height:1.2}.hero-text h1:hover{color:#FFD43B;text-shadow:7px 10px 15px blueviolet}.hero-text h2{margin-top:1rem;font-size:2.6rem}.hero-text p{margin-top:2rem;font-size:1.25rem;font-weight:300}.hero-text div{margin-top:.5rem;margin-bottom:3rem;display:flex;justify-content:center;align-content:center;position:relative;flex:1 1 100%;flex-wrap:wrap}@media (min-width:600px){.hero-text div{flex:1}}.cta-button,.login-button{display:block;font-weight:300;text-decoration:none;text-align:center;text-transform:uppercase;vertical-align:middle;border:1px solid #fff0;background-color:#420599;color:#FFD43B;border-color:#007bff;font-size:1.25rem;padding:.3rem 1rem;margin:.25rem;border-radius:50rem!important;z-index:2}.cta-button:hover,.login-button:hover{background-color:#5935c4}.scroll-indicator{position:absolute;bottom:0%;font-size:1.1rem;margin-bottom:0;z-index:2;color:#fff;animation:bounce 2s infinite}.scroll-indicator img{height:2rem}.about-section{margin-top:3.125rem;padding:3.125rem 1.25rem;background:#031633;padding-top:3rem;padding-bottom:3rem;color:#f8f9fa;border-radius:1rem;box-shadow:0 -2px 15px orange}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px;text-align:center}.about-section h2{font-weight:700;margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2;color:gold}.about-section p{font-size:1rem;font-weight:400;margin-bottom:3rem}.row{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width:600px){.row{display:grid;grid-template-columns:1fr}}@media (min-width:700px){.row{grid-template-columns:1fr 1fr 1fr}}.row div{display:grid;grid-template-rows:repeat(auto-fit)}.feature-card{background:#000235;padding:1.5rem;box-shadow:0 .125rem .25rem rgb(0 0 0 / .075);border-radius:.625rem;text-align:center;transition:transform 0.3s,box-shadow 0.3s}.feature-card h5{font-weight:900;color:blueviolet} \ No newline at end of file +.animation{position:relative;overflow:hidden}.RRspaceship{height:6.25rem;position:absolute;top:50%;left:-5%;z-index:1}.Uspaceship{height:6.25rem;position:absolute;top:50%;left:97%;z-index:1}@media (max-width:600px){.RRspaceship,.Uspaceship{top:30%}}.hero-title,.hero-subtitle,.hero-description,.hero-buttons{opacity:0}.hero-section{display:flex;position:relative;align-items:center;justify-content:center;height:100vh;overflow:hidden;color:#fff;text-align:center;border-radius:.25rem}@media (max-width:600px){.hero-section{flex-direction:column;height:auto;padding:1rem}}.hero-image{position:absolute;top:0;width:100%;height:100%;object-fit:cover;bottom:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / .7) 0%,rgb(0 0 0 / .4) 50%,rgb(0 0 0 / .7) 100%)}.hero-text{position:relative;text-align:center;color:#fff;padding-left:1rem;padding-right:1rem;animation:fadeIn 1.5s ease-in-out}.hero-text h1{color:#FFD43B;margin-top:3rem;font-size:3.7rem;font-weight:700;text-transform:uppercase;line-height:1.2}.hero-text h1:hover{color:#FFD43B;text-shadow:7px 10px 15px blueviolet}.hero-text h2{margin-top:1rem;font-size:2.6rem}.hero-text p{margin-top:2rem;font-size:1.25rem;font-weight:300}.hero-text div{margin-top:.5rem;margin-bottom:3rem;display:flex;justify-content:center;align-content:center;position:relative;flex:1 1 100%;flex-wrap:wrap}@media (min-width:600px){.hero-text div{flex:1}}.cta-button,.login-button{display:block;font-weight:300;text-decoration:none;text-align:center;text-transform:uppercase;vertical-align:middle;border:1px solid #fff0;background-color:#420599;color:#FFD43B;border-color:#007bff;font-size:1.25rem;padding:.3rem 1rem;margin:.25rem;border-radius:50rem!important;z-index:2}.cta-button:hover,.login-button:hover{background-color:#5935c4}.scroll-indicator{position:absolute;bottom:0%;font-size:1.1rem;margin-bottom:0;z-index:2;color:#fff;animation:bounce 2s infinite}.scroll-indicator img{height:2rem;width:2rem}.about-section{margin-top:3.125rem;padding:3.125rem 1.25rem;background:#031633;padding-top:3rem;padding-bottom:3rem;color:#f8f9fa;border-radius:1rem;box-shadow:0 -2px 15px orange}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px;text-align:center}.about-section h2{font-weight:700;margin-bottom:1.5rem;font-size:2.5rem;line-height:1.2;color:gold}.about-section p{font-size:1rem;font-weight:400;margin-bottom:3rem}.row{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width:600px){.row{display:grid;grid-template-columns:1fr}}@media (min-width:700px){.row{grid-template-columns:1fr 1fr 1fr}}.row div{display:grid;grid-template-rows:repeat(auto-fit)}.feature-card{background:#000235;padding:1.5rem;box-shadow:0 .125rem .25rem rgb(0 0 0 / .075);border-radius:.625rem;text-align:center;transition:transform 0.3s,box-shadow 0.3s}.feature-card h5{font-weight:900;color:blueviolet} \ No newline at end of file diff --git a/GameLibrary/wwwroot/images/Gamer.webp b/GameLibrary/wwwroot/images/Gamer.webp index 3c613c8..55ec4cf 100644 Binary files a/GameLibrary/wwwroot/images/Gamer.webp and b/GameLibrary/wwwroot/images/Gamer.webp differ diff --git a/GameLibrary/wwwroot/images/RRspaceship.webp b/GameLibrary/wwwroot/images/RRspaceship.webp index 187703b..2dfd82f 100644 Binary files a/GameLibrary/wwwroot/images/RRspaceship.webp and b/GameLibrary/wwwroot/images/RRspaceship.webp differ diff --git a/GameLibrary/wwwroot/images/Ufo-spaceship.webp b/GameLibrary/wwwroot/images/Ufo-spaceship.webp index 6ebd704..a37410e 100644 Binary files a/GameLibrary/wwwroot/images/Ufo-spaceship.webp and b/GameLibrary/wwwroot/images/Ufo-spaceship.webp differ