Skip to content

chore: fix project styles #44

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
judlup merged 1 commit into from
Dec 8, 2023
Merged

chore: fix project styles #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
217 changes: 67 additions & 150 deletions src/components/landing/projects/Projects.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,166 +1,83 @@
---
import Icon from "astro-icon";
const info = {
title: "Proyectos",
description:
"Estos son algunos de los proyectos en los que trabajamos y son Open Source",
proyectos: [
{
title: "My Level",
description:
"Extensión para Google Chrome de encuesta para medir el seniority de los desarrolladores.",
link: "https://chrome.google.com/webstore/detail/my-level/mbdaaoibdkddnkadkpjakclfhfogenma",
repo: "https://github.com/Trycatch-tv/my-level",
},
{
title: "Sitio Devs Latam",
description:
"Lading Page de Devs Latam, con información de la comunidad y sus proyectos.",
link: "https://dev-devslatam.netlify.app/",
repo: "https://github.com/Trycatch-tv/devs-latam-frontend",
},
{
title: "Acortador de links",
description:
"Acortador de enlaces con AWS Lambdas, React y DynamoDB para los videos que se comparten en las diferentes cuentas.",
link: "https://trycatchlinks.netlify.app",
repo: "https://github.com/Trycatch-tv?q=short&type=all&language=&sort=",
},
],
};
---

<section>
<div class="px-4 lg:mx-auto lg:max-w-screen-xl">
<div class="bg-tc-black border border-gray-700 rounded-lg p-12 mb-8">
<div>
<span
class="text-tc-gray-l text-3xl lg:text-4xl font-extrabold mt-5 mb-6"
>
Proyectos
{info.title}
</span>
</div>
<div class="mt-4">
<div class="text-tc-gray-l text-sm mb-4">
Estos son algunos de los proyectos en los que trabajamos y son Open
Source
{info.description}
</div>
<div class="flex flex-col lg:flex-row lg:justify-between">
<!--Proyecto-->
<div
class="flex flex-col items-center bg-tc-black-l py-4 px-8 rounded-md mb-4 lg:mb-0 w-full lg:w-1/4"
>
<div class="text-tc-gray-l text-lg">My Level</div>
<div class="mt-2 mb-4 h-24">
<p class="text-justify text-xs text-tc-gray">
Extensión para Google Chrome de encuesta para medir el seniority
de los desarrolladores mediante 16 preguntas.
</p>
</div>
<div class="flex w-full justify-around lg:justify-between">
<a
href="https://chrome.google.com/webstore/detail/my-level/mbdaaoibdkddnkadkpjakclfhfogenma"
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Ver
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
<a
href="https://github.com/Trycatch-tv/my-level"
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Repo
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
</div>
</div>
<!--Proyecto-->
<!--Proyecto-->
<div
class="flex flex-col items-center bg-tc-black-l py-4 px-8 rounded-md mb-4 lg:mb-0 w-full lg:w-1/4"
>
<div class="text-tc-gray-l text-lg">Sitio Devs Latam</div>
<div class="mt-2 mb-4 h-24">
<p class="text-justify text-xs text-tc-gray">
Lading Page de Devs Latam, con información de la comunidad y sus
proyectos.
</p>
</div>
<div class="flex w-full justify-around lg:justify-between">
<a
href="https://dev-devslatam.netlify.app/"
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Ver
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
<a
href="https://github.com/Trycatch-tv/devs-latam-frontend"
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Repo
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
</div>
</div>
<!--Proyecto-->
<!--Proyecto-->
<div
class="flex flex-col items-center bg-tc-black-l py-4 px-8 rounded-md mb-4 lg:mb-0 w-full lg:w-1/4"
>
<div class="text-tc-gray-l text-lg">Acortador de links</div>
<div class="mt-2 mb-4 h-24">
<p class="text-justify text-xs text-tc-gray">
Acortador de enlaces con AWS Lambdas, React y DynamoDB para los
videos que se comparten en las diferentes cuentas.
</p>
</div>
<div class="flex w-full justify-around lg:justify-between">
<a
href="https://trycatchlinks.netlify.app"
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Ver
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
<a
href="https://github.com/Trycatch-tv?q=short&type=all&language=&sort="
class="inline-flex justify-center items-center py-2.5 px-5 text-base font-medium text-center rounded-lg text-tc-black bg-tc-gray-l hover:text-tc-gray-l hover:bg-tc-black-l"
>
Repo
<svg
aria-hidden="true"
class="ml-2 -mr-1 w-4 h-4"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
fill-rule="evenodd"
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
clip-rule="evenodd"></path></svg
>
</a>
</div>
</div>
<!--Proyecto-->
{
info.proyectos.map((proyecto) => (
<div class="flex flex-col items-center bg-tc-black-l py-4 px-8 rounded-md mb-4 lg:mb-0 w-full lg:w-1/4">
<div class="text-tc-gray-l text-lg">{proyecto.title}</div>
<hr class="w-full border-t border-gray-600 my-3" />
<div class="mt-2 mb-4 h-20">
<span class="text-justify text-[10px] text-tc-gray">
{proyecto.description}
</span>
</div>
<hr class="w-full border-t border-gray-600 my-3" />
<div class="flex justify-around md:justify-around w-full">
<a
href={proyecto.link}
class=" bg-slate-300 px-2 py-0.5 rounded-md flex items-center justify-center hover:bg-tc-black transition transition-fade duration-300 ease-in-out hover:text-tc-yellow"
>
<Icon
class="w-4 h-4 text-tc-black-l"
name="carbon:view-filled"
/>
<span class="text-xs ml-2">Ver</span>
</a>
<a
href={proyecto.repo}
class="bg-slate-300 px-2 py-0.5 rounded-md flex items-center justify-center hover:bg-tc-black transition transition-fade duration-300 ease-in-out hover:text-tc-yellow"
>
<Icon class="w-4 h-4 text-tc-black-l" name="mdi:github" />
<span class="text-xs ml-2">Repo</span>
</a>
</div>
</div>
))
}
</div>
</div>
</div>
Expand Down
7 changes: 4 additions & 3 deletions src/components/landing/tryckers/Tryckers.banner.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,15 @@ const info = {
</span>
</div>
<a href="/tryckers">
<ul class="flex justify-around bg-tc-black-l rounded-md p-5 mt-5">
<span class="text-white text-xl hover:text-tc-yellow">
<ul
class="flex justify-around bg-tc-black-l rounded-md p-5 mt-5 group"
>
<span class="text-white text-xl group-hover:text-tc-yellow">
Conoce a los Tryckers de la comunidad
</span>
</ul>
</a>
</div>
s
<!--Redes Sociales-->
</div>
</div>
Expand Down