Skip to content
Merged

Dev #37

Show file tree
Hide file tree
Changes from all commits
Commits
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
28 changes: 14 additions & 14 deletions src/components/global/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -5,32 +5,32 @@ const footerItems = [
// name: "Sobre Mi",
// path: "about",
// },
{
name: "Trycker Store",
path: "/store",
},
{
name: "Links",
path: "/links",
},
{
name: "Blog",
path: "/blog",
},
// {
// name: "Trycker Store",
// path: "/store",
// },
// {
// name: "Links",
// path: "/links",
// },
// {
// name: "Blog",
// path: "/blog",
// },
// {
// name: "Contacto",
// path: "contact",
// },
];
---

<footer class="bg-tc-black rounded-md shadow m-4">
<footer class="bg-tc-black rounded-md shadow m-4 md:fixed md:bottom-0">
<div
class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-between"
>
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
>© {year}
<a href="https://trycatch.tv/" class="hover:underline">TryCatch.tv</a>.
<a href="https://trycatch.tv/" class="hover:underline"> TryCatch.tv</a>
</span>
<ul
class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0"
Expand Down
75 changes: 40 additions & 35 deletions src/components/global/Navbar.astro
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,17 @@ const navbarItems = [
// path: "about",
// },
{
name: "Trycker Store",
path: "/store",
name: "Tryckers",
path: "/tryckers",
},
// {
// name: "Store",
// path: "/store",
// },
{
name: "Links",
path: "/links",
path: "https://linktr.ee/trycatch.tv",
target: "_blank",
},
{
name: "Blog",
Expand All @@ -33,40 +38,40 @@ const navbarItems = [
class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
>
<a href="/" class="flex items-center">

<image src={nibble.src} class="h-8 mr-3" alt="TryCatch.tv Nibble">

<span
class="self-center text-2xl font-semibold whitespace-nowrap text-white"
>TryCatch.tv</span
<span
class="self-center text-2xl font-semibold whitespace-nowrap text-white"
>TryCatch.tv</span
>
</image>
<!--<div class="flex md:order-2">-->
<!-- <button data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false">-->
<!-- <span class="sr-only">Open main menu</span>-->
<!-- <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>-->
<!-- </button>-->
<!--</div>-->
<div
class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
id="navbar-sticky"
>
<ul
class="flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-tc-black dark:border-tc-black"
>
{
navbarItems.map((item) => (
<li>
<a
href={item.path}
target={item.target || "_self"}
class="block py-2 pl-3 pr-4 rounded hover:bg-transparent md:p-0 text-white hover:text-tc-yellow border-gray-700"
>
{item.name}
</a>
</li>
))
}
</ul>
</div>
</a>
<!--<div class="flex md:order-2">-->
<!-- <button data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false">-->
<!-- <span class="sr-only">Open main menu</span>-->
<!-- <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>-->
<!-- </button>-->
<!--</div>-->
<div
class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1"
id="navbar-sticky"
>
<ul
class="flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-tc-black dark:border-tc-black"
>
{
navbarItems.map((item) => (
<li>
<a
href={item.path}
class="block py-2 pl-3 pr-4 rounded hover:bg-transparent md:p-0 text-white hover:text-tc-yellow border-gray-700"
>
{item.name}
</a>
</li>
))
}
</ul>
</div>
</div>
</nav>
76 changes: 41 additions & 35 deletions src/components/landing/devslatam/Devslatam.astro
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
---
import { Icon } from "astro-icon";
---

<!-- Devs Latam-->
<section>
<div class="px-4 lg:mx-auto lg:max-w-screen-xl">
Expand Down Expand Up @@ -28,7 +32,7 @@
class="flex flex-row justify-around lg:justify-between bg-tc-black-l py-4 px-2 lg:px-16 rounded-md"
>
<div class="text-tc-black bg-tc-gray rounded-md p-4">
+800 Personas
+1000 Personas
</div>
<div class="text-tc-black bg-tc-gray rounded-md p-4">+15 Países</div>
<div class="text-tc-black bg-tc-gray rounded-md p-4">
Expand All @@ -37,46 +41,48 @@
</div>
</div>
<div class="mt-4">
<div class="text-tc-gray-l text-xl lg:text-2xl mb-2">Fases</div>
<div class="flex flex-col lg:flex-row lg:justify-between">
<!--Pre Work-->
<div
class="flex flex-col mb-4 lg:mb-0 items-center bg-tc-black-l py-4 px-8 rounded-md w-full lg:w-1/4"
<div class="mb-2">
<span class="text-white text-xl lg:text-2xl"
>Side Project: GlassCamp</span
>
<div class="text-tc-gray-l text-lg">Pre Work</div>
<div class="mt-2 mb-4">
<p class="text-justify text-xs text-tc-gray">
Una vía para quienes ya saben la sintaxis de un lenguaje pero
aún no se deciden si ir por el backend o el frontend.
</p>
</div>
<div class="px-8 py-4 bg-tc-black-l rounded-md flex justify-between">
<a
href="https://github.com/Trycatch-tv/ValidadorBootcamp"
target="_blank"
class="w-3/12"
>
<div
class="p-4 bg-tc-gray rounded-md flex flex-col justify-center hover:bg-tc-black transition transition-fade duration-300 ease-in-out hover:text-tc-yellow"
>
<Icon class="w-full h-10 text-tc-black-l" name="mdi:github" />
<span class="w-full mt-2 text-center">Documentación</span>
</div>
</div>
<!--Pre Work-->
<!--Fase 1-->
<div
class="flex flex-col mb-4 lg:mb-0 items-center bg-tc-black-l py-4 px-8 rounded-md w-full lg:w-1/4"
</a>
<a
href="https://github.com/Trycatch-tv/ValidadorBootcamp"
target="_blank"
class="w-3/12 ml-2"
>
<div class="text-tc-gray-l text-lg">Fase 1</div>
<div class="mt-2 mb-4">
<p class="text-justify text-xs text-tc-gray">
Reforzamos tus habilidades en proyectos colaborativos en equipo.
</p>
<div
class="p-4 bg-tc-gray rounded-md flex flex-col justify-center hover:bg-tc-black transition transition-fade duration-300 ease-in-out hover:text-tc-yellow"
>
<Icon class="w-full h-10 text-tc-black-l" name="mdi:github" />
<span class="w-full mt-2 text-center">Backend</span>
</div>
</div>
<!--Fase 1-->
<!--Fase 2-->
<div
class="flex flex-col mb-4 lg:mb-0 items-center bg-tc-black-l py-4 px-8 rounded-md w-full lg:w-1/4"
</a>
<a
href="https://github.com/Trycatch-tv/ValidadorBootcamp"
target="_blank"
class="w-3/12 ml-2"
>
<div class="text-tc-gray-l text-lg">Fase 1</div>
<div class="mt-2 mb-4">
<p class="text-justify text-xs text-tc-gray">
Pon a prueba todo lo que has aprendido en un proyecto desafiante
y realista.
</p>
<div
class="p-4 bg-tc-gray rounded-md flex flex-col justify-center hover:bg-tc-black transition transition-fade duration-300 ease-in-out hover:text-tc-yellow"
>
<Icon class="w-full h-10 text-tc-black-l" name="mdi:github" />
<span class="w-full mt-2 text-center">Frontend</span>
</div>
</div>
<!--Fase 2-->
</a>
</div>
</div>
</div>
Expand Down
8 changes: 6 additions & 2 deletions src/components/landing/intro/Intro.astro
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ const info = {
title: "Bienvenido Trycker",
subtitle: "Aprender haciendo 👨‍💻.",
description:
"👋 Hola! Soy Julián Luna, tengo más de 10 años de experiencia en el mundo tech. Actualmente trabajo como Sr. Engineer Lead en Rappi y hago parte del programa AWS Community Builder. Javascript, SoftSkills y la Arquitectura de Software son los temas que más me gustan. 🖥️ Comparto mis conocimientos y experiencias en Tik Tok y en Twitch.",
"👋 Hola! Soy Julián Luna, tengo más de 10 años de experiencia en el mundo tech. Hago parte del programa AWS Community Builder. Javascript, SoftSkills y la Arquitectura de Software son los temas que más me gustan. 🖥️ Comparto mis conocimientos y experiencias en Tik Tok y en Twitch.",
daughterName: "❤ Nikol Daniela",
ctas: [
{
Expand All @@ -31,7 +31,11 @@ const info = {
src={profile}
alt={info.altProfile}
/> -->
<image src={profile.src } alt={info.altProfile} class="w-64 h-64 rounded-full lg:w-72 lg:h-72"/>
<image
src={profile.src}
alt={info.altProfile}
class="w-64 h-64 rounded-full lg:w-72 lg:h-72"
/>
<div
class="flex flex-col items-center justify-center w-screen lg:w-4/6 p-8 lg:p-0"
>
Expand Down
Loading