Skip to content

Commit

Permalink
agregado hover card & avatar para figonzal.cl & cambios en deploy
Browse files Browse the repository at this point in the history
  • Loading branch information
figonzal1 committed Jul 16, 2024
1 parent 47cf7a3 commit 4b8b29f
Show file tree
Hide file tree
Showing 8 changed files with 349 additions and 28 deletions.
3 changes: 2 additions & 1 deletion .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,8 @@ on:
# Activa el workflow cada vez que hay un push a la rama `main`
# ¿Estás usando un nombre diferente de rama? Reemplaza `main` con el nombre de tu rama
push:
branches: [deploy]
tags:
- 'v*.*.*'
# Te permite ejecutar este workflow manualmente desde la pestaña Actions en GitHub.
workflow_dispatch:

Expand Down
213 changes: 195 additions & 18 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 4 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,9 @@
"@astrojs/tailwind": "^5.1.0",
"@fontsource-variable/quicksand": "^5.0.18",
"@midudev/tailwind-animations": "^0.0.7",
"@radix-ui/react-avatar": "^1.1.0",
"@radix-ui/react-dialog": "^1.1.1",
"@radix-ui/react-hover-card": "^1.1.1",
"@radix-ui/react-navigation-menu": "^1.2.0",
"@radix-ui/react-slot": "^1.1.0",
"@types/react": "^18.3.3",
Expand All @@ -35,13 +37,13 @@
"react-icons": "^5.2.1",
"sharp": "^0.33.4",
"tailwind-merge": "^2.4.0",
"tailwindcss": "^3.4.5",
"tailwindcss": "^3.4.6",
"tailwindcss-animate": "^1.0.7",
"typescript": "^5.5.3"
},
"devDependencies": {
"oxlint": "^0.6.0",
"prettier": "^3.3.3",
"prettier-plugin-astro": "^0.14.0"
"prettier-plugin-astro": "^0.14.1"
}
}
57 changes: 57 additions & 0 deletions src/components/common/footer/footer_content/DevHoverCard.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
import { Button } from "../../ui/button";
import { Avatar, AvatarFallback, AvatarImage } from "@radix-ui/react-avatar";
import {
HoverCard,
HoverCardContent,
HoverCardTrigger,
} from "@radix-ui/react-hover-card";
import { FaLink } from "react-icons/fa6";

const DevHoverCard = ({ title }: { title: string }) => {
return (
<HoverCard openDelay={300} closeDelay={300}>
<HoverCardTrigger asChild>
<Button
variant="link"
className="underline font-semibold hover:opacity-50 transition-opacity duration-300 ease-in-out p-0"
>
{title}
</Button>
</HoverCardTrigger>
<HoverCardContent
className="bg-white me-6 md:me-14 md:mb-5 rounded-xl shadow-lg"
side="top"
>
<div className="flex justify-start items-start">
<Avatar className="p-5">
<AvatarImage
src="https://avatars.githubusercontent.com/u/46515974?v=4"
alt="Felipe González"
className="rounded-full w-14"
/>
<AvatarFallback>CN</AvatarFallback>
</Avatar>
<div className="py-4 pe-10">
<h4 className="text-sm font-semibold">Felipe González Alarcón</h4>
<p className="text-sm">Ingeniero Informático, UTFSM.</p>
<p className="text-sm">Desarrollador de software.</p>
<div className="flex items-center pt-2 gap-2">
<FaLink className="h-4 w-4 opacity-70" />{" "}
<a
className="text-xs underline hover:opacity-50 transition-opacity duration-300 ease-in-out"
href={`https://www.${title}`}
target="_blank"
rel="noopener noreferrer"
referrerPolicy="no-referrer"
>
www.{title}
</a>
</div>
</div>
</div>
</HoverCardContent>
</HoverCard>
);
};

export default DevHoverCard;
Loading

0 comments on commit 4b8b29f

Please sign in to comment.