Skip to content

Commit

Permalink
traduccion terminada
Browse files Browse the repository at this point in the history
  • Loading branch information
@sleepndraw
sleepndraw committed May 28, 2024
1 parent 793f579 commit 526f64c
Show file tree
Hide file tree
Showing 12 changed files with 341 additions and 197 deletions.
11 changes: 6 additions & 5 deletions app/about/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,15 @@

import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { useTranslation } from 'react-i18next';

export default function About (props) {

const { t } = useTranslation();
return (
<div className="about">
<Header route={"/about"}/>
<div className="banner">
<h1>Contact</h1>
<h1>{t('contact.title')}</h1>
</div>
<main className=" sm:mx-2 md:mx-14 lg:mx-36 xl:mx-44 2xl:mx-60">
<section className="about_description">
Expand All @@ -21,7 +22,7 @@ export default function About (props) {

</section>

<h2>Where are we?</h2>
<h2>{t('contact.title2')}</h2>
<section className="location">

<div className="col1">
Expand All @@ -38,13 +39,13 @@ export default function About (props) {
Edificio B</h3>
</div>
<div className="contact">
<h2>Contact</h2>
{/* <h2>Contact</h2> */}
<ul>
<li>
<h3>E-mail</h3><p>[email protected]</p>
</li>
<li>
<h3>Phone</h3><p>91 336 73 31</p>
<h3>{t('contact.listTitle2')}</h3><p>91 336 73 31</p>
</li>
<li>
<h3>Fax</h3><p>91 336 73 33</p>
Expand Down
5 changes: 3 additions & 2 deletions app/courses/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,11 @@ import Link from "next/link";
import { mycourses } from "@/constants/courses.js";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faArrowRight } from '@fortawesome/free-solid-svg-icons';
import { useTranslation } from 'react-i18next';

export default function Courses() {
const [courses, setCourses] = useState(mycourses);

const { t } = useTranslation();
useEffect(() => {
window.scrollTo(0, 0);
}, []);
Expand Down Expand Up @@ -47,7 +48,7 @@ export default function Courses() {
<div className="course_route">
<CreateLink route={route}>
<FontAwesomeIcon className="award_icon" icon={faArrowRight} />
<div>Ir al curso</div>
<div>{t('courses.button')}</div>
</CreateLink>
</div>
</div>
Expand Down
5 changes: 3 additions & 2 deletions app/projects/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,11 @@ import ProjectCard from "@/components/projectCard";
import { myprojectCards } from "@/constants/projectsCards.js";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
import { useTranslation } from 'react-i18next';

export default function Projects() {
const [projects, setProjects] = useState(myprojectCards);

const { t } = useTranslation();
useEffect(() => {
window.scrollTo(0, 0);
}, []);
Expand All @@ -20,7 +21,7 @@ export default function Projects() {
<div className="projects">
<Header route={"/projects"} />
<div className="banner">
<h1> Projects</h1>
<h1> {t('projects.title')}</h1>
</div>
<main>

Expand Down
133 changes: 72 additions & 61 deletions app/team/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,13 @@ import { useEffect, useState } from "react";
import Header from "@/components/Header";
import Footer from "@/components/Footer";
import { myteam } from "@/constants/team";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
import { useTranslation } from "react-i18next";

export default function Team(props) {
const [team, setTeam] = useState(myteam);
const { t } = useTranslation();

useEffect(() => {
window.scrollTo(0, 0);
Expand All @@ -18,74 +20,83 @@ export default function Team(props) {
<div className="team">
<Header route={"/team"} />
<div className="banner">
<h1>Team</h1>
<h1>{t('team.title')}</h1>
</div>
<main>
<section className="teammates block place-content-center sm:grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-10 sm:mx-2 md:mx-14 lg:mx-36 xl:mx-44 2xl:mx-60">
{Object.values(team).map(({ members }) => {
return members.map(
({
name,
description,
role,
position,
photo,
github,
email,
center,
}) => {
const emailAddress = email ? email.split("@") : null;
return (
<div className="teammate text-center sm:text-left" key={name}>
<div className="mate_img">
<a
href={github}
target="_blank"
rel="noopener noreferrer"
>
<img
alt={"Team member"}
src={process.env.PUBLIC_URL + photo}
className="grayscale"
/>
</a>
</div>
({
name,
description,
role,
position,
photo,
github,
email,
center,
translationKey,
}) => {
const emailAddress = email ? email.split("@") : null;
const translatedRole = t(`${translationKey}`);
const translatedPosition = t(position);
return (
<div className="teammate text-center sm:text-left" key={name}>
<div className="mate_img">
<a
href={github}
target="_blank"
rel="noopener noreferrer"
>
<img
alt={"Team member"}
src={process.env.PUBLIC_URL + photo}
className="grayscale"
/>
</a>
</div>

<div className="mate_info">
<div className="mate_name">
<h4>{name}</h4>
</div>
<div className="mate_role">
<span>
<small>{role}</small>{" "}
</span>
</div>
<div className="mate_position">
<p>
{center}
</p>
<span> {/*<FontAwesomeIcon icon={faEnvelope} />*/} {email}</span> <br></br>
</div>
<div className="mate_coordination">
<span className={position === "Coordinator" ? "coordinator" : ""}>{position}</span>
</div>
<div className="mate_description">
{/* <p>{description}</p> */}
<p>
<b>
{/*emailAddress ?
<div className="mate_info">
<div className="mate_name">
<h4>{name}</h4>
</div>
<div className="mate_role">
<span>
<small>{translatedRole}</small>{" "}
</span>
</div>
<div className="mate_position">
<p>{center}</p>
<span>
{" "}
{/*<FontAwesomeIcon icon={faEnvelope} />*/} {email}
</span>{" "}
<br></br>
</div>
<div className="mate_coordination">
<span
className={
position === "Coordinator" ? "coordinator" : ""
}
>
{translatedPosition}
</span>
</div>
<div className="mate_description">
{/* <p>{description}</p> */}
<p>
<b>
{/*emailAddress ?
(<span>{emailAddress[0]} <img alt="at" className="at" src={process.env.PUBLIC_URL + "/assets/img/arroba-symbol.svg"}/>
{emailAddress[1]}</span>
):""*/}
</b>
</p>
</div>
</div>
</div>
);
}


</b>
</p>
</div>
</div>
</div>
);
}
);
})}
</section>
Expand Down
Loading

0 comments on commit 526f64c

Please sign in to comment.