diff --git a/.github/workflows/scheduler_spotify.yml b/.github/workflows/scheduler_spotify.yml deleted file mode 100644 index 9305990..0000000 --- a/.github/workflows/scheduler_spotify.yml +++ /dev/null @@ -1,25 +0,0 @@ -name: Get Lastest Podcast Episodes - -on: - schedule: - - cron: "30 20 * * SUN" # At 10:30pm GMT+2, only on Sundays - -jobs: - build: - runs-on: ubuntu-latest - - steps: - - uses: actions/checkout@v2 - - uses: actions/setup-node@v1 - with: - node-version: "14" - - run: npm install - - run: npm run generate:podcasts - env: - SPOTIFY_TOKEN: ${{ secrets.SPOTIFY_TOKEN }} - - run: | - git config user.name ${{ secrets.GIT_USER_NAME }} - git config user.email ${{ secrets.GIT_USER_EMAIL }} - git add data/latestPodcasts.json - git diff --quiet && git diff --staged --quiet || git commit -m "[:robot: BOT] Update latestPodcasts.json" - git push origin main diff --git a/components/Book.js b/components/Book.js deleted file mode 100644 index fbcff17..0000000 --- a/components/Book.js +++ /dev/null @@ -1,29 +0,0 @@ -import Image from "next/image"; -import styled from "@emotion/styled"; - -const StyledBookLink = styled.div` - display: none; - - @media screen and (min-width: 1024px) { - display: flex; - flex-direction: column; - justify-content: flex-end; - position: relative; - bottom: -30px; - cursor: pointer; - transition: bottom var(--chakra-transition-duration-slow) - var(--chakra-transition-easing-ease-in); - - &:hover { - bottom: -18px; - } - } -`; - -export const Book = ({ imageSrc }) => { - return ( - - - - ); -}; diff --git a/components/ButtonCTA.js b/components/ButtonCTA.js deleted file mode 100644 index 0c29d0e..0000000 --- a/components/ButtonCTA.js +++ /dev/null @@ -1,41 +0,0 @@ -import styled from "@emotion/styled"; - -import * as ga from "@/lib/ga"; - -const StyledButton = styled.div` - display: inline-block; - background-color: var(--chakra-colors-secondary-900); - color: var(--chakra-colors-white); - text-decoration: none; - text-align: center; - font-weight: var(--chakra-fontWeights-bold); - font-size: var(--chakra-fontSizes-xl); - font-family: var(--chakra-fonts-heading); - padding: var(--chakra-space-4) var(--chakra-space-8); - margin: var(--chakra-space-4) 0; - border-radius: var(--chakra-radii-2xl); - transition: background var(--chakra-transition-duration-slow) - var(--chakra-transition-easing-ease-in); - width: 100%; - cursor: pointer; - - &:hover { - color: var(--chakra-colors-black); - background-color: var(--chakra-colors-white); - } -`; - -export const ButtonCTA = ({ children }) => { - const clickCTA = () => { - ga.event({ - action: "view_item", - params: { event_label: "Click to YouTube Channel", value: 1 }, - }); - }; - - return ( - clickCTA()}> - {children} - - ); -}; diff --git a/components/CourseListItem.js b/components/CourseListItem.js index af29b12..0192a0d 100644 --- a/components/CourseListItem.js +++ b/components/CourseListItem.js @@ -2,9 +2,9 @@ import { Box, Heading } from "./elements"; export const CourseListItem = ({ title }) => { return ( - + - {title} + 🎓 {title} ); diff --git a/components/CustomImage.js b/components/CustomImage.js index 462cdd1..135d791 100644 --- a/components/CustomImage.js +++ b/components/CustomImage.js @@ -2,7 +2,7 @@ import { Box, Image } from "./elements"; export const CustomImage = (props) => { return ( - + ); diff --git a/components/Footer.js b/components/Footer.js index dac332c..ea1f282 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -1,15 +1,8 @@ import NextLink from "next/link"; import styled from "@emotion/styled"; - +import { SocialNetworks } from "./SocialNetworks"; import { Logo } from "./Logo"; -import { - IconTwitch, - IconYoutube, - IconInstagram, - IconTwitter, - IconGithub, - IconTiktok, -} from "./icons"; + import { Container, Flex, @@ -34,157 +27,16 @@ export const Footer = () => { - - - - - - - Carlos Azaustre - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - Páginas - - - - - RSS - - - - - Home - - - - - Mentoría - - - - - Sobre mí - - - - - Blog - - - -
- -
- - Recursos - - - - - Aprende JavaScript desde cero - - - - - - Curso de JavaScript Gratis - - - - Curso Node.js Gratis - - - - - Curso de Vue.js Gratis - - - - - Aprende Rust desde cero - - - -
- -
- - Legal - - - - - Política de Privacidad - - - - - Política de Cookies - - Mastodon - - -
+ © {new Date().getFullYear()} Carlos Azaustre | Made with 💻 in 🇪🇸 diff --git a/components/Header.js b/components/Header.js deleted file mode 100644 index bd2e44b..0000000 --- a/components/Header.js +++ /dev/null @@ -1,34 +0,0 @@ -import { Box, Flex, HStack, Link } from "./elements"; -import { IconTwitch, IconYoutube } from "./icons"; -import { Logo } from "./Logo"; -import { SectionLinks } from "./SectionLinks"; - -export const Header = () => { - return ( - - -

- -

- - - - - - - - - - - - ); -}; diff --git a/components/Hero.js b/components/Hero.js deleted file mode 100644 index fe8bc7b..0000000 --- a/components/Hero.js +++ /dev/null @@ -1,59 +0,0 @@ -import { Fragment } from "react"; -import Image from "next/image"; -import Link from "next/link"; - -import { Text, Box } from "./elements"; -import { ButtonCTA } from "./ButtonCTA"; - -export const Hero = () => { - return ( - - - Hola 👋🏼, soy - {" "} - - Carlos Azaustre - - - Desarrollador JavaScript con 10+ años de experiencia. - Actualmente formador y divulgador en tecnologías web a través de{" "} - YouTube, dónde ya somos más de 60,000! -
-
- Reconocido por Google como Developer Expert (GDE) en - Web, y Auth0 Ambassador. - - - ¡Quiero aprender JavaScript! - - - Google, IBM, Eventbrite. Chefly - - - ); -}; diff --git a/components/Layout.js b/components/Layout.js index f620d5f..adb92c8 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -1,51 +1,44 @@ import { Fragment } from "react"; import { Heading, Container, Flex, Box, Text, Stack } from "./elements"; -import { PageHeader } from "./PageHeader"; +import { SectionLinks } from "./SectionLinks"; import { Footer } from "./Footer"; import { PostMetadata } from "./PostMetadata"; import { Disqus } from "./Disqus"; -import { NewsletterFormCard } from "./cards/NewsletterFormCard"; -import { AboutCard } from "./cards/AboutCard"; +import { NewsletterFormCard } from "./NewsletterFormCard"; import { OpenGraph } from "./OpenGraph"; export const Layout = ({ children, metadata = {}, type = "post" }) => { - const width = type === "post" ? "65%" : "100%"; const isBlogTemplate = type === "post" && metadata.date; return ( - + - - + + - - + + {isBlogTemplate ? ( - + {metadata.title} ) : ( - + {metadata.title} )} -
{children}
+ + {children} + {isBlogTemplate && (
@@ -53,14 +46,8 @@ export const Layout = ({ children, metadata = {}, type = "post" }) => { )} {type === "post" && ( - + - )} diff --git a/components/LayoutLanding.js b/components/LayoutLanding.js index 1f7a942..6889c6a 100644 --- a/components/LayoutLanding.js +++ b/components/LayoutLanding.js @@ -2,7 +2,7 @@ import styled from "@emotion/styled"; import { Box, Container } from "./elements"; import { OpenGraph } from "./OpenGraph"; -import { PageHeader } from "./PageHeader"; +import { SectionLinks } from "./SectionLinks"; import { Footer } from "./Footer"; const Circle = styled.div` @@ -62,17 +62,21 @@ const StyledContent = styled.div` export const LayoutLanding = ({ children, metadata = {} }) => { return ( - + + + + {/* */} + {children} + {/* */} - - - - - {children} - - -