-
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.
- Loading branch information
1 parent
529c0ce
commit 0dea0cb
Showing
9 changed files
with
175 additions
and
143 deletions.
There are no files selected for viewing
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,53 +1,97 @@ | ||
| import React from 'react'; | ||
| import NavigationBar from '../../components/NavigationBar'; | ||
| import { genPageMetadata } from '../seo'; | ||
| import styles from './styles.module.scss'; | ||
| import FastReadText from '../../components/FastReadText'; | ||
| import Link from 'next/link'; | ||
| import Image from 'next/image'; | ||
| import { BsGithub, BsArrowUpRightSquare } from 'react-icons/bs'; | ||
| import SlideUp from '../../components/SlideUp'; | ||
|
|
||
| export const metadata = genPageMetadata({ | ||
| title: `Open Source ✍️`, | ||
| description: `I share anything that may help others, technologies I'm using and cool things I've made`, | ||
| }); | ||
|
|
||
| const projects = [ | ||
| { | ||
| name: "nestjs-otel", | ||
| description: | ||
| "OpenTelemetry (Tracing + Metrics) module for Nest framework (node.js)", | ||
| image: "/images/project-logo.png", | ||
| github: "https://github.com/pragmaticivan/nestjs-otel", | ||
| }, | ||
| { | ||
| name: "nest-resend", | ||
| description: "Injectable Resend client for your nestjs projects", | ||
| image: "/images/project-logo.png", | ||
| github: "https://github.com/pragmaticivan/nest-resend", | ||
| }, | ||
| { | ||
| name: "dotfiles", | ||
| description: | ||
| "Your dotfiles are how you personalize your system. These are mine", | ||
| image: "/images/project-logo.png", | ||
| github: "https://github.com/pragmaticivan/dotfiles", | ||
| }, | ||
| { | ||
| name: "nestjs-otel-prom-grafana-tempo", | ||
| description: | ||
| "Prometheus + Grafana + Tempo + Loki Observability Stack example", | ||
| image: "/images/project-logo.png", | ||
| github: "https://github.com/pragmaticivan/nestjs-otel-prom-grafana-tempo", | ||
| }, | ||
| ] | ||
|
|
||
| const OpenSourcePage = () => ( | ||
| <div> | ||
| <header className="header__blog"> | ||
| <> | ||
| <NavigationBar /> | ||
| </header> | ||
|
|
||
| <div className={styles.os}> | ||
| <div className={styles.content}> | ||
| <h1>Open Source</h1> | ||
| <p> | ||
| <FastReadText | ||
| text={`There's something magical about solving problems and helping others through their journey.`} | ||
| /> | ||
| </p> | ||
| <ul> | ||
| <li> | ||
| <a | ||
| href="https://github.com/pragmaticivan/nestjs-otel" | ||
| target="_blank" | ||
| > | ||
| <b>nestjs-otel</b> | ||
| </a>{' '} | ||
| - 🔭 OpenTelemetry (Tracing + Metrics) module for Nest framework | ||
| (node.js) | ||
| </li> | ||
| <li> | ||
| <a | ||
| href="https://github.com/pragmaticivan/guia-do-trabalho-remoto" | ||
| target="_blank" | ||
| > | ||
| <b>guia-do-trabalho-remoto</b> | ||
| </a>{' '} | ||
| - ✈️ Conjunto de informações, experiências e burocracias para poder | ||
| trabalhar remotamente para empresas do mundo todo | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <section id="projects" className='mx-auto max-w-3xl px-4 sm:px-6 md:max-w-5xl'> | ||
| <h1 className="my-20 text-center text-4xl font-bold tracking-tight text-zinc-800 sm:text-5xl dark:text-zinc-100"> | ||
| Open Source | ||
| <hr className="w-6 h-1 mx-auto my-4 bg-cyan-700 border-0 rounded"></hr> | ||
| </h1> | ||
|
|
||
| <div className="flex flex-col space-y-28 mb-32"> | ||
| {projects.map((project, idx) => { | ||
| return ( | ||
| <div key={idx}> | ||
| <div className="flex flex-col animate-slideUpCubiBezier animation-delay-2 md:flex-row md:space-x-12"> | ||
| <div className=" md:w-1/3"> | ||
| <Image | ||
| src={project.image} | ||
| alt="" | ||
| width={500} | ||
| height={500} | ||
| className="rounded-xl shadow-xl hover:opacity-70" | ||
| /> | ||
| </div> | ||
| <div className="mt-1 md:w-1/2"> | ||
| <h1 className="text-4xl font-bold mb-6">{project.name}</h1> | ||
| <p className="text-xl leading-7 mb-4 text-neutral-600 dark:text-neutral-400"> | ||
| {project.description} | ||
| </p> | ||
| <div className="flex flex-row align-bottom space-x-4"> | ||
| <Link href={project.github} target="_blank"> | ||
| <BsGithub | ||
| size={30} | ||
| className="hover:-translate-y-1 transition-transform cursor-pointer" | ||
| /> | ||
| </Link> | ||
| {project.link && <Link href={project.link} target="_blank"> | ||
| <BsArrowUpRightSquare | ||
| size={30} | ||
| className="hover:-translate-y-1 transition-transform cursor-pointer" | ||
| /> | ||
| </Link>} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| })} | ||
| </div> | ||
| </section> | ||
| </> | ||
| ); | ||
|
|
||
| export default OpenSourcePage; |
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
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
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,35 @@ | ||
| "use client" | ||
|
|
||
| import React, { useEffect, useRef, ReactNode } from "react" | ||
| interface Props { | ||
| offset?: string | ||
| children?: ReactNode | ||
| } | ||
|
|
||
| export default function SlideUp({ children, offset = "0px" }: Props) { | ||
| const ref = useRef(null) | ||
|
|
||
| useEffect(() => { | ||
| const observer = new IntersectionObserver( | ||
| (entries) => { | ||
| entries.forEach((entry) => { | ||
| if (entry.isIntersecting) { | ||
| entry.target.classList.remove("opacity-0") | ||
| entry.target.classList.add("animate-slideUpCubiBezier") | ||
| } | ||
| }) | ||
| }, | ||
| { rootMargin: offset } | ||
| ) | ||
|
|
||
| if (ref.current) { | ||
| observer.observe(ref.current) | ||
| } | ||
| }, [ref]) | ||
|
|
||
| return ( | ||
| <div ref={ref} className="relative opacity-0"> | ||
| {children} | ||
| </div> | ||
| ) | ||
| } |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
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