Skip to content

Commit 6d1b07a

Browse files
tarek-gritlitarek-gritli
committed
website updates
1 parent 85dc3ad commit 6d1b07a

File tree

7 files changed

+323
-339
lines changed

7 files changed

+323
-339
lines changed

‎src/components/Contact.js‎

Lines changed: 51 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,55 @@
1-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
2-
import React from 'react'
3-
import { getFromPublic } from '../shared/functions/public'
4-
import '../styles/components/Contact.scss'
5-
import { faFacebook,faLinkedin, faInstagram } from '@fortawesome/free-brands-svg-icons'
1+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
2+
import React from "react";
3+
import { getFromPublic } from "../shared/functions/public";
4+
import "../styles/components/Contact.scss";
5+
import {
6+
faFacebook,
7+
faLinkedin,
8+
faInstagram,
9+
} from "@fortawesome/free-brands-svg-icons";
610

711
export default function Contact() {
8-
return (
9-
<div className="contact">
10-
<div className="behind-wave">
11-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
12-
<path fill="#0099ff" fillOpacity="1" d="M0,224L26.7,192C53.3,160,107,96,160,106.7C213.3,117,267,203,320,213.3C373.3,224,427,160,480,149.3C533.3,139,587,181,640,202.7C693.3,224,747,224,800,218.7C853.3,213,907,203,960,186.7C1013.3,171,1067,149,1120,160C1173.3,171,1227,213,1280,224C1333.3,235,1387,213,1413,202.7L1440,192L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path>
13-
</svg>
14-
</div>
15-
<div className="container">
16-
<div className="cos-left">
17-
<img src={getFromPublic('/images/logos/white.png')} className="logo" alt="" />
18-
<p>
19-
IAS enriches both its individual members and the industry as a whole through the sharing of specific industry-related solutions.
20-
</p>
21-
</div>
22-
<div className="cos-right">
23-
<p>ieee.ias.insat@gmail.com</p>
24-
<p>1080 Tunis Cedex, Tunis 1080</p>
25-
<p>+216 23541694</p>
26-
27-
<div className="icons">
28-
<a href="https://www.facebook.com/IASINSAT/">
29-
<FontAwesomeIcon icon={faFacebook} />
30-
</a>
31-
<a href="https://www.linkedin.com/company/ieee-insat-ias-sbc/mycompany/">
32-
<FontAwesomeIcon icon={faLinkedin} />
33-
</a>
34-
<a href="https://www.instagram.com/ieeeiasinsat/">
35-
<FontAwesomeIcon icon={faInstagram} />
36-
</a>
37-
38-
</div>
39-
</div>
40-
</div>
12+
return (
13+
<div className="contact">
14+
<div className="behind-wave">
15+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
16+
<path
17+
fill="#0099ff"
18+
fillOpacity="1"
19+
d="M0,224L26.7,192C53.3,160,107,96,160,106.7C213.3,117,267,203,320,213.3C373.3,224,427,160,480,149.3C533.3,139,587,181,640,202.7C693.3,224,747,224,800,218.7C853.3,213,907,203,960,186.7C1013.3,171,1067,149,1120,160C1173.3,171,1227,213,1280,224C1333.3,235,1387,213,1413,202.7L1440,192L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"
20+
></path>
21+
</svg>
22+
</div>
23+
<div className="container">
24+
<div className="cos-left">
25+
<img
26+
src={getFromPublic("/images/logos/white.png")}
27+
className="logo"
28+
alt=""
29+
/>
30+
<p>
31+
IAS enriches both its individual members and the industry as a whole
32+
through the sharing of specific industry-related solutions.
33+
</p>
4134
</div>
42-
)
35+
<div className="cos-right">
36+
<p>ieee.ias.insat@gmail.com</p>
37+
<p>1080 Tunis Cedex, Tunis 1080</p>
38+
<p>+216 23541694</p>
39+
40+
<div className="icons">
41+
<a href="https://www.facebook.com/IASINSAT/">
42+
<FontAwesomeIcon icon={faFacebook} />
43+
</a>
44+
<a href="https://www.linkedin.com/company/ieee-insat-ias-sbc/mycompany/">
45+
<FontAwesomeIcon icon={faLinkedin} />
46+
</a>
47+
<a href="https://www.instagram.com/ieeeiasinsat/">
48+
<FontAwesomeIcon icon={faInstagram} />
49+
</a>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
);
4355
}

‎src/components/MemberImage.js‎

Lines changed: 51 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,57 @@
1-
import React, { useRef } from 'react'
2-
import { getFromPublic } from '../shared/functions/public'
3-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
4-
import { faCog } from '@fortawesome/free-solid-svg-icons'
5-
import '../styles/components/member-image.scss'
6-
import { faFacebook, faLinkedin, faInstagram } from '@fortawesome/free-brands-svg-icons'
7-
import useRevealOneTime from '../shared/hooks/useRevealOneTime'
1+
import React, { useRef } from "react";
2+
import { getFromPublic } from "../shared/functions/public";
3+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
4+
import { faCog } from "@fortawesome/free-solid-svg-icons";
5+
import "../styles/components/member-image.scss";
6+
import {
7+
faFacebook,
8+
faLinkedin,
9+
faInstagram,
10+
} from "@fortawesome/free-brands-svg-icons";
11+
import useRevealOneTime from "../shared/hooks/useRevealOneTime";
812

9-
export default function MemberImage({name, position, facebook, linkedin, instagram,image}) {
13+
export default function MemberImage({
14+
name,
15+
position,
16+
facebook,
17+
linkedin,
18+
instagram,
19+
image,
20+
}) {
21+
const memberRef = useRef(null);
1022

11-
const memberRef = useRef(null);
23+
//changing class when revealed
24+
useRevealOneTime(memberRef);
1225

13-
//changing class when revealed
14-
useRevealOneTime(memberRef);
15-
16-
return (
17-
<div className="bureau-member" ref={memberRef} >
18-
<div className="image">
19-
<FontAwesomeIcon icon={faCog}/>
20-
<div className="img" alt="" >
21-
<img src={getFromPublic(image)} alt="" />
22-
<div className="content">
23-
<h2> {name} </h2>
24-
<p> {position} </p>
25-
<div className="links">
26-
<a href={facebook} target="_blank" rel="noreferrer">
27-
<FontAwesomeIcon icon={faFacebook} />
28-
</a>
29-
<a href={linkedin} target="_blank" rel="noreferrer">
30-
<FontAwesomeIcon icon={faLinkedin}/>
31-
</a>
32-
<a href={instagram} target="_blank" rel="noreferrer">
33-
<FontAwesomeIcon icon={faInstagram}/>
34-
</a>
35-
36-
</div>
37-
</div>
38-
</div>
39-
26+
return (
27+
<div className="bureau-member" ref={memberRef}>
28+
<div className="image">
29+
<FontAwesomeIcon icon={faCog} />
30+
<div className="img" alt="">
31+
<img src={getFromPublic(image)} alt="" />
32+
<div className="content">
33+
<h2> {name} </h2>
34+
<p> {position} </p>
35+
<div className="links">
36+
{facebook && (
37+
<a href={facebook} target="_blank" rel="noreferrer">
38+
<FontAwesomeIcon icon={faFacebook} />
39+
</a>
40+
)}
41+
{linkedin && (
42+
<a href={linkedin} target="_blank" rel="noreferrer">
43+
<FontAwesomeIcon icon={faLinkedin} />
44+
</a>
45+
)}
46+
{instagram && (
47+
<a href={instagram} target="_blank" rel="noreferrer">
48+
<FontAwesomeIcon icon={faInstagram} />
49+
</a>
50+
)}
4051
</div>
52+
</div>
4153
</div>
42-
)
54+
</div>
55+
</div>
56+
);
4357
}

‎src/pages/Home.js‎

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,22 @@
1-
import React from 'react'
2-
import Welcome from './home/Welcome'
1+
import React from "react";
2+
import Welcome from "./home/Welcome";
33
// import News from './home/News'
4-
import Linking from './home/Linking'
5-
import Numbers from './home/Numbers'
6-
import Team from './home/Team'
7-
import Contact from '../components/Contact'
8-
import LatestPosts from './home/LatestPosts'
9-
4+
import Linking from "./home/Linking";
5+
import Numbers from "./home/Numbers";
6+
import Team from "./home/Team";
7+
import Contact from "../components/Contact";
8+
import LatestPosts from "./home/LatestPosts";
109

1110
export default function Home() {
12-
return (
13-
<div className="home">
14-
<Welcome/>
15-
{/* <News/> */}
16-
<LatestPosts/>
17-
<Linking/>
18-
<Numbers/>
19-
<Team/>
20-
<Contact/>
21-
</div>
22-
)
11+
return (
12+
<div className="home">
13+
<Welcome />
14+
{/* <News/> */}
15+
<LatestPosts />
16+
<Linking />
17+
<Numbers />
18+
<Team />
19+
<Contact />
20+
</div>
21+
);
2322
}

‎src/pages/home/Numbers.js‎

Lines changed: 34 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,38 @@
1-
import React from 'react'
2-
import { getFromPublic } from '../../shared/functions/public'
3-
import '../../styles/pages/home/Numbers.scss'
4-
import Number from './Number'
1+
import React from "react";
2+
import { getFromPublic } from "../../shared/functions/public";
3+
import "../../styles/pages/home/Numbers.scss";
4+
import Number from "./Number";
55

6-
const NumbersContent= [
7-
{
8-
title:'Conferences participation',
9-
number: 13,
10-
image:getFromPublic("/images/head-icons/nbr-conf.png")
11-
},
12-
{
13-
title:'Members',
14-
number: 180,
15-
image:getFromPublic("/images/head-icons/nbr-members.png")
16-
},
17-
{
18-
title:'Industrial visits',
19-
number: 17,
20-
image:getFromPublic("/images/head-icons/nbr-visits.png")
21-
},
22-
{
23-
title:'Years old',
24-
number: 7,
25-
image:getFromPublic("/images/head-icons/nbr-age.png")
26-
},
27-
]
6+
const NumbersContent = [
7+
{
8+
title: "Conferences participation",
9+
number: 14,
10+
image: getFromPublic("/images/head-icons/nbr-conf.png"),
11+
},
12+
{
13+
title: "Members",
14+
number: 180,
15+
image: getFromPublic("/images/head-icons/nbr-members.png"),
16+
},
17+
{
18+
title: "Industrial visits",
19+
number: 24,
20+
image: getFromPublic("/images/head-icons/nbr-visits.png"),
21+
},
22+
{
23+
title: "Years old",
24+
number: 10,
25+
image: getFromPublic("/images/head-icons/nbr-age.png"),
26+
},
27+
];
2828

2929
export default function Numbers() {
30-
return (
31-
// style={{backgroundImage:`url(${getFromPublic("/images/backgrounds/industry4.jpg")})`}}
32-
<div className="numbers" >
33-
{
34-
NumbersContent.map((content,index)=>(
35-
<Number {...content} key={index} />
36-
))
37-
}
38-
</div>
39-
)
30+
return (
31+
// style={{backgroundImage:`url(${getFromPublic("/images/backgrounds/industry4.jpg")})`}}
32+
<div className="numbers">
33+
{NumbersContent.map((content, index) => (
34+
<Number {...content} key={index} />
35+
))}
36+
</div>
37+
);
4038
}

0 commit comments

Comments
 (0)