Skip to content

Commit 8a0013d

Browse files
sudarshanmaansudarshanmaan
committed
fixed some minor bugs and added key animations
1 parent ba30f9e commit 8a0013d

12 files changed

Lines changed: 57 additions & 19 deletions

File tree

‎frontend/.eslintcache‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"/home/manan/college_project/TPC-website/frontend/src/index.js":"1","/home/manan/college_project/TPC-website/frontend/src/App.js":"2","/home/manan/college_project/TPC-website/frontend/src/reportWebVitals.js":"3","/home/manan/college_project/TPC-website/frontend/src/components/homePage/index.jsx":"4","/home/manan/college_project/TPC-website/frontend/src/components/nav/index.jsx":"5","/home/manan/college_project/TPC-website/frontend/src/components/svgbackground/index.js":"6","/home/manan/college_project/TPC-website/frontend/src/components/homeNav/index.jsx":"7","/home/manan/college_project/TPC-website/frontend/src/components/navLinks/index.jsx":"8","/home/manan/college_project/TPC-website/frontend/src/components/shortcuts/index.jsx":"9"},{"size":544,"mtime":1610621102610,"results":"10","hashOfConfig":"11"},{"size":380,"mtime":1610621996960,"results":"12","hashOfConfig":"11"},{"size":362,"mtime":1610619648767,"results":"13","hashOfConfig":"11"},{"size":748,"mtime":1610619648767,"results":"14","hashOfConfig":"11"},{"size":1147,"mtime":1610623199933,"results":"15","hashOfConfig":"11"},{"size":880,"mtime":1610623252138,"results":"16","hashOfConfig":"11"},{"size":520,"mtime":1610623162512,"results":"17","hashOfConfig":"11"},{"size":677,"mtime":1610621500813,"results":"18","hashOfConfig":"11"},{"size":867,"mtime":1610623215745,"results":"19","hashOfConfig":"11"},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1vo1m0q",{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/manan/college_project/TPC-website/frontend/src/index.js",[],"/home/manan/college_project/TPC-website/frontend/src/App.js",[],"/home/manan/college_project/TPC-website/frontend/src/reportWebVitals.js",[],"/home/manan/college_project/TPC-website/frontend/src/components/homePage/index.jsx",[],"/home/manan/college_project/TPC-website/frontend/src/components/nav/index.jsx",[],"/home/manan/college_project/TPC-website/frontend/src/components/svgbackground/index.js",[],"/home/manan/college_project/TPC-website/frontend/src/components/homeNav/index.jsx",[],"/home/manan/college_project/TPC-website/frontend/src/components/navLinks/index.jsx",[],"/home/manan/college_project/TPC-website/frontend/src/components/shortcuts/index.jsx",[]]
1+
[{"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\index.js":"1","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\App.js":"2","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\reportWebVitals.js":"3","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\nav\\index.jsx":"4","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\homePage\\index.jsx":"5","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js":"6","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx":"7","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx":"8","C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx":"9"},{"size":562,"mtime":1610626001202,"results":"10","hashOfConfig":"11"},{"size":398,"mtime":1610626001195,"results":"12","hashOfConfig":"11"},{"size":375,"mtime":1610017619685,"results":"13","hashOfConfig":"11"},{"size":1175,"mtime":1610626001198,"results":"14","hashOfConfig":"11"},{"size":798,"mtime":1611246583098,"results":"15","hashOfConfig":"11"},{"size":898,"mtime":1610626001201,"results":"16","hashOfConfig":"11"},{"size":850,"mtime":1610688199366,"results":"17","hashOfConfig":"11"},{"size":538,"mtime":1610626001197,"results":"18","hashOfConfig":"11"},{"size":1073,"mtime":1610689959147,"results":"19","hashOfConfig":"11"},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"13mscmc",{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\index.js",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\App.js",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\reportWebVitals.js",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\nav\\index.jsx",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\homePage\\index.jsx",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx",[],"C:\\Users\\sudar\\Desktop\\misc\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx",[]]

‎frontend/public/bitbyte-2.png‎

157 KB
Loading

‎frontend/public/bitbyte.png‎

17.1 KB
Loading

‎frontend/public/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
5+
<link rel="icon" href="./bitbyte.png" />
66
<link rel="preconnect" href="https://fonts.gstatic.com">
77
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;900&display=swap" rel="stylesheet">
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -26,7 +26,7 @@
2626
work correctly both with client-side routing and a non-root public URL.
2727
Learn how to configure a non-root public URL by running `npm run build`.
2828
-->
29-
<title>React App</title>
29+
<title>The Programming Club IIITDMJ</title>
3030
</head>
3131
<body>
3232
<noscript>You need to enable JavaScript to run this app.</noscript>

‎frontend/src/components/homeNav/style.module.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,5 +39,6 @@
3939
}
4040
.vector {
4141
width: 80%;
42+
z-index: 2;
4243
}
4344
}

‎frontend/src/components/homePage/index.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ function HomePage() {
88
<div className={styles.home}>
99
<div className={styles.container}>
1010
<span className={styles.heading}>The Programming Club IIITDMJ</span>
11-
<img src="./ComponentTMP_0-image.png" alt="The Programming Club"/>
11+
<img className={styles.computer} src="./ComponentTMP_0-image.png" alt="The Programming Club"/>
1212
<span className={styles.text}>An Open Coding Community to explore and do a lot more with your friends and members.</span>
1313
<button className={styles.primaryBtn}>Explore Now</button>
1414
<SvgBackground />

‎frontend/src/components/homePage/style.module.css‎

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@
1919
letter-spacing: 0px;
2020
color: var(--heading-color);
2121
z-index: 3;
22+
animation: headingAnimation 1s forwards 0s ease-out;
2223
}
2324
.text {
2425
color: white;
@@ -36,6 +37,38 @@
3637
height: 5vh;
3738
cursor: pointer;
3839
font-size: 1.1rem;
40+
z-index: 5;
41+
}
42+
43+
.primaryBtn:focus {
44+
border: none;
45+
outline: none;
46+
}
47+
48+
.computer{
49+
animation: computerAnimation 1s forwards 0s ease-out;
50+
}
51+
52+
@keyframes computerAnimation{
53+
0%{
54+
transform: rotate(0) scale(0.75) translateY(-20%);
55+
opacity: 0;
56+
}
57+
100%{
58+
transform: rotate(0) scale(1) translateY(0);
59+
opacity: 1;
60+
}
61+
}
62+
63+
@keyframes headingAnimation{
64+
0%{
65+
transform: rotate(0) translateY(-35%);
66+
opacity: 0;
67+
}
68+
100%{
69+
transform: rotate(0) translateY(0);
70+
opacity: 1;
71+
}
3972
}
4073

4174
@media only screen and (max-width: 1080px) {
@@ -59,6 +92,6 @@
5992
width: 70%;
6093
}
6194
.text {
62-
font-size: 1rem;
95+
font-size: 0.8rem;
6396
}
6497
}

‎frontend/src/components/nav/style.module.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
background: #14335f;
2626
height: 100vh;
2727
width: 100vw;
28-
z-index: 4;
28+
z-index: 6;
2929
color: white;
3030
list-style: none;
3131
display: flex;

‎frontend/src/components/navLinks/index.jsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,22 @@ import { Link } from 'react-router-dom';
55
function NavLinks() {
66
return (
77
<>
8-
<Link to=''>
8+
<Link to='' className={styles.Link}>
99
<li className={styles.first}>Club Registrations</li>
1010
</Link>
11-
<Link to=''>
11+
<Link to='' className={styles.Link}>
1212
<li className={styles.sec}>Leaderboard</li>
1313
</Link>
14-
<Link to=''>
14+
<Link to='' className={styles.Link}>
1515
<li className={styles.third}>Events</li>
1616
</Link>
17-
<Link to=''>
17+
<Link to='' className={styles.Link}>
1818
<li className={styles.fourth}>Sessions</li>
1919
</Link>
20-
<Link to=''>
20+
<Link to='' className={styles.Link}>
2121
<li className={styles.fifth}>Domains</li>
2222
</Link>
23-
<Link to=''>
23+
<Link to='' className={styles.Link}>
2424
<li className={styles.sixth}>Projects</li>
2525
</Link>
2626
</>

‎frontend/src/components/navLinks/style.module.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,10 @@ li {
55
margin: 2vh 0 0 0;
66
}
77

8+
.Link {
9+
text-decoration: none;
10+
}
11+
812
.first {
913
transform: translatex(-11vh);
1014
}

0 commit comments

Comments
 (0)