Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Completing About Us #37

Merged
merged 4 commits into from
Feb 13, 2022
Merged

Completing About Us #37

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
734c39d
Completing About Us
shrinish123 Feb 13, 2022
2bc0997
Adding Responsiveness
shrinish123 Feb 13, 2022
b4ee307
Styling of Navbar
shrinish123 Feb 13, 2022
f80dcda
Merge branch 'staging' into aboutUs
parth-paradkar Feb 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Adding Responsiveness
  • Loading branch information
@shrinish123
shrinish123 committed Feb 13, 2022
commit 2bc0997203c18e83d6b7f25b0070fe0519e287c3
28 changes: 27 additions & 1 deletion src/components/AboutIITKGP/AboutIITKGP.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,4 +63,30 @@
-ms-border-radius: 1rem;
-o-border-radius: 1rem;
cursor: pointer;
}
}

@media screen and (max-width:900px) {

.infoBox{
position: relative;
background-image: linear-gradient(rgba(7, 34, 85, 0.8),rgba(7, 34, 85, 0.8)),url(../../images//aboutiitkgp.png);
background-repeat: no-repeat;
background-size: cover;
border: 1px solid rgba(0, 0, 0, 1);
-webkit-clip-path: polygon(0 8%, 44% 8%, 49% 0, 54% 8%, 100% 8%, 100% 100%, 0 100%);
clip-path: polygon(0 4%, 35% 4%, 50% 0, 65% 4%, 100% 4%, 100% 100%, 0 100%);
box-sizing: border-box;
box-shadow: 0px 4px 100px rgba(146, 235, 255, 0.25) outset;
}

.content{
color:white;
font-size:1.2rem;
font-weight: 400;
margin: 2rem 2rem 2rem 2rem;
line-height:2rem;

}


}
25 changes: 23 additions & 2 deletions src/components/AboutTechMeet/AboutTechMeet.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
}

.info1{
-webkit-clip-path: polygon(7% 0, 14% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);
clip-path: polygon(7% 0, 14% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);
-webkit-clip-path: polygon(10% 0, 20% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);
clip-path: polygon(10% 0, 20% 11%, 100% 11%, 100% 100%, 0 100%, 0 11%);
width: 50%;
color: white;
padding: 10rem 5rem 1rem 5rem;
Expand Down Expand Up @@ -39,3 +39,24 @@
margin-bottom: 4rem;
}

@media screen and (max-width:900px) {

.info1{
-webkit-clip-path: polygon(15% 0, 30% 4%, 100% 4%, 100% 100%, 0 100%, 0 4%);
clip-path: polygon(15% 0, 30% 4%, 100% 4%, 100% 100%, 0 100%, 0 4%);
width: 80%;
color: white;
padding: 7rem 1rem 1rem 1rem;
background-image: linear-gradient(179.89deg, rgba(9, 54, 103, 0.11) 0.01%, rgba(140, 213, 255, 0.11) 9.06%, rgba(161, 201, 242, 0.0253) 62.23%, rgba(9, 32, 79, 0) 95.34%);;
line-height: 2.3rem;
}

.info2{
width: 80%;
color: white;
padding: 3rem 1rem 1rem 1rem;
background-image: linear-gradient(179.89deg, rgba(9, 54, 103, 0.11) 0.01%, rgba(140, 213, 255, 0.11) 9.06%, rgba(161, 201, 242, 0.0253) 62.23%, rgba(9, 32, 79, 0) 95.34%);;
line-height: 2.3rem;
margin-bottom: 4rem;
}
}
29 changes: 29 additions & 0 deletions src/components/AboutUs/AboutUs.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,5 +58,34 @@
background: linear-gradient(360deg, rgba(9, 77, 140, 0.98) 0%, rgba(10, 28, 45, 0) 77.52%, rgba(7, 32, 54, 0) 80.19%, rgba(6, 29, 50, 0) 115.99%, rgba(11, 26, 39, 0) 171.83%);
}

@media screen and (max-width:900px) {

.navbar{
width:90%;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 2rem;
}
.navItem{
color:white;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
}

.highlight{
color:#2CBED0;
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;

height: 2rem;
padding:0 1.5rem 1rem 1.5rem;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 90% 100% ,10% 100%);
clip-path: polygon(0% 0%, 100% 0%, 90% 100% ,10% 100%);
background: linear-gradient(360deg, rgba(9, 77, 140, 0.98) 0%, rgba(10, 28, 45, 0) 77.52%, rgba(7, 32, 54, 0) 80.19%, rgba(6, 29, 50, 0) 115.99%, rgba(11, 26, 39, 0) 171.83%);
}
}


55 changes: 52 additions & 3 deletions src/components/WinnersTimeline/WinnersTimeline.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,14 @@

.timeline{
-webkit-clip-path: polygon(0 9%, 83% 10%, 91% 0, 100% 10%, 100% 100%, 0 100%);
clip-path: polygon(0 9%, 83% 10%, 91% 0, 100% 10%, 100% 100%, 0 100%);
clip-path: polygon(0 9%, 80% 9%, 90% 0, 100% 9%, 100% 100%, 0 100%);
width: 50%;
padding: 10rem 5rem 1rem 5rem;
padding: 6rem 5rem 1rem 5rem;
background-image: linear-gradient(179.89deg, rgba(9, 54, 103, 0.11) 0.01%, rgba(140, 213, 255, 0.11) 9.06%, rgba(161, 201, 242, 0.0253) 62.23%, rgba(9, 32, 79, 0) 95.34%);;
margin-bottom: 2rem;;
}

.winnersList{

display: flex;
flex-direction: row;
border-bottom: 1px solid lightblue;
Expand Down Expand Up @@ -53,4 +52,54 @@
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin: 1rem;
}

@media screen and (max-width:900px) {

.timeline{
-webkit-clip-path: polygon(0 9%, 83% 10%, 91% 0, 100% 10%, 100% 100%, 0 100%);
clip-path: polygon(0 9%, 80% 9%, 90% 0, 100% 9%, 100% 100%, 0 100%);
width: 55%;
padding: 5rem 5rem 1rem 2rem;
background-image: linear-gradient(179.89deg, rgba(9, 54, 103, 0.11) 0.01%, rgba(140, 213, 255, 0.11) 9.06%, rgba(161, 201, 242, 0.0253) 62.23%, rgba(9, 32, 79, 0) 95.34%);;
margin-bottom: 2rem;;
}

.year{
font-size: 1.5rem;
font-weight: 700;
color: white;
padding: 1rem;
flex: 0.5;
color:#2CBED0;
}

.imgbox{
width:2.5rem;
height:2.5rem;
background-color: rgba(196, 196, 196, 0.35);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin: 0.5rem;
}

.winnerBox{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex:2;
}

.winnersList{
display: flex;
flex-direction: row;
border-bottom: 1px solid lightblue;
padding:2rem 1rem 2rem 0.5rem;
}


}