Skip to content

Commit 2298c84

Browse files
author
Ammara Yasin
committed
homePage
1 parent 0483930 commit 2298c84

File tree

5 files changed

+141
-15
lines changed

5 files changed

+141
-15
lines changed

‎config/IoT_research_image.png‎

3.88 MB
Loading

‎config/config.js‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,53 @@
11

2-
import profile from './profile.png';
2+
import profile from './IoT_research_image.png';
33
import { faAppStore, faGithub, faGooglePlay } from '@fortawesome/free-brands-svg-icons';
44
import { } from '@fortawesome/free-solid-svg-icons';
55

66
export const navigation = {
7-
name: "Hashir",
7+
name: "SafeNetIoT",
88
links: [
99
{
1010
title: "About",
1111
link: "#about",
1212
},
1313
{
14-
title: "Projects",
15-
link: "#projects",
14+
title: "People",
15+
link: "/people",
1616
},
1717
{
18-
title: "Contact",
19-
link: "#contact",
18+
title: "Research",
19+
link: "/research",
2020
},
2121
{
22-
title: "Links",
22+
title: "Resources",
2323
link: "/links",
2424
},
2525
{
26-
title: "Blog",
27-
link: "https://medium.com/@hashirshoaeb",
26+
title: "Contact Us",
27+
link: "/contact",
2828
}
2929
],
3030
}
3131
export const intro = {
32-
title: "Hey, I'm Hashir",
33-
description: "A Computer Engineer creating mobile apps and static websites.",
32+
title: "SafeNetIoT Research Group",
33+
description: "The UCL EEE SafeNetIoT lab focuses on the security and privacy of Internet of Things (IoT) devices. We investigate potential threats to IoT devices in various settings, including homes, hospitals, and industrial environments. The lab develops and evaluates security measures to protect your data. ",
3434
image: profile.src,
3535
buttons: [
3636
{
37-
title: "Contact Me",
37+
title: "Contact Us",
3838
link: "#contact",
3939
isPrimary: true,
4040
},
4141
{
42-
title: "Resume",
43-
link: "https://docs.google.com/document/d/13_PWdhThMr6roxb-UFiJj4YAFOj8e_bv3Vx9UHQdyBQ/edit?usp=sharing",
42+
title: "Find Us",
43+
link: "https://www.ucl.ac.uk/engineering/about/getting-here",
4444
isPrimary: false,
4545
},
4646
],
4747
}
4848

4949
export const about = {
50-
title: "Who I am",
50+
title: "Recent News",
5151
description: [
5252
"I graduated from National University of Sciences and Technology (NUST) in 2020 with a degree in Computer Engineering. I kick started my professional career as a mobile application developer working remotely for a UK based startup — Lessgo.",
5353
"The tech industry is ever-evolving and I love being able to grow with it, while continually solidifying the fundamentals. I opensource my code from a place of empathy - for future developers, teammates, users, and with accessibility in mind. I also love joining communities, helping and mentoring new developers, and supporting organizations to promote diversity in tech. I’m sharing my programming journey on instagram, helping people who are just getting into the space of programming.",

‎pages/contact.js‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import React, { Fragment } from 'react';
2+
import getConfig from 'next/config'
3+
import Link from 'next/link';
4+
import { Footer } from '../components/Footer';
5+
import { links, SEO, } from '../config/config';
6+
import { Header } from '../components/Header';
7+
8+
const { publicRuntimeConfig } = getConfig()
9+
10+
export default function Home() {
11+
return (
12+
<Fragment>
13+
<Header seo={SEO} />
14+
<div className="d-flex flex-column justify-content-between bg-secondary min-vh-100">
15+
<div className="py-5 px-5 container text-center">
16+
<img className="img-fluid my-3 card-image" width="150" height="150" src={links.image} alt="profile of hashirshoaeb" />
17+
<h3 className="mt-3">{links.title}</h3>
18+
<p>{links.description}</p>
19+
{links.cards.map((value, index) => (
20+
<Button key={index} title={value.title} link={value.link} />
21+
))}
22+
</div>
23+
<Footer />
24+
</div>
25+
</Fragment>
26+
);
27+
}
28+
29+
30+
function Button({ title, link }) {
31+
return (
32+
<div className="row justify-content-center">
33+
<div className="card card-work mx-sm-4 my-2" style={{ width: "20rem" }}>
34+
<Link href={link}>
35+
<a target="_blank" rel="noreferrer">
36+
<h4 className="text-primary py-3 px-3">{title}</h4>
37+
</a>
38+
</Link>
39+
</div>
40+
</div>
41+
);
42+
}

‎pages/people.js‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import React, { Fragment } from 'react';
2+
import getConfig from 'next/config'
3+
import Link from 'next/link';
4+
import { Footer } from '../components/Footer';
5+
import { links, SEO, } from '../config/config';
6+
import { Header } from '../components/Header';
7+
8+
const { publicRuntimeConfig } = getConfig()
9+
10+
export default function Home() {
11+
return (
12+
<Fragment>
13+
<Header seo={SEO} />
14+
<div className="d-flex flex-column justify-content-between bg-secondary min-vh-100">
15+
<div className="py-5 px-5 container text-center">
16+
<img className="img-fluid my-3 card-image" width="150" height="150" src={links.image} alt="profile of hashirshoaeb" />
17+
<h3 className="mt-3">{links.title}</h3>
18+
<p>{links.description}</p>
19+
{links.cards.map((value, index) => (
20+
<Button key={index} title={value.title} link={value.link} />
21+
))}
22+
</div>
23+
<Footer />
24+
</div>
25+
</Fragment>
26+
);
27+
}
28+
29+
30+
function Button({ title, link }) {
31+
return (
32+
<div className="row justify-content-center">
33+
<div className="card card-work mx-sm-4 my-2" style={{ width: "20rem" }}>
34+
<Link href={link}>
35+
<a target="_blank" rel="noreferrer">
36+
<h4 className="text-primary py-3 px-3">{title}</h4>
37+
</a>
38+
</Link>
39+
</div>
40+
</div>
41+
);
42+
}

‎pages/research.js‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import React, { Fragment } from 'react';
2+
import getConfig from 'next/config'
3+
import Link from 'next/link';
4+
import { Footer } from '../components/Footer';
5+
import { links, SEO, } from '../config/config';
6+
import { Header } from '../components/Header';
7+
8+
const { publicRuntimeConfig } = getConfig()
9+
10+
export default function Home() {
11+
return (
12+
<Fragment>
13+
<Header seo={SEO} />
14+
<div className="d-flex flex-column justify-content-between bg-secondary min-vh-100">
15+
<div className="py-5 px-5 container text-center">
16+
<img className="img-fluid my-3 card-image" width="150" height="150" src={links.image} alt="profile of hashirshoaeb" />
17+
<h3 className="mt-3">{links.title}</h3>
18+
<p>{links.description}</p>
19+
{links.cards.map((value, index) => (
20+
<Button key={index} title={value.title} link={value.link} />
21+
))}
22+
</div>
23+
<Footer />
24+
</div>
25+
</Fragment>
26+
);
27+
}
28+
29+
30+
function Button({ title, link }) {
31+
return (
32+
<div className="row justify-content-center">
33+
<div className="card card-work mx-sm-4 my-2" style={{ width: "20rem" }}>
34+
<Link href={link}>
35+
<a target="_blank" rel="noreferrer">
36+
<h4 className="text-primary py-3 px-3">{title}</h4>
37+
</a>
38+
</Link>
39+
</div>
40+
</div>
41+
);
42+
}

0 commit comments

Comments
 (0)