Skip to content

Commit

Permalink
more refactoring
Browse files Browse the repository at this point in the history
  • Loading branch information
DidierRLopes committed Nov 26, 2023
1 parent 538dde2 commit e56bc14
Show file tree
Hide file tree
Showing 8 changed files with 64 additions and 68 deletions.
2 changes: 1 addition & 1 deletion src/components/General/BooksList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function BooksList({ books }: BooksListProps) {
/>
</div>
<div className="ml-4 flex flex-col justify-center">
<div className="font-bold md:text-lg" style={{ maxWidth: '200px', wordWrap: 'break-word', lineHeight: '1' }}>
<div className="font-bold md:text-base" style={{ maxWidth: '200px', wordWrap: 'break-word', lineHeight: '1' }}>
{book.title}
</div>
<div className="text-xs mt-2">
Expand Down
2 changes: 1 addition & 1 deletion src/components/General/EducationList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export default function EducationList({ education }: EducationListProps) {
<div className='justify-left items-start text-s mt-2'>
{program.school}
</div>
<h3 className="justify-center items-center text-base mb-2 font-bold">
<h3 className="justify-center items-center text-base mt-2 mb-2 font-bold">
{program.degree}
</h3>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/General/ExperienceList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default function ExperienceList({ experience }: ExperienceListProps) {
{job.daterange}
</div>
<h3 className="justify-center items-center text-base mb-2">
{job.title} @ <a href={job.link} rel="noopener noreferrer" target="_blank">{job.company}</a>
<strong>{job.title}</strong> @ <a href={job.link} rel="noopener noreferrer" target="_blank">{job.company}</a>
</h3>
</div>
<div className="flex-none overflow-y-scroll rounded-sm mx-auto text-sm p-2 pr-8 mt-2">
Expand Down
21 changes: 7 additions & 14 deletions src/components/General/NewsList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,25 +19,18 @@ export default function NewsMentionsList({ news }: NewsMentionsListProps) {
<div className="container relative justify-center items-center mb-8 my-4 mx-2 border-[1px] p-2 rounded border-[#2e8555]">
<div>
<div className='justify-left items-start text-xs'>
{single_news.date}
{single_news.date} - <strong>{single_news.magazine}</strong>
</div>
<h3 className="justify-center items-center text-base mb-2">
{single_news.title}
</h3>
</div>
<div className="flex-none overflow-y-scroll rounded-sm mx-auto text-sm p-2 pr-8 mt-2">
<div className="">
<span className="font-semibold">
{single_news.magazine + " - "}
</span>
<a
href={single_news.link}
rel="noopener noreferrer"
target="_blank">
Learn more
</a>
</div>
</div>
<a
href={single_news.link}
rel="noopener noreferrer"
target="_blank">
Learn more
</a>
</div>
))}
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/General/PodcastsList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default function PodcastsList({ podcasts }: PodcastsListProps) {
<div className='justify-left items-start text-xs'>
{podcast.date}
</div>
<h3 className="justify-center items-center text-base mb-2">
<h3 className="justify-center items-center font-bold text-base mb-2">
{podcast.title}
</h3>
</div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/General/VideosList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export default function VideosList({ videos }: VideosListProps) {
<div className='justify-left items-start text-xs'>
{video.date}
</div>
<h3 className="justify-center items-center text-base mb-2">
<h3 className="justify-center font-bold items-center text-base mb-2">
{video.title}
</h3>
</div>
Expand All @@ -34,7 +34,7 @@ export default function VideosList({ videos }: VideosListProps) {
/>
</div>
<div className="flex-none overflow-y-scroll rounded-sm mx-auto text-sm p-2 pr-8 mt-2">
<p>{video.time} - {video.description}</p>
<p><strong>{video.time}</strong> - {video.description}</p>
</div>
</div>
))}
Expand Down
53 changes: 26 additions & 27 deletions src/components/Projects.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,20 @@ const projects = [
article: '',
},
{
title: 'Personal Website',
link: 'https://github.com/DidierRLopes/personal-website',
image: '/projects/personal_website.webp',
desc: 'Another personal website that I started in javascript.',
language: 'JavaScript',
article: '',
title: 'Step Detection using Machine Learning',
link: 'https://github.com/DidierRLopes/step-detection-ML',
image: '/projects/stepdetection_ml.webp',
desc: 'Step Detection using SVM on NURVV trackers',
language: 'Python',
article: '/blog/how-i-wrote-a-machine-learning-paper-in-1-week-that-got-accepted-to-icmla',
},
{
title: 'Univariate Time-Series Forecast',
link: 'https://github.com/DidierRLopes/UnivariateTimeSeriesForecast',
image: '/projects/univariate_timeseries_forecast.webp',
desc: 'PhD Thesis: "Data Science in the Modeling and Forecasting of Financial Timeseries: from Classic methodologies to Deep Learning"',
language: 'Python',
article: '/blog/an-unusual-journey-learning-about-nns-for-a-phd-thesis',
},
{
title: 'Meme Filter',
Expand All @@ -49,22 +57,6 @@ const projects = [
language: 'Python',
article: '/blog/how-i-created-the-best-discord-meme-bot',
},
{
title: 'Step Detection using Machine Learning',
link: 'https://github.com/DidierRLopes/step-detection-ML',
image: '/projects/stepdetection_ml.webp',
desc: 'Step Detection using SVM on NURVV trackers',
language: 'Python',
article: '/blog/how-i-wrote-a-machine-learning-paper-in-1-week-that-got-accepted-to-icmla',
},
{
title: 'Univariate Time-Series Forecast',
link: 'https://github.com/DidierRLopes/UnivariateTimeSeriesForecast',
image: '/projects/univariate_timeseries_forecast.webp',
desc: 'PhD Thesis: "Data Science in the Modeling and Forecasting of Financial Timeseries: from Classic methodologies to Deep Learning"',
language: 'Python',
article: '/blog/an-unusual-journey-learning-about-nns-for-a-phd-thesis',
},
{
title: 'Momentum Football Bets',
link: 'https://github.com/DidierRLopes/momentum-football-bets',
Expand All @@ -89,6 +81,14 @@ const projects = [
language: 'Python',
article: '/blog/time-series-crossvalidation-for-nn',
},
{
title: 'Personal Website',
link: 'https://github.com/DidierRLopes/personal-website',
image: '/projects/personal_website.webp',
desc: 'Another personal website that I started in javascript',
language: 'JavaScript',
article: '',
},
{
title: 'Twitter Thread to LinkedIn Carousel',
link: 'https://github.com/DidierRLopes/thread-to-carousel',
Expand All @@ -105,7 +105,6 @@ const projects = [
language: 'Python',
article: '',
},

{
title: 'Neistpoint Stock Management Database',
link: 'https://github.com/DidierRLopes/NeistpointCLI',
Expand Down Expand Up @@ -176,21 +175,21 @@ export default function Projects() {
className="w-[200px] object-cover"
/>
</div>
<div className='flex flex-col justify-between flex-grow'>
<div className='flex flex-col justify-between flex-grow items-start'>
<div>
<div className="title md:text-lg font-bold">
{project.title}
</div>
<div className="subtitle text-sm flex mt-2 leading-tight max-w-[500px]">
<div className="subtitle text-sm flex mt-2 leading-tight max-w-[400px]">
{project.desc}
</div>
</div>
<div className="flex mt-4 mb-2">
<div className="flex mt-4 mb-2 items-start">
<a
target="_blank"
rel="noreferrer"
href={project.link}
className="mr-4"
className="mr-4 !no-underline"
>
<button
className="flex rounded-xl p-2 whitespace-nowrap text-sm bg-[#2e8555] hover:bg-grey-200 hover:dark:bg-grey-200 hover:text-[#2e8555] hover:no-underline"
Expand Down
46 changes: 25 additions & 21 deletions src/pages/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export default function Home() {
href="https://twitter.com/didier_lopes"
target="_blank"
rel="noreferrer noopener"
className='!no-underline'
>
<div className="flex rounded-xl p-2 w-32 bg-[#2e8555] hover:bg-grey-200 hover:dark:bg-grey-200 hover:text-[#2e8555] hover:no-underline mx-auto">
<svg
Expand All @@ -60,7 +61,7 @@ export default function Home() {
>
<path d="M11 4c-3.854 0-7 3.146-7 7v28c0 3.854 3.146 7 7 7h28c3.854 0 7-3.146 7-7V11c0-3.854-3.146-7-7-7H11zm0 2h28c2.774 0 5 2.226 5 5v28c0 2.774-2.226 5-5 5H11c-2.774 0-5-2.226-5-5V11c0-2.774 2.226-5 5-5zm2.086 7 9.223 13.104L13 37h2.5l7.938-9.293L29.977 37h7.937L27.79 22.613 36 13h-2.5l-6.84 8.01L21.023 13h-7.937zm3.828 2h3.065l14.107 20H31.02L16.914 15z" />
</svg>
<span className='ml-2 !no-underline mx-auto'>
<span className='ml-2 mx-auto'>
Twitter
</span>
</div>
Expand All @@ -73,6 +74,7 @@ export default function Home() {
href="https://www.linkedin.com/in/didier-lopes/"
target="_blank"
rel="noreferrer noopener"
className='!no-underline'
>
<div className="flex rounded-xl p-2 w-32 bg-[#2e8555] hover:bg-grey-200 hover:dark:bg-grey-200 hover:text-[#2e8555] hover:no-underline mx-auto">
<svg
Expand Down Expand Up @@ -117,25 +119,6 @@ export default function Home() {
/>
</div>
</div>
<div className="mx-auto mt-16 flex flex-col px-3 text-center md:max-w-[880px]">
<h1 className="_h1 !mb-2">
Travelling
</h1>
<div className="flex-none overflow-y-scroll rounded-sm text-center mx-auto text-lg p-2 pr-8 mb-4">
<span>
I love to experience new cultures. Nowadays I put work first.
But one day I hope to accomplish my goal of visiting over 100 countries.
</span>
<iframe
// Note that the &zoom=9 is important to set the zoom level
src="https://www.google.com/maps/d/u/0/embed?mid=174MaDCD2ho7QwEt4uk16eJnPxnZNxzU&ehbc=2E312F&zoom=9"
width="100%"
height="480"
title="My travels"
className="mt-2"
/>
</div>
</div>
<div className="mx-auto mt-16 flex max-w-[880px] flex-col px-3 text-center mb-16">
<h1 className="_h1 !mb-2">
Let's catch up
Expand All @@ -155,13 +138,15 @@ export default function Home() {
href="https://cal.com/didierlopes/15min"
target="_blank"
rel="noreferrer noopener"
className='flex justify-center items-center mx-auto'
>
<div className="flex rounded-xl p-2 w-32 bg-[#2e8555] hover:bg-grey-200 hover:dark:bg-grey-200 hover:text-[#2e8555] hover:no-underline mx-auto">
<div className="flex rounded-xl p-2 w-32 bg-[#2e8555] hover:bg-grey-200 hover:dark:bg-grey-200 hover:text-[#2e8555] hover:no-underline mx-auto items-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
width={101}
height={22}
fill="currentColor"
className="mx-auto"
>
<path
fill="#292929"
Expand All @@ -172,6 +157,25 @@ export default function Home() {
</a>
</div>
</div>
<div className="mx-auto mt-16 flex flex-col px-3 text-center md:max-w-[880px]">
<h1 className="_h1 !mb-2">
I love to experience new cultures
</h1>
<div className="flex-none overflow-y-scroll rounded-sm text-center mx-auto text-lg p-2 pr-8 mb-4">
<span>
Nowadays I put work first.
But one day I hope to visit over 100 countries.
</span>
<iframe
// Note that the &zoom=9 is important to set the zoom level
src="https://www.google.com/maps/d/u/0/embed?mid=174MaDCD2ho7QwEt4uk16eJnPxnZNxzU&ehbc=2E312F&zoom=9"
width="100%"
height="480"
title="My travels"
className="mt-2"
/>
</div>
</div>
</main>
</Layout>
);
Expand Down

0 comments on commit e56bc14

Please sign in to comment.