-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #72 from Favo02/update-content
Update content
- Loading branch information
Showing
8 changed files
with
130 additions
and
169 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
import type { FC } from "react" | ||
import { BiLink } from "react-icons/bi" | ||
import { Link } from "react-router-dom" | ||
|
||
import type EducationEntry from "../../interfaces/EducationEntry" | ||
|
||
const Education : FC<{ title : string, entries : EducationEntry[] }> = ({ title, entries }) => ( | ||
|
||
<div className="scroll-mt-40 max-w-4xl m-auto mt-10 pt-6 pb-8 bg-gray-400 bg-opacity-20 rounded-xl backdrop-blur-lg shadow-xl shadow-black"> | ||
|
||
<h1 className="text-3xl text-center uppercase font-black bg-gradient-to-br pb-4 from-gray-200 via-bluegray-200 to-bluegray-600 bg-clip-text text-transparent tracking-wider">{title}</h1> | ||
|
||
{entries.map(e => | ||
<div key={e.name} className="flex flex-col md:flex-row w-5/6 mx-auto md:w-full mt-6 group text-center"> | ||
<div className="w-full md:w-1/3 md:text-right pr-6 text-bluegray-600 group-hover:text-bluegray-500 opacity-80 italic transition-all duration-700">{e.start}{e.end ? ` - ${e.end}` : ""}</div> | ||
<Link to={e.link} target="_blank"> | ||
<h1 className="text-xl md:text-left font-bold text-gray-300 group-hover:text-gray-200 transition-all duration-700"> | ||
{e.name}, {e.location} | ||
<BiLink className="inline -mt-1 ml-1" /> | ||
{e.isCertificate && | ||
<span className="text-xs border font-black text-green-600/30 border-green-800/30 rounded-md ml-1 py-0.5 px-2">CERTIFICATE</span> | ||
} | ||
</h1> | ||
<h2 className="text-gray-500 md:text-left group-hover:text-gray-400 transition-all duration-700">{e.description}</h2> | ||
</Link> | ||
</div> | ||
)} | ||
|
||
</div> | ||
) | ||
|
||
export default Education |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
interface EducationEntry { | ||
start : string, | ||
end ?: string, | ||
name : string, | ||
location : string, | ||
description : string, | ||
link : string, | ||
isCertificate ?: boolean | ||
} | ||
|
||
export default EducationEntry |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,78 +1,20 @@ | ||
import type { FC } from "react" | ||
import { FaDocker, FaJava, FaPython } from "react-icons/fa" | ||
import { IoMdFlag } from "react-icons/io" | ||
import { SiC, SiExpress, SiGnubash, SiMongodb, SiPostgresql,SiReact, SiTailwindcss } from "react-icons/si" | ||
import { TbBrandCpp, TbBrandGolang, TbBrandJavascript,TbBrandTypescript } from "react-icons/tb" | ||
|
||
import InterestSection from "../components/Interests/InterestSection" | ||
import type Interest from "../interfaces/Interest" | ||
import { Link } from "react-router-dom" | ||
|
||
import "../assets/styles/animations.css" | ||
|
||
const Interests : FC = () => { | ||
const Interests : FC = () => ( | ||
<> | ||
<h4 className="mt-4 text-2xl text-gray-200 text-center">My tech <span className="font-bold bg-gradient-to-r from-gray-400 via-bluegray-600 to-transparent bg-no-repeat bg-[size:100%_15%] bg-[position:0_98%]">interests</span>.</h4> | ||
|
||
const interests : Interest[] = [ | ||
{ | ||
"title": "Competitive programming", | ||
"description": "I love solving complex problems as fast as possible: the only context where I tolerate messy code. But when time is over I refactor it.", | ||
"languages": "C++, Python, Go, Java", | ||
"icons": [ | ||
<TbBrandCpp key="C++" />, | ||
<FaPython key="Python" />, | ||
<TbBrandGolang key="Go" />, | ||
<FaJava key="Java" /> | ||
], | ||
"projects": [{ name: "leetcode", owner: "Favo02" }, { name: "advent-of-code", owner: "Favo02" }] | ||
}, | ||
{ | ||
"title": "Full stack web development", | ||
"description": "Keeping up with fast evolving technologies for web development can be hard and time consuming, but the results are worth it. And I like the results.", | ||
"languages": "Javascript, Typescript, React, Express, Tailwind, (Mongo, Postgres)", | ||
"icons": [ | ||
<TbBrandJavascript key="Javascript" />, | ||
<TbBrandTypescript key="Typescript" />, | ||
<SiReact key="React" />, | ||
<SiExpress key="Express" />, | ||
<SiTailwindcss key="Tailwind" />, | ||
<SiMongodb key="Mongo" />, | ||
<SiPostgresql key="Postgres" /> | ||
], | ||
"projects": [{ name: "favo02.dev", owner: "Favo02" }, { name: "social-network-for-music", owner: "Favo02-unimi" }] | ||
}, | ||
{ | ||
"title": "Open source software", | ||
"description": "I like to share open source software I develop, such as GNOME shell extensions or simple utilities for competitive programming.", | ||
"languages": "Javascript, Java", | ||
"icons": [ | ||
<FaJava key="Java" />, | ||
<TbBrandJavascript key="Javascript" /> | ||
], | ||
"projects": [{ name: "workspaces-by-open-apps", owner: "Favo02" }, { name: "java-algorithms-and-structures", owner: "Favo02" }] | ||
}, | ||
{ | ||
"title": "Learning...", | ||
"description": "I'm always looking forward to learning and practicing new things: currently experimenting with an old PC turned into an Home Server (hosting this!) and Docker. From time to time I love to catch some flags in Security CTFs (process interaction with C and shell injection in x86-64 assembly are my favourites).", | ||
"languages": "Docker, Bash, C, x86-64", | ||
"icons": [ | ||
<FaDocker key="docker" />, | ||
<SiGnubash key="bash" />, | ||
<IoMdFlag key="ctf" />, | ||
<SiC key="c" /> | ||
], | ||
"projects": [{ name: "docker-compose", owner: "Favo02" }, { name: "sicurezza-e-privatezza", owner: "Favo02-unimi" }] | ||
} | ||
] | ||
<div className="scroll-mt-40 max-w-4xl m-auto mt-10 px-20 py-14 bg-gray-400 bg-opacity-20 rounded-xl backdrop-blur-lg shadow-xl shadow-black"> | ||
|
||
return ( | ||
<> | ||
<h4 className="mt-4 text-2xl text-gray-200 text-center">My tech <span className="font-bold bg-gradient-to-r from-gray-400 via-bluegray-600 to-transparent bg-no-repeat bg-[size:100%_15%] bg-[position:0_98%]">interests</span>.</h4> | ||
<h4 className="text-2xl text-gray-200 text-center">This page needs a <span className="font-bold bg-gradient-to-r from-gray-400 via-bluegray-600 to-transparent bg-no-repeat bg-[size:100%_15%] bg-[position:0_98%]">major update</span>. As soon as I find some <i>willpower</i> to write some <i>Typescript</i>, I'll fix it.</h4> | ||
|
||
<h4 className="mt-4 text-2xl text-gray-200 text-center">Meanwhile you can check the <span className="font-bold bg-gradient-to-r from-gray-400 via-bluegray-600 to-transparent bg-no-repeat bg-[size:100%_15%] bg-[position:0_98%]"><Link to="https://github.com/Favo02" target="_blank">README of my GitHub profile</Link></span>, it is pretty up to date.</h4> | ||
|
||
<div className="w-10/12 max-w-6xl m-auto mt-12 mb-20 text-gray-200 divide-y-2 divide-bluegray-600/50 divide-dashed bg-gray-400 bg-opacity-20 rounded-xl backdrop-blur-lg shadow-xl shadow-black"> | ||
{interests.map(i => <InterestSection interest={i} key={i.title} />)} | ||
</div> | ||
</> | ||
) | ||
} | ||
</div> | ||
</> | ||
) | ||
|
||
export default Interests |