From 20e7ea7248905a0ff4ba56f839f57d5fdc5d4e1e Mon Sep 17 00:00:00 2001 From: Ryan S Date: Wed, 27 Dec 2023 13:22:06 -0300 Subject: [PATCH] feat: lazyload of images --- _includes/lazyload.html | 5 ++++ _layouts/default.html | 1 + _layouts/post.html | 2 +- _posts/2023-04-17-githubSSH-en.md | 18 +++++++-------- _posts/2023-04-17-githubSSH-pt-br.md | 18 +++++++-------- _posts/2023-08-19-timeManagementForDevs-en.md | 20 ++++++++-------- .../2023-08-19-timeManagementForDevs-pt-br.md | 20 ++++++++-------- assets/lazysizes.min.js | 3 +++ script.py | 23 +++++++++++++++++++ 9 files changed, 71 insertions(+), 39 deletions(-) create mode 100644 _includes/lazyload.html create mode 100644 assets/lazysizes.min.js create mode 100644 script.py diff --git a/_includes/lazyload.html b/_includes/lazyload.html new file mode 100644 index 0000000..126bf24 --- /dev/null +++ b/_includes/lazyload.html @@ -0,0 +1,5 @@ + + +{{include.image_alt}} \ No newline at end of file diff --git a/_layouts/default.html b/_layouts/default.html index 97b473f..e233c9f 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,6 +8,7 @@ {% seo %} + diff --git a/_layouts/post.html b/_layouts/post.html index 075efd9..b2359cd 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -14,7 +14,7 @@

{{ page.title }}

{{ page.description }}

- {{ page.imageAlt }} + {% include lazyload.html image_src=page.cover_image image_alt=page.imageAlt image_title=page.imageAlt %}

Conteúdo

{{ content }}

Voltar ao topo ⬆️

diff --git a/_posts/2023-04-17-githubSSH-en.md b/_posts/2023-04-17-githubSSH-en.md index 146adfb..b1c99fa 100644 --- a/_posts/2023-04-17-githubSSH-en.md +++ b/_posts/2023-04-17-githubSSH-en.md @@ -3,7 +3,7 @@ layout: post title: SSH key on github - Windows and Linux lang: en description: Step-by-step guide on how to generate and add an SSH key to GitHub for secure authentication to repositories. The article covers creating SSH keys using the ED25519 algorithm, offering detailed instructions for Linux and Windows users. Learn how to configure the SSH key on GitHub to facilitate operations such as push and pull without the need for repeated authentication. -cover_image: 'https://i.imgur.com/9GC9TvD.jpeg' +cover_image: 'https://i.imgur.com/9GC9TvD.png' canonical_url: 'https://ryan.dev.br/2023-04-17-githubSSH-en' imageAlt: 'A statue of an oktokat (github mascot) in the center, in the background a laptop with the main page of GitHub open.' tags: @@ -42,7 +42,7 @@ To generate an SSH key on Linux, you need to open the terminal and type the foll ssh-keygen -t ed25519 -C ``` -![ssh-keygen on linux](https://i.imgur.com/J56UKtq.png) +{% include lazyload.html image_src="https://i.imgur.com/J56UKtq.png" image_alt="ssh-keygen on linux" image_title="ssh-keygen on linux" %} After typing the command, you will be prompted to fill in some information, such as the key name and password. You can type any name as long as you don't forget it; in my case, I just pressed `enter` so that Git would automatically generate the key name and have no password. @@ -54,7 +54,7 @@ cat id_ed25519.pub and copy the key that appears on the screen. -![getting the key in linux](https://i.imgur.com/nT9OTKx.png) +{% include lazyload.html image_src="https://i.imgur.com/nT9OTKx.png" image_alt="getting the key in linux" image_title="getting the key in linux" %} Now you need to go to the GitHub settings page and add the key you just copied. @@ -62,7 +62,7 @@ here a shortcut for you to go directly to the GitHub SSH keys settings page: [SS here you should go to `New SSH key` and paste the key you copied earlier. -![paste key on github - linux](https://i.imgur.com/5L6KrD8.png) +{% include lazyload.html image_src="https://i.imgur.com/5L6KrD8.png" image_alt="paste key on github - linux" image_title="paste key on github - linux" %} By clicking on Add SSH key, you will add the SSH key to GitHub. @@ -74,7 +74,7 @@ ssh git@github.com if everything goes well, you will see a success message, and you can clone any repository you have access to; in my case, I cloned my own repository. -![Testing ssh key - linux](https://i.imgur.com/eDKiWUy.png) +{% include lazyload.html image_src="https://i.imgur.com/eDKiWUy.png" image_alt="Testing ssh key - linux" image_title="Testing ssh key - linux" %} ### Windows @@ -88,7 +88,7 @@ ssh-keygen -t ed25519 -C replace `` with your GitHub email. -![ssh-keygen on windows](https://i.imgur.com/bCSWptA.png) +{% include lazyload.html image_src="https://i.imgur.com/bCSWptA.png" image_alt="ssh-keygen on windows" image_title="ssh-keygen on windows" %} After typing the command, you will be prompted to fill in some information, such as the key name and password. You can type any name as long as you don't forget it; in my case, I just pressed `enter` so that Git would automatically generate the key name and have no password. @@ -100,13 +100,13 @@ type id_ed25519.pub and copy the key that appears on the screen. -![getting ssh key in windows](https://i.imgur.com/XdeXkT1.png) +{% include lazyload.html image_src="https://i.imgur.com/XdeXkT1.png" image_alt="getting ssh key in windows" image_title="getting ssh key in windows" %} Finally, now you need to go to the GitHub settings page and add the key you just copied. here a shortcut for you to go directly to the GitHub SSH keys settings page: [SSH Keys Settings Page](https://github.com/settings/keys) here you should go to `New SSH key` and paste the key you copied earlier. -![paste key on github - windows](https://i.imgur.com/fYitTGb.png) +{% include lazyload.html image_src="https://i.imgur.com/fYitTGb.png" image_alt="paste key on github - windows" image_title="paste key on github - windows" %} By clicking on Add SSH key, you will add the SSH key to GitHub. @@ -118,7 +118,7 @@ ssh git@github.com if everything goes well, you will see a success message, and you can clone any repository you have access to; in my case, I cloned my own repository. -![Testing ssh key - linux](https://i.imgur.com/OQaJNyj.png) +{% include lazyload.html image_src="https://i.imgur.com/OQaJNyj.png" image_alt="Testing ssh key - linux" image_title="Testing ssh key - linux" %} ## Conclusão diff --git a/_posts/2023-04-17-githubSSH-pt-br.md b/_posts/2023-04-17-githubSSH-pt-br.md index 4cb4041..3484dca 100644 --- a/_posts/2023-04-17-githubSSH-pt-br.md +++ b/_posts/2023-04-17-githubSSH-pt-br.md @@ -4,7 +4,7 @@ title: Chave SSH no github - Windows e Linux lang: pt-br published: true description: Guia passo a passo sobre como gerar e adicionar uma chave SSH ao GitHub para autenticação segura em repositórios. O artigo aborda a criação de chaves SSH usando o algoritmo ED25519, oferecendo instruções detalhadas para usuários Linux e Windows. Aprenda a configurar a chave SSH no GitHub para facilitar operações como push e pull sem a necessidade de autenticação repetida. -cover_image: 'https://i.imgur.com/9GC9TvD.jpeg' +cover_image: 'https://i.imgur.com/9GC9TvD.png' canonical_url: 'https://ryan.dev.br/2023-04-17-githubSSH-pt-br' devto_url: 'https://dev.to/ryrden/chave-ssh-no-github-windows-e-linux-3gj6' imageAlt: 'Uma estatueta de um oktokat (Mascote do github) ao centro, ao fundo um laptop com a página principal do GitHub aberta.' @@ -46,7 +46,7 @@ Para gerar uma chave SSH no Linux, você precisa abrir o terminal e digitar o se ssh-keygen -t ed25519 -C ``` -![ssh-keygen on linux](https://i.imgur.com/J56UKtq.png) +{% include lazyload.html image_src="https://i.imgur.com/J56UKtq.png" image_alt="ssh-keygen on linux" image_title="ssh-keygen on linux" %} Após digitar o comando, você vai ser solicitado a preencher alguns dados, como o nome da chave e a senha da chave. Você pode digitar o nome que quiser desde que não se esqueça dele, no meu caso, eu apenas apertei `enter` para que o git gerasse o nome da chave automaticamente e que a chave não tenha senha. @@ -58,7 +58,7 @@ cat id_ed25519.pub e copie a chave que aparecer na tela. -![getting the key in linux](https://i.imgur.com/nT9OTKx.png) +{% include lazyload.html image_src="https://i.imgur.com/nT9OTKx.png" image_alt="getting the key in linux" image_title="getting the key in linux" %} Agora você precisa ir até a página de configurações do github e adicionar a chave que você acabou de copiar. @@ -66,7 +66,7 @@ aqui um atalho para você ir direto para a página de configurações de chaves aqui você deve ir em `New SSH key` e cole a chave que você copiou anteriormente. -![paste key on github - linux](https://i.imgur.com/5L6KrD8.png) +{% include lazyload.html image_src="https://i.imgur.com/5L6KrD8.png" image_alt="paste key on github - linux" image_title="paste key on github - linux" %} Clicando em Add SSH key, você vai adicionar a chave SSH ao github. @@ -78,7 +78,7 @@ ssh git@github.com se tudo der certo, você vai ver uma mensagem de sucesso e você já pode fazer o clone de qualquer repositório que você tenha acesso, no meu caso eu fiz o clone do meu próprio repositório. -![Testing ssh key - linux](https://i.imgur.com/eDKiWUy.png) +{% include lazyload.html image_src="https://i.imgur.com/eDKiWUy.png" image_alt="Testing ssh key - linux" image_title="Testing ssh key - linux" %} ### Windows @@ -92,7 +92,7 @@ ssh-keygen -t ed25519 -C substitua `` pelo seu email do github. -![ssh-keygen on windows](https://i.imgur.com/bCSWptA.png) +{% include lazyload.html image_src="https://i.imgur.com/bCSWptA.png" image_alt="ssh-keygen on windows" image_title="ssh-keygen on windows" %} Após digitar o comando, você vai ser solicitado a preencher alguns dados, como o nome da chave e a senha da chave. Você pode digitar o nome que quiser desde que não se esqueça dele, no meu caso, eu apenas apertei `enter` para que o git gerasse o nome da chave automaticamente e que a chave não tenha senha. @@ -104,13 +104,13 @@ type id_ed25519.pub e copie a chave que aparecer na tela. -![getting ssh key in windows](https://i.imgur.com/XdeXkT1.png) +{% include lazyload.html image_src="https://i.imgur.com/XdeXkT1.png" image_alt="getting ssh key in windows" image_title="getting ssh key in windows" %} Enfim, agora você precisa ir até a página de configurações do github e adicionar a chave que você acabou de copiar. aqui um atalho para você ir direto para a página de configurações de chaves SSH do github: [Página de configurações de chaves SSH](https://github.com/settings/keys) aqui você deve ir em `New SSH key` e cole a chave que você copiou anteriormente. -![paste key on github - windows](https://i.imgur.com/fYitTGb.png) +{% include lazyload.html image_src="https://i.imgur.com/fYitTGb.png" image_alt="paste key on github - windows" image_title="paste key on github - windows" %} Clicando em Add SSH key, você vai adicionar a chave SSH ao github. @@ -122,7 +122,7 @@ ssh git@github.com se tudo der certo, você vai ver uma mensagem de sucesso e você já pode fazer o clone de qualquer repositório que você tenha acesso, no meu caso eu fiz o clone do meu próprio repositório. -![Testing ssh key - linux](https://i.imgur.com/OQaJNyj.png) +{% include lazyload.html image_src="https://i.imgur.com/OQaJNyj.png" image_alt="Testing ssh key - linux" image_title="Testing ssh key - linux" %} ## Conclusão diff --git a/_posts/2023-08-19-timeManagementForDevs-en.md b/_posts/2023-08-19-timeManagementForDevs-en.md index 40ec633..9510254 100644 --- a/_posts/2023-08-19-timeManagementForDevs-en.md +++ b/_posts/2023-08-19-timeManagementForDevs-en.md @@ -3,7 +3,7 @@ layout: post title: Time Management and Productivity for Developers lang: en description: This article provides an in-depth look at time management in the context of software development. It addresses the importance of mental, physiological and technical dimensions in productivity and presents techniques such as Weekly Planning, Pomodoro and Eisenhower Matrix. The focus is to provide practical methods for developers to improve time management and quality of work on technology projects. -cover_image: 'https://i.imgur.com/oCZcIby.jpg' +cover_image: 'https://i.imgur.com/oCZcIby.png' canonical_url: 'https://ryan.dev.br/2023-08-19-timeManagementForDevs-en' imageAlt: 'Woman with notebook on top of a giant calendar, in the background a stopwatch and next to the calendar there is a plant' tags: @@ -57,7 +57,7 @@ Devemos entender o valor do tempo e estar motivado para aproveitá-lo da melhor A dimensão fisiológica diz respeito ao nosso corpo e aos seus limites. Como tudo na vida, temos um ponto ótimo de produtividade, que é o ponto em que conseguimos realizar as tarefas com eficiência e qualidade. Se ultrapassarmos esse ponto, podemos acabar prejudicando nossa saúde física e mental. -![Ponto ótimo de produtividade](https://i.imgur.com/Eou40sx.png) +{% include lazyload.html image_src="https://i.imgur.com/Eou40sx.png" image_alt="Ponto ótimo de produtividade" image_title="Ponto ótimo de produtividade" %} Para garantir que seu corpor sempre vai estar em potencial de estar próximo do ponto ótimo de produtividade, existem 3 mecanismos para tomar maior cuidado: @@ -67,7 +67,7 @@ Para garantir que seu corpor sempre vai estar em potencial de estar próximo do **Estresse x Relaxamento:** Tudo é dinâmico e o corpo não é diferente, você precisa de momentos de relaxamento para que seu corpo possa se recuperar do estresse causado pelas atividades do dia a dia. É quase que uma gamgorra onde ao estressar muito seu corpo mentalmente se faz necessário um estresse físico para que seu corpo possa se recuperar, por isso a importância de fazer exercícios físicos. -![Estresse x relaxamento](https://i.imgur.com/QY2ShP7.png) +{% include lazyload.html image_src="https://i.imgur.com/QY2ShP7.png" image_alt="Estresse x relaxamento" image_title="Estresse x relaxamento" %} ### Dimensão Técnica @@ -81,13 +81,13 @@ Existem diversas técnicas que podem ser aplicadas na gestão do tempo. Algumas O planejamento semanal é uma das técnicas mais simples e eficazes para gerenciar o tempo. A ideia é fazer um planejamento das atividades que serão realizadas durante a semana, definindo quais tarefas serão realizadas em cada dia da semana. -![Planejamento semanal](https://i.imgur.com/2hV4fq6.png) +{% include lazyload.html image_src="https://i.imgur.com/2hV4fq6.png" image_alt="Planejamento semanal" image_title="Planejamento semanal" %} É importante ressaltar que o planejamento semanal não deve ser muito detalhado, pois isso pode causar ansiedade e estresse. O ideal é definir apenas as atividades mais importantes e deixar o restante para ser definido no dia a dia. além disso, há um grande perigo de cair na **Falácia do Planejamento**. **Falácia do Planejamento:** A falácia do planejamento é um fenômeno que ocorre quando as pessoas superestimam sua capacidade de realizar tarefas em um determinado período de tempo. Para evitar essa armadilha, é importante ser realista e considerar imprevistos que possam surgir durante o dia. Por isso, é importante deixar um tempo livre para imprevistos e atividades não planejadas no planejamento semanal. -![Fálacia do planejamento](https://i.imgur.com/1jvwGFd.png) +{% include lazyload.html image_src="https://i.imgur.com/1jvwGFd.png" image_alt="Fálacia do planejamento" image_title="Fálacia do planejamento" %} ### Planejamento por Objetivos @@ -99,7 +99,7 @@ Criar objetivos e metas é importante para manter o foco e a concentração nas ### Pomodoro -![Pomodoro](https://i.imgur.com/myYE6BT.png) +{% include lazyload.html image_src="https://i.imgur.com/myYE6BT.png" image_alt="Pomodoro" image_title="Pomodoro" %} Provavelmente a técnica mais conhecida quando o assunto é gestão de tempo, o Pomodoro é uma técnica simples e eficaz para aumentar a produtividade e a eficiência nas tarefas realizadas. A ideia é dividir o tempo em blocos de 25 minutos, separados por intervalos de 5 minutos. Durante cada bloco de tempo, o objetivo é focar em uma única tarefa e evitar distrações. @@ -111,7 +111,7 @@ O Pomodoro ajuda a evitar essas distrações, pois o desenvolvedor sabe que ter Há 4 principios seguidos pela técnica Pomodoro que fazem com que ela funcione: -![Pomodoro](https://i.imgur.com/PGfVFnk.png) +{% include lazyload.html image_src="https://i.imgur.com/PGfVFnk.png" image_alt="Pomodoro" image_title="Pomodoro" %} **Estresse x Relaxamento:** Respeitando a dimensão fisiológica da gestão de tempo, ao encontrar um tempo bom ao qual você consegue manter o foco e a concentração, você consegue trabalhar de forma mais eficiente e produtiva. O tempo de 25 minutos é um tempo bom para a maioria das pessoas, mas você pode testar outros tempos e ver qual funciona melhor para você. @@ -125,17 +125,17 @@ Além destes 4 principios, há duas teorias que explicam o porquê de o Pomodoro **Lei de Parkinson:** "O trabalho se expande de modo a preencher o tempo disponível para a sua realização". Ao estipular um tempo para realizar uma tarefa, seu cerebro inconscientemente vai se esforçar para realizar a tarefa dentro do tempo estipulado. Quantas tarefas em sua vida você sabe que faz em minutos mas não a faz por que não existe prazo para ela? Agora reflita sobre quantas tarefas que pareciam muito complexas e que você achava que levaria horas para realizar, mas que você conseguiu realizar antes do tempo estipulado simplesmente por que você tinha um prazo para ela. -![Lei de Parkisson](https://i.imgur.com/v9cTGVv.png) +{% include lazyload.html image_src="https://i.imgur.com/v9cTGVv.png" image_alt="Lei de Parkisson" image_title="Lei de Parkisson" %} **Princípio de Pareto:** "80% dos seus resultados só dependem de 20% do seu esforço". Para entender esse princípio aplicado ao pomodoro, vamos supor que temos uma prova para ser feita em um dia x (prazo), você sabe que tem 5 dias para estudar para essa prova, você sabe que estudar um pouco do conteúdo da prova todos os dias até o dia da prova (20% do conteúdo por dia durante 5 dias) é muito mais eficiente do que estudar todo o conteúdo da prova no dia anterior a prova. Isso acontece por que o seu cerebro vai estar trabalhando no problema durante os 5 dias, mesmo que você não esteja estudando, e quando você for para a ação, você vai estar mais preparado para resolver o problema. Agora na perspectiva pomodoro isso se aplica com os lotes 25min de pomodoros, ao dividir a tarefa você se esforça menos e obtêm mais resultados. -![Princípio de Pareto](https://i.imgur.com/9tUAcAz.png) +{% include lazyload.html image_src="https://i.imgur.com/9tUAcAz.png" image_alt="Princípio de Pareto" image_title="Princípio de Pareto" %} ### Matriz de Eisenhower Quando estiver tudo um caos e você não souber por onde começar, a Matriz de Eisenhower pode te ajudar a priorizar as tarefas e organizar o seu dia. A ideia é dividir as tarefas em 4 quadrantes, de acordo com a importância e urgência de cada tarefa. -![Matriz de Eisenhower](https://i.imgur.com/1dLZK6G.png) +{% include lazyload.html image_src="https://i.imgur.com/1dLZK6G.png" image_alt="Matriz de Eisenhower" image_title="Matriz de Eisenhower" %} - **Importante e Urgente:** Tarefas que precisam ser realizadas imediatamente. - **Importante e Não Urgente:** Tarefas que precisam ser realizadas, mas não precisam ser realizadas imediatamente. diff --git a/_posts/2023-08-19-timeManagementForDevs-pt-br.md b/_posts/2023-08-19-timeManagementForDevs-pt-br.md index ea5ca41..3f5a305 100644 --- a/_posts/2023-08-19-timeManagementForDevs-pt-br.md +++ b/_posts/2023-08-19-timeManagementForDevs-pt-br.md @@ -5,7 +5,7 @@ title: Gestão de tempo e produtividade para Devs lang: pt-br published: true description: Este artigo oferece uma visão detalhada sobre gerenciamento de tempo no contexto do desenvolvimento de software. Aborda a importância das dimensões mental, fisiológica e técnica na produtividade e apresenta técnicas como Planejamento Semanal, Pomodoro e Matriz de Eisenhower. O foco é fornecer métodos práticos para desenvolvedores aprimorarem a gestão do tempo e a qualidade do trabalho em projetos de tecnologia. -cover_image: 'https://i.imgur.com/oCZcIby.jpg' +cover_image: 'https://i.imgur.com/oCZcIby.png' canonical_url: 'https://ryan.dev.br/2023-08-19-timeManagementForDevs-pt-br' devto_url: 'https://dev.to/ryrden/gestao-de-tempo-e-produtividade-para-devs-2h85' tabnews_url: 'https://www.tabnews.com.br/ryrden/gestao-de-tempo-e-produtividade-para-devs' @@ -63,7 +63,7 @@ Devemos entender o valor do tempo e estar motivado para aproveitá-lo da melhor A dimensão fisiológica diz respeito ao nosso corpo e aos seus limites. Como tudo na vida, temos um ponto ótimo de produtividade, que é o ponto em que conseguimos realizar as tarefas com eficiência e qualidade. Se ultrapassarmos esse ponto, podemos acabar prejudicando nossa saúde física e mental. -![Ponto ótimo de produtividade](https://i.imgur.com/Eou40sx.png) +{% include lazyload.html image_src="https://i.imgur.com/Eou40sx.png" image_alt="Ponto ótimo de produtividade" image_title="Ponto ótimo de produtividade" %} Para garantir que seu corpor sempre vai estar em potencial de estar próximo do ponto ótimo de produtividade, existem 3 mecanismos para tomar maior cuidado: @@ -73,7 +73,7 @@ Para garantir que seu corpor sempre vai estar em potencial de estar próximo do **Estresse x Relaxamento:** Tudo é dinâmico e o corpo não é diferente, você precisa de momentos de relaxamento para que seu corpo possa se recuperar do estresse causado pelas atividades do dia a dia. É quase que uma gamgorra onde ao estressar muito seu corpo mentalmente se faz necessário um estresse físico para que seu corpo possa se recuperar, por isso a importância de fazer exercícios físicos. -![Estresse x relaxamento](https://i.imgur.com/QY2ShP7.png) +{% include lazyload.html image_src="https://i.imgur.com/QY2ShP7.png" image_alt="Estresse x relaxamento" image_title="Estresse x relaxamento" %} ### Dimensão Técnica @@ -87,13 +87,13 @@ Existem diversas técnicas que podem ser aplicadas na gestão do tempo. Algumas O planejamento semanal é uma das técnicas mais simples e eficazes para gerenciar o tempo. A ideia é fazer um planejamento das atividades que serão realizadas durante a semana, definindo quais tarefas serão realizadas em cada dia da semana. -![Planejamento semanal](https://i.imgur.com/2hV4fq6.png) +{% include lazyload.html image_src="https://i.imgur.com/2hV4fq6.png" image_alt="Planejamento semanal" image_title="Planejamento semanal" %} É importante ressaltar que o planejamento semanal não deve ser muito detalhado, pois isso pode causar ansiedade e estresse. O ideal é definir apenas as atividades mais importantes e deixar o restante para ser definido no dia a dia. além disso, há um grande perigo de cair na **Falácia do Planejamento**. **Falácia do Planejamento:** A falácia do planejamento é um fenômeno que ocorre quando as pessoas superestimam sua capacidade de realizar tarefas em um determinado período de tempo. Para evitar essa armadilha, é importante ser realista e considerar imprevistos que possam surgir durante o dia. Por isso, é importante deixar um tempo livre para imprevistos e atividades não planejadas no planejamento semanal. -![Fálacia do planejamento](https://i.imgur.com/1jvwGFd.png) +{% include lazyload.html image_src="https://i.imgur.com/1jvwGFd.png" image_alt="Fálacia do planejamento" image_title="Fálacia do planejamento" %} ### Planejamento por Objetivos @@ -105,7 +105,7 @@ Criar objetivos e metas é importante para manter o foco e a concentração nas ### Pomodoro -![Pomodoro](https://i.imgur.com/myYE6BT.png) +{% include lazyload.html image_src="https://i.imgur.com/myYE6BT.png" image_alt="Pomodoro" image_title="Pomodoro" %} Provavelmente a técnica mais conhecida quando o assunto é gestão de tempo, o Pomodoro é uma técnica simples e eficaz para aumentar a produtividade e a eficiência nas tarefas realizadas. A ideia é dividir o tempo em blocos de 25 minutos, separados por intervalos de 5 minutos. Durante cada bloco de tempo, o objetivo é focar em uma única tarefa e evitar distrações. @@ -117,7 +117,7 @@ O Pomodoro ajuda a evitar essas distrações, pois o desenvolvedor sabe que ter Há 4 principios seguidos pela técnica Pomodoro que fazem com que ela funcione: -![Pomodoro](https://i.imgur.com/PGfVFnk.png) +{% include lazyload.html image_src="https://i.imgur.com/PGfVFnk.png" image_alt="Pomodoro" image_title="Pomodoro" %} **Estresse x Relaxamento:** Respeitando a dimensão fisiológica da gestão de tempo, ao encontrar um tempo bom ao qual você consegue manter o foco e a concentração, você consegue trabalhar de forma mais eficiente e produtiva. O tempo de 25 minutos é um tempo bom para a maioria das pessoas, mas você pode testar outros tempos e ver qual funciona melhor para você. @@ -131,17 +131,17 @@ Além destes 4 principios, há duas teorias que explicam o porquê de o Pomodoro **Lei de Parkinson:** "O trabalho se expande de modo a preencher o tempo disponível para a sua realização". Ao estipular um tempo para realizar uma tarefa, seu cerebro inconscientemente vai se esforçar para realizar a tarefa dentro do tempo estipulado. Quantas tarefas em sua vida você sabe que faz em minutos mas não a faz por que não existe prazo para ela? Agora reflita sobre quantas tarefas que pareciam muito complexas e que você achava que levaria horas para realizar, mas que você conseguiu realizar antes do tempo estipulado simplesmente por que você tinha um prazo para ela. -![Lei de Parkisson](https://i.imgur.com/v9cTGVv.png) +{% include lazyload.html image_src="https://i.imgur.com/v9cTGVv.png" image_alt="Lei de Parkisson" image_title="Lei de Parkisson" %} **Princípio de Pareto:** "80% dos seus resultados só dependem de 20% do seu esforço". Para entender esse princípio aplicado ao pomodoro, vamos supor que temos uma prova para ser feita em um dia x (prazo), você sabe que tem 5 dias para estudar para essa prova, você sabe que estudar um pouco do conteúdo da prova todos os dias até o dia da prova (20% do conteúdo por dia durante 5 dias) é muito mais eficiente do que estudar todo o conteúdo da prova no dia anterior a prova. Isso acontece por que o seu cerebro vai estar trabalhando no problema durante os 5 dias, mesmo que você não esteja estudando, e quando você for para a ação, você vai estar mais preparado para resolver o problema. Agora na perspectiva pomodoro isso se aplica com os lotes 25min de pomodoros, ao dividir a tarefa você se esforça menos e obtêm mais resultados. -![Princípio de Pareto](https://i.imgur.com/9tUAcAz.png) +{% include lazyload.html image_src="https://i.imgur.com/9tUAcAz.png" image_alt="Princípio de Pareto" image_title="Princípio de Pareto" %} ### Matriz de Eisenhower Quando estiver tudo um caos e você não souber por onde começar, a Matriz de Eisenhower pode te ajudar a priorizar as tarefas e organizar o seu dia. A ideia é dividir as tarefas em 4 quadrantes, de acordo com a importância e urgência de cada tarefa. -![Matriz de Eisenhower](https://i.imgur.com/1dLZK6G.png) +{% include lazyload.html image_src="https://i.imgur.com/1dLZK6G.png" image_alt="Matriz de Eisenhower" image_title="Matriz de Eisenhower" %} - **Importante e Urgente:** Tarefas que precisam ser realizadas imediatamente. - **Importante e Não Urgente:** Tarefas que precisam ser realizadas, mas não precisam ser realizadas imediatamente. diff --git a/assets/lazysizes.min.js b/assets/lazysizes.min.js new file mode 100644 index 0000000..35b726a --- /dev/null +++ b/assets/lazysizes.min.js @@ -0,0 +1,3 @@ +/*! lazysizes - v5.3.2 */ + +!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&pa.top-1&&g500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n