Skip to content

Commit

Permalink
Merge pull request #4024 from patelkiran185/main
Browse files Browse the repository at this point in the history 
 Access favourite games with one like
  • Loading branch information
@kunjgit
kunjgit authored Jun 3, 2024
2 parents 90c09aa + 56fb9a0 commit cdef67a
Show file tree
Hide file tree
Showing 6 changed files with 417 additions and 79 deletions.
175 changes: 132 additions & 43 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,18 +5,17 @@
font-size: 1.2rem;
/* font-family: 'Agency FB', Times, serif; */
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
text-align: center;
}

/* Copyright */

#copyright{
#copyright {
text-align: center;
color: white;
font-size: 1.1rem;
}


/*-----------------------------------*\
#style.css
\*-----------------------------------*/
Expand All @@ -28,8 +27,9 @@
*/

@font-face {
font-family: 'gamezone';
src: url('https://github.com/Winter262005/GameZone/blob/main/assets/fonts/MouldyCheeseRegular-WyMWG.woff2') format('woff2');
font-family: "gamezone";
src: url("https://github.com/Winter262005/GameZone/blob/main/assets/fonts/MouldyCheeseRegular-WyMWG.woff2")
format("woff2");
}

/*-----------------------------------*\
Expand Down Expand Up @@ -124,7 +124,6 @@ input:checked + .slider:before {
color: #000000;
}


a {
text-decoration: none;
color: #fff;
Expand Down Expand Up @@ -216,11 +215,9 @@ footer {
color: #ffffff;
}


a:hover svg {
fill:rgb(0, 119, 181);
}

fill: rgb(0, 119, 181);
}

.fa-linkedin-square:hover {
color: rgb(0, 119, 181);
Expand Down Expand Up @@ -1462,6 +1459,26 @@ main {
.project-category {
margin-left: 10px;
}
.title-container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
color: white;
}

.like-button {
background: none;
border: none;
font-size: 16px;
color: #fff !important;
position: absolute;
right: 40px;
}

.like-button.liked {
color: rgb(238, 8, 8) !important;
}

.project-title {
color: var(--white-2);
Expand Down Expand Up @@ -2420,7 +2437,7 @@ textarea.form-input::-webkit-resizer {
margin-bottom: 40px;
color: #000;
display: flex;
justify-content: center;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.8s;
Expand All @@ -2429,7 +2446,6 @@ textarea.form-input::-webkit-resizer {
min-width: 100px;
max-width: 400px;
margin: auto;


&::after {
position: absolute;
Expand Down Expand Up @@ -2462,35 +2478,92 @@ textarea.form-input::-webkit-resizer {
font-size: 16px;
}

/* @media screen and (max-width: 920px) {
.search-container:hover > .search-input {
width: 90vw;
font-size: 16px;
}
} */
@media screen and (max-width: 920px) {
.search-container {
display: flex;
justify-content: space-between;
align-items: center;
min-width: 50px;
max-width: 250px;
margin-left: 10px;
}

.search-container:hover > .search-input {
width: 90vw;
font-size: 16px;
visibility: visible;
transition: width 2.5s ease-in-out, font-size 2.5s ease-in-out;
font-weight: 250;
color: #000;
}


.fa.fa-search,
.favorites-link {
flex: 1;
order: 1;
margin-left: 5px;
}
.favorites-link {
position: relative;
left: -10px;
}

.favorites-link img {
width: 30px;
height: 30px;
margin-left: 0;
}
}

.search-container .search-input {
background: transparent;
border: none;
outline: none;
width: 10px;
width: 100%;
font-weight: 500;
font-size: 0px;
font-size: 16px;
transition: 0.8s;
color: #000;
}
.search-container ::placeholder {
color: #000000;
}

.search-container .search-btn {
position: absolute; /* Added position absolute for icon positioning */
right: 12px; /* Adjusted right positioning for icon */
position: absolute;
right: 12px;
}
.search-btn {
padding-right: 5px;
width: 30px;
height: 30px;
position: relative;
right: 0;
}

.clear-btn{
.fa.fa-search {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
order: 1;
}
.favorites-link {
order: 2;
margin-left: 80px;
width: 50px;
height: 50px;
}
.favorites-link img {
width: 40px;
height: 30px;
}
.clear-btn {
position: absolute;
right: 40px;
top: 50%;
Expand All @@ -2500,40 +2573,49 @@ textarea.form-input::-webkit-resizer {
border: none;
cursor: pointer;
font-size: 18px;
display:none;
color:rgba(16, 2, 2, 0.731)
display: none;
color: rgba(16, 2, 2, 0.731);
}

.search-input:not(:placeholder-shown) ~ .clear-btn {
display: block; /* Show when input is not empty */
display: block;
}
#search-related {
display: flex;
justify-content: space-around;
color: white;
padding: 30px 0 20px 0;
}
#search-related p{
}
#search-related p {
color: #b7b7b7;
}
#search-related #search-term{
#search-related #search-term {
animation: none;
display: contents;
font-weight: bolder;
}
#search-related #clear-search{
#search-related #clear-search {
background: #e1e1e1;
color: black;
padding: 0px 10px;
border-radius: 50px;
font-weight: bolder;
}
#search-related #clear-search:hover{
box-shadow:0 0 10px red;
#search-related #clear-search:hover {
box-shadow: 0 0 10px red;
color: red;
}

.like-button {
background: none;
border: none;
font-size: 24px;
color: #fff; /* White */
}

.like-button.liked {
color: #f00; /* Red */
}
/*-----------------------------------*\
#PAGINATION SECTION
\*-----------------------------------*/
Expand Down Expand Up @@ -2606,7 +2688,6 @@ textarea.form-input::-webkit-resizer {
border: 1px solid rgba(255, 255, 255, 0.5);
backdrop-filter: blur(5.1px);
-webkit-backdrop-filter: blur(9.1px);

}

/* pagination hover effect on non-active */
Expand All @@ -2621,7 +2702,6 @@ textarea.form-input::-webkit-resizer {
/* font-weight: 800; */
opacity: 1;
background-color: #df87ef;

}

#scrollToTopButton {
Expand Down Expand Up @@ -2685,7 +2765,7 @@ textarea.form-input::-webkit-resizer {
/* GameZone heading **/
.heading {
margin-top: -2%;
font: 5.5vw/1 'Agency FB', Times, serif;
font: 5.5vw/1 "Agency FB", Times, serif;
font-size: 5.5vw;
display: flex;
align-items: center;
Expand Down Expand Up @@ -2966,39 +3046,48 @@ box-shadow: 0px 0px 21px 0px rgba(204,153,255,1); */
font-size: 2rem;
}


.bgContainer {
position: relative;
/* width: 500px; */
/* height: 420px; */
margin: auto;
margin: auto;
}
.bgContainer::before {
content: "";
position: fixed;
top: 0px;
top: 0px;
left: -30%;
/*width: 500px;*/
/*commented beacuse it causes
bu responsiveness for mobile*/
height: 800px;
border-radius: 100%;
background-color: rgb(120, 47, 152);
background: linear-gradient(343deg, rgba(120, 47, 152, 1) 0%, rgba(5, 50, 129, 1) 82%, rgba(52, 39, 100, 1) 100%);
background: linear-gradient(
343deg,
rgba(120, 47, 152, 1) 0%,
rgba(5, 50, 129, 1) 82%,
rgba(52, 39, 100, 1) 100%
);
filter: blur(600px);
z-index: -10;
}

.bgContainer::after {
content: "";
position: fixed;
top: 0px;
top: 0px;
right: -30%;
width: 500px;
height: 800px;
border-radius: 100%;
background-color: rgb(120, 47, 152);
background: linear-gradient(343deg, rgba(120, 47, 152, 1) 0%, rgba(5, 50, 129, 1) 82%, rgba(52, 39, 100, 1) 100%);
background: linear-gradient(
343deg,
rgba(120, 47, 152, 1) 0%,
rgba(5, 50, 129, 1) 82%,
rgba(52, 39, 100, 1) 100%
);
filter: blur(600px);
z-index: -10;
}
Expand Down Expand Up @@ -3033,19 +3122,19 @@ box-shadow: 0px 0px 21px 0px rgba(204,153,255,1); */
}

/* Animations */
.fromTop{
.fromTop {
animation: slideTop 1s ease forwards;
}
.fromLeft{
.fromLeft {
animation: slideLeft 1s ease forwards;
}
.fromRight{
.fromRight {
animation: slideRight 1s ease forwards;
}
.fromBottom{
.fromBottom {
animation: slideBottom 1s ease forwards;
}
.zoomIn{
.zoomIn {
animation: zoomIn 1s ease forwards;
}

Expand Down Expand Up @@ -3098,4 +3187,4 @@ box-shadow: 0px 0px 21px 0px rgba(204,153,255,1); */
transform: scale(1);
opacity: 1;
}
}
}
Binary file added assets/images/FavFolder.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit cdef67a

Please sign in to comment.