Skip to content

Commit

Permalink
Component updates, About me, and Testimonies
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jonathan03ant
Jonathan03ant committed Jan 5, 2024
1 parent 975a790 commit 7a6d58c
Show file tree
Hide file tree
Showing 4 changed files with 110 additions and 2 deletions.
2 changes: 2 additions & 0 deletions src/Components/Routes/Home.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
import React from 'react';
import {Typewriter} from 'react-simple-typewriter';


export default function Home() {

const words = [
'Third Year student at Carleton\n',
'Looking for my first COOP\n',
Expand Down
3 changes: 3 additions & 0 deletions src/Components/Routes/Projects.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,10 @@ import mongo from '../../../public/img/mongo.png';
import node from '../../../public/img/node.png';
import live from '../../../public/img/live.png';

import { useRef } from 'react';

export default function Projects() {
const animationRef = useRef(null);
return (
<div className="projects flex flex-col items-center justify-start mt-10 mb-20 space-y-5 max-w-full">
<div className='font-coding mr-1 ms-2 p-4 pl-6 hover:bg-gray-400 hover:bg-opacity-5 max-w-full'>
Expand Down
104 changes: 102 additions & 2 deletions src/Components/Routes/Testimonies.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,110 @@

import React from 'react';
import jeremy from '../../../public/img/Jeremy.png'

export default function Testimonies() {
return (
<div>

<div className="container my-80 mx-auto md:px-6">
<section className="mb-32 text-center">
<div className="grid gap-x-6 md:grid-cols-3 lg:gap-x-12">

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"Place holder for Prof Darryl, Place holder for Prof Darryl, Place holder for Prof Darryl, Place holder for Prof Darryl,
Place holder for Prof Darryl, Place holder for Prof Darryl, Place holder for Prof Darryl, Place holder for Prof Darryl,"
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white">Darryl Hill </h5>
<h6 class="text-lg font-rubik text-blue-200">
Professor
</h6>
<h6 class="text-lg font-rubik text-blue-200">
School of Computer Science, Carleton University.
</h6>
</div>

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"Place holder for Prof Alina, Place holder for Prof Alina, Place holder for Prof Alina, Place holder for Prof Alina,
Place holder for Prof Alina, Place holder for Prof Alina, Place holder for Prof Alina, Place holder for Prof Alina,"
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white">ALINA SHAIKHET, Ph.D.</h5>
<h6 class="text-lg font-rubik text-blue-200">
Professor
</h6>
<h6 class="text-lg font-rubik text-blue-200">
School of Computer Science, Carleton University.
</h6>
</div>

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"I had a pleasure of teaching Jonathan Linear Algebra two! He is a hardworking and enthusiastic student who is very passionate about
Mathematics and Computer Science."
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white">AYSE ALACA, Ph.D.</h5>
<h6 class="text-lg font-rubik text-blue-200">
Professor
</h6>
<h6 class="text-lg font-rubik text-blue-200">
School of Mathematics and Statistics, Carleton University.
</h6>
</div>

</div>
</section>
<section className="mb-32 text-center">
<div className="grid gap-x-6 md:grid-cols-3 lg:gap-x-12">

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"Place Holder for Prof Farah, Place Holder for Prof Farah, Place Holder for Prof Farah, Place Holder for Prof Farah,
Place Holder for Prof Farah, Place Holder for Prof Farah, Place Holder for Prof Farah, Place Holder for Prof Farah,"
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white"> Farah Chanchary </h5>
<h6 class="text-lg font-rubik text-blue-200">
Professor
</h6>
<h6 class="text-lg font-rubik text-blue-200">
School of Computer Science, Carleton University.
</h6>
</div>

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
" Jonathan is a passionate and hardworking individual who we’ve been extremely pleased to have on our team."
</p>
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"His positive attitude and personable demeanour have helped him to find success even in the most difficult of challenges."
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white">JEREMY WHALEN</h5>
<h6 class="text-lg font-rubik text-blue-200">
Department of Recreation and Athletics, Carleton University.
</h6>
<h6 class="mb-4 text-lg font-rubik text-blue-200">
Assistant Manager, Digital Marketing and Communication.
</h6>
</div>

<div className="mb-12 md:mb-0">
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
" Jonathan is a great student who is always eager to learn and help others. He makes a great contribution to the class discussions and
is always willing to share his knowledge with others."
</p>
<p className=" text-yellow-50 mb-5 font-rubik text-md text-justify-center">
"I am sure that Jonathan will be a great asset to any organization that he will join."
</p>
<h5 class="mb-2 text-2xl font-bold font-rubik text-white">ELENA DEVDARIANI, Ph.D.</h5>
<h6 class="text-lg font-rubik text-blue-200">
Professor
</h6>
<h6 class="text-lg font-rubik text-blue-200">
School of Mathematics and Statistics, Carleton University.
</h6>
</div>

</div>
</section>
</div>

)
}
3 changes: 3 additions & 0 deletions src/Components/SideBar.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,19 @@
import React, { useState } from 'react';
import { Link, useLocation } from 'react-router-dom';


const SideBar = () => {
const location = useLocation();

return (
<>
<div className="sidebar font-rock-salt text-xl flex flex-col items-start space-y-5 mx-20 py-20 px-10">
<Link to="/" className={`text-white hover:translate-x-3 custom-hover ${location.pathname === '/' ? 'text-3xl' : ''}`}> HOME</Link>
<Link to="/projects" className={` text-white hover:translate-x-3 custom-hover ${location.pathname === '/projects' ? 'text-3xl' : ''}`}> PROJECTS</Link>
<Link to="/testimonies" className={` text-white hover:translate-x-3 custom-hover ${location.pathname === '/testimonies' ? 'text-3xl' : ''}`}> TESTIMONIES</Link>
<Link to="/about" className={` text-white hover:translate-x-3 custom-hover ${location.pathname === '/about' ? 'text-3xl' : ''}`}> ABOUT</Link>
</div>
</>
);
}

Expand Down

0 comments on commit 7a6d58c

Please sign in to comment.