Skip to content

Commit fed5b6f

Browse files
Aksh-Bansal-devAksh-Bansal-dev
committed
about page added
1 parent fa7efdd commit fed5b6f

21 files changed

Lines changed: 160 additions & 40 deletions

‎frontend/.eslintcache‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
[{"D:\\code\\web\\github\\TPC-website\\frontend\\src\\index.js":"1","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx":"2","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx":"3","D:\\code\\web\\github\\TPC-website\\frontend\\src\\App.js":"4","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx":"5","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js":"6"},{"size":562,"mtime":1610799279502,"results":"7","hashOfConfig":"8"},{"size":887,"mtime":1610799279502,"results":"9","hashOfConfig":"8"},{"size":538,"mtime":1610799279502,"results":"10","hashOfConfig":"8"},{"size":362,"mtime":1611075338030,"results":"11","hashOfConfig":"8"},{"size":706,"mtime":1610799279502,"results":"12","hashOfConfig":"8"},{"size":898,"mtime":1610799279502,"results":"13","hashOfConfig":"8"},{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"t5wa8d",{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\code\\web\\github\\TPC-website\\frontend\\src\\index.js",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\App.js",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js",[]]
1+
[{"D:\\code\\web\\github\\TPC-website\\frontend\\src\\index.js":"1","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx":"2","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx":"3","D:\\code\\web\\github\\TPC-website\\frontend\\src\\App.js":"4","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx":"5","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js":"6","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homePage\\index.jsx":"7","D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\aboutUs\\index.jsx":"8","D:\\code\\web\\github\\TPC-website\\frontend\\src\\reportWebVitals.js":"9"},{"size":562,"mtime":1610799279502,"results":"10","hashOfConfig":"11"},{"size":887,"mtime":1610799279502,"results":"12","hashOfConfig":"11"},{"size":568,"mtime":1611147812398,"results":"13","hashOfConfig":"11"},{"size":362,"mtime":1611075338030,"results":"14","hashOfConfig":"11"},{"size":916,"mtime":1611136758695,"results":"15","hashOfConfig":"11"},{"size":898,"mtime":1610799279502,"results":"16","hashOfConfig":"11"},{"size":935,"mtime":1611147099002,"results":"17","hashOfConfig":"11"},{"size":1806,"mtime":1611148013613,"results":"18","hashOfConfig":"11"},{"size":375,"mtime":1609056805509,"results":"19","hashOfConfig":"11"},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"22"},"t5wa8d",{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"25"},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"30"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"35","messages":"36","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"41"},"D:\\code\\web\\github\\TPC-website\\frontend\\src\\index.js",[],["42","43"],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\shortcuts\\index.jsx",[],["44","45"],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homeNav\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\App.js",[],["46","47"],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\navLinks\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\svgbackground\\index.js",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\homePage\\index.jsx",["48"],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\components\\aboutUs\\index.jsx",[],"D:\\code\\web\\github\\TPC-website\\frontend\\src\\reportWebVitals.js",[],["49","50"],{"ruleId":"51","replacedBy":"52"},{"ruleId":"53","replacedBy":"54"},{"ruleId":"51","replacedBy":"55"},{"ruleId":"53","replacedBy":"56"},{"ruleId":"51","replacedBy":"57"},{"ruleId":"53","replacedBy":"58"},{"ruleId":"59","severity":1,"message":"60","line":2,"column":8,"nodeType":"61","messageId":"62","endLine":2,"endColumn":21},{"ruleId":"51","replacedBy":"63"},{"ruleId":"53","replacedBy":"64"},"no-native-reassign",["65"],"no-negated-in-lhs",["66"],["65"],["66"],["65"],["66"],"no-unused-vars","'SvgBackground' is defined but never used.","Identifier","unusedVar",["65"],["66"],"no-global-assign","no-unsafe-negation"]

‎frontend/public/ai-ml.png‎

8.01 KB
Loading

‎frontend/public/android.png‎

5.58 KB
Loading

‎frontend/public/code.png‎

8.27 KB
Loading

‎frontend/public/code2.png‎

7.04 KB
Loading

‎frontend/public/gsoc.png‎

7.67 KB
Loading

‎frontend/public/hacker.png‎

6.57 KB
Loading

‎frontend/src/App.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,14 +17,14 @@ body {
1717
}
1818

1919
.App {
20-
min-height: 100vh;
21-
background-image: var(--background-gradient);
20+
background: var(--background-gradient);
2221
}
2322

2423
@media only screen and (max-width: 1080px) {
2524
.App {
25+
position: relative;
2626
display: grid;
27-
grid-template-rows: 10% 90%;
27+
grid-template-rows: 5% 90%;
2828
grid-template-areas:
2929
"nav"
3030
"primary";

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

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import styles from "./style.module.css";
2+
3+
function AboutUs() {
4+
return (
5+
<div id="about" className={styles.container}>
6+
<div className={styles.content}>
7+
<h1 className={styles.heading}>About &nbsp; Us</h1>
8+
<p className={styles.para}>
9+
Peeps at{" "}
10+
<span className={styles.highlight}>
11+
The Programming Club IIITDMJ{" "}
12+
</span>
13+
aim to help students and as a community we want to grow as much as
14+
possible in many domains of coding and development, be it Competitive
15+
Programming, Android, Web, Open Source, AI/ML, Ethical Hacking.
16+
</p>
17+
<p className={styles.para}>
18+
We try to help each other learn new programming skills organize
19+
sessions and competitions let everyone know of ongoing activities in
20+
coding community and how they can use them for their benefits.
21+
</p>
22+
<p className={styles.para}>
23+
Be it getting an internship in a startup company, cracking open source
24+
competitions or to prepare for a product based company, someone will
25+
always be there to guide you and help you with the resources to get
26+
started.
27+
</p>
28+
</div>
29+
<div className={styles.vectors}>
30+
<div className={styles.svgCon}>
31+
<img className={styles.aboutImg} src="./code2.png" alt="code" />
32+
<img className={styles.aboutImg} src="./android.png" alt="android" />
33+
<img className={styles.aboutImg} src="./gsoc.png" alt="gsoc" />
34+
<img className={styles.aboutImg} src="./ai-ml.png" alt="ai-ml" />
35+
<img className={styles.aboutImg} src="./hacker.png" alt="hacker" />
36+
</div>
37+
</div>
38+
</div>
39+
);
40+
}
41+
42+
export default AboutUs;

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

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
.container {
2+
height: 100vh;
3+
grid-area: about;
4+
background-image: url("../../images/about\ us\ –\ 1.png");
5+
background-size: cover;
6+
display: grid;
7+
grid-template-columns: 60% 40%;
8+
grid-template-areas: "content vectors";
9+
}
10+
.content {
11+
grid-area: content;
12+
}
13+
14+
.heading {
15+
color: white;
16+
margin: 4vh;
17+
}
18+
19+
.highlight {
20+
color: var(--heading-color);
21+
font-weight: 600;
22+
}
23+
24+
.para {
25+
color: white;
26+
font-weight: 400;
27+
margin: 2vh;
28+
}
29+
30+
.vectors {
31+
padding-top: 65vh;
32+
grid-area: vectors;
33+
}
34+
.svgCon {
35+
display: flex;
36+
justify-content: space-around;
37+
}
38+
.aboutImg {
39+
height: 80px;
40+
width: 80px;
41+
}
42+
43+
@media only screen and (max-width: 1080px) {
44+
.container {
45+
display: block;
46+
}
47+
.vectors {
48+
display: none;
49+
}
50+
}

0 commit comments

Comments
 (0)