Ícone: TempoMeu site com o passar do tempo


É incrível a quantidade de vezes que esse site passa por melhorias técnicas que são quase imperceptíveis para a maioria dos usuários. Isso por si só já é o suficiente para me sentir um Steve Jobs da vida, preocupado com os mínimos detalhes, coisa e tal. Pensando nisso, decidi criar um registro com todas as mudanças que costumo fazer primeiro aqui e replicar em meus outros sites pois, se algo der errado, poucas pessoas notariam.

Esse registro é muito comum em atualizações de softwares (como o Chrome e Firefox) porém a inspiração veio mesmo dos excelentes sites da Vox Media (como o The Verge e Polygon) que mantém em suas páginas todas as mudanças que eles aplicam em seus sites.

Talvez essa página seja desinteressante para a maioria dos usuários, mas se você trabalha com HTML e CSS ou simplesmente é um curioso que por algum motivo decidiu dar uma espiadinha no código fonte do site para ver como algo funcionava, isso pode lhe interessar. =D


Versão 6.4 (04/2020)

  • São tantas emoções
    Agora posso registrar a emoção que senti em determinado evento com um emoji. A intenção é criar filtros no futuro baseado nisso.
  • Mais privacidade
    Infelizmente agora os eventos do overshare e dos registros mensais e anuais em ordem cronológica só estão disponíveis para usuários logados.
  • Mudei o ícone das lives
    Passei a usar a marca da Twitch, já que as lives são lá, ficou bem melhor.
  • Nova atividade: Outage
    Depois de passar mais de 5 horas sem energia elétrica pela segunda vez esse mês, decidi criar uma atividade para monitorar a queda de eletricidade e outros serviços como a internet.

Versão 6.3 (03/2020)

  • Reorganização das tralhas
    Agora as tralhas mostram todas as coisas que comprei ao invés de apenas uma seleção delas.
  • Nova seção: PC
    Com a mudança da seção das coisas, fiz uma exclusivamente para os componentes e periféricos do meu PC.
  • Melhorias no CSS
    Coloquei sublinhado quando se passa o mouse em links do meta para lembrar os usuários que eles podem ser clicados e mudei a posição das estrelas em algumas seções para fazer um teste pois acho que elas ficam melhores na esquerda na versão mobile do site.
  • Nova atividade: remédios
    Passarei a catalogar as vezes em que tomei remédio para ter um controle melhor não só dos sintomas, mas como dos remédios que tomei para melhorá-los.
  • Lista de amigos
    Vi que a barrinha tinha mudado de cor (por conta da seção de internet) e resolvi fazer melhorias em como ela é exibida em mobile tal como limitar o tamanho dela para o futuro.
  • Nova atividade: faxinas
    Passarei a catalogar as vezes que limpo minhas coisas tipo frankito, o armário e o filtro do ar condicionado.
  • Nova atividade: Presentes
    Passarei a catalogar os presentes que distribuo para meus amigos. Ah, e a imagem base de todo o site chegou no limite de ícones de atividade, provavelmente terei bastante trabalho para adicionar outra atividade. =P
  • Jogatinas na seção de videogames
    Com o COVID-19, voltei a jogar online com meus amigos, agora o gráfico da página também mostrará essas jogatinas além das lives que costumo fazer na twitch

Versão 6.2 (02/2020)

  • Limitando número de fotos no álbum
    Agora a seção de fotos exibe apenas as 30 fotos mais recentes para usuários deslogados. Com isso pretendo diminuir minha exposição e evitar certos estresses que meu passado podem ocasionar a outras pessoas.
  • Cabeça e Favicon
    Alterei o favicon e marca do site pois o busto que aparecia não tem nada a ver com o meu. Então decidi usar meu rosto meio acizentado para combinar com os outros ícones do menu mesmo. =D
  • Nova seção: Energia
    Em minhas perambuladas pela internet, descobri que dá pra converter gasolina, caloria e kWh em joules e resolvi criar a seção energética do site. =D
  • Notas de rodapé
    Com a nova seção de energia, resolvi criar notas de rodapé para os números e gráficos que necessitam de mais informação, fazerem sentido para outras pessoas além de mim.
  • Nova seção: Transportes
    Na verdade essa seção já existe há algum tempo, mas só agora decidi por no log já que finalmente fiquei feliz com as marcações usadas nela.
  • Nova seção: Vinhos
    Assim como as cervejas, decidi também passar a monitorar as marcas de vinho que tomo, assim como melhorei a marcação de quantas taças bebo para poder tirar a seção de vinhos do papel.
  • Melhorado: Tempo das pedaladas
    Ao invés de arredondar os minutos devido a limitações técnicas minhas, descobri um jeito de calcular tempo no formato HH:MM:SS para funcionar no chart.js e agora o tempo das pedaladas é exato.

Versão 5.4 (04/2019)

  • Nova seção: Fotos
    Deixei a preguiça de lado e fiz uma página que reúne apenas os registros que fiz em meu diário que contenham uma foto ou imagem. O resultado ficou bem legal, praticamente meu verdadeiro instagram. =]
  • Nova atividade: Sono
    Com a aquisição do Fitbit, agora posso monitorar as horas que durmo todos os dias. Ainda tô testando a implementação já que possivelmente poluirá o catálogo de registros só com noites dormidas.
  • Frequência Cardíaca
    Também por causa do Fitbit, agora posso monitorar os batimentos por minuto do meu coração nas atividades físicas, criei o campo para mostrar os resultados.
  • Reorganização do ACF
    Reorganizei os campos customizados no WordPress e agora eles só aparecem se forem relevantes para a atividade que estou registrando. Muito mais fácil de preencher tudo necessário e não esquecer nada.

Versão 5.3 (03/2019)

  • Nova atividade: Corrida
    Agora que voltei a correr, resolvi registrar minhas atividades aqui e envolveu muito javascript pra transformar tempos em segundos e tal. Vamos aguardar pra ver se consigo implementar na página exclusiva só para corridas.
  • Reticências…
    Agora quando eu divago demais, reticências aparecem no fim da frase pro usuário saber que Cab falou demais e não tá vendo tudo que escrevi.
  • Espaçamento
    Com as reticências, descobri um jeito de cortar as frases sem que elas fossem escondidas embaixo da div, desse jeito pude aumentar altura e agora os emojis que uso não aparecem cortados.
  • Calorias
    Vou passar a registrar o número de calorias que o runkeeper diz que uso nas atividades (embora não pareça tão preciso).
  • Chuva
    Depois da tempestade tropical que enfrentei em uma das corridas, decidi monitorar quando chove nos registros. No futuro talvez expanda para outras situações climáticas.

Versão 4.11 (11/2018)

  • Média pontilhada
    Os gráficos da seção das cervejas e de finanças ganharam uma média para ficar mais fácil de identificar se bebi e gastei mais dinheiro do que deveria mês a mês. Também corrigi um erro com a data de fevereiro por conta da função strtotime.
  • Cervejaria
    Aproveitei as mudanças na cervejaria para reescrever o texto da seção. Não tá legal mas pelo menos não é mais uma colcha de retalhos que nem o antigo. =P

Versão 4.10 (10/2018)

  • Busca na versão mobile
    Por conta do espaço, nunca tinha me dado ao trabalho de por a busca na versão mobile do site, mas com as recentes mudanças no CSS pude implementá-la.

Versão 4.9 (09/2018)

  • JavaScript < CSS
    Consegui fazer um menu hambúrguer usando apenas CSS, livrando assim a homepage do jQuery. =]

Versão 4.8 (08/2018)

  • ChartJS 2.7
    Atualizei a versão do ChartJS do site e tive que mudar o padding em toda as páginas com gráficos, talvez role problemas de incompatibilidade com a fonte. Checar em outros navegadores.
  • Novos gráficos
    Adicionei o tempo que passei navegando na internet e atualizei o gráfico de finanças para exibir apenas os últimos 9 meses e a média histórica. Pensando em aplicar a média histórica em outros gráficos.

Versão 4.5 (05/2018)

  • Catamaran
    Por algum motivo a Varela em negrito passou a aparecer bem cagada no Chrome no Windows, resolvi mudar todos os textos do site para a fonte Catamaran e gostei do resultado. =)

Versão 4.4 (04/2018)

  • Runkeeper
    Novo campo adicionado para exibir o mapa dos dados colhidos pelo Runkeeper nas pedaladas.

Versão 4.3 (03/2018)

  • Novo menu
    Pequenas mudanças foram feitas na barra de busca do menu para comportar ícones de mais categorias.
  • Litros de cerveja
    Resolvi ter uma ideia geral de quantos litros de cerveja bebo por mês e passei a anotar uma estimativa de quanto bebi em cada saída.
  • Espaçamento
    Dei mais espaço pro texto respirar, agora os parágrafos tem 30 pixels de distância. A leitura ficou mais agradável. =)

Versão 3.12 (12/2017)

  • Variação
    Agora alguns registros no diário apresentarão uma seta para indicar se o valor aumentou ou diminuiu de acordo com o registro anterior.
  • Arquivos por data
    Criei arquivos melhorados para quando quiser viajar no tempo e ver o registro de arquivos mensais e anuais. A intenção é continuar desenvolvendo essa seção para criar um calendário e um arquivo diário.

Versão 3.4 (04/2017)

  • Novo fundo
    Aposentei o céu azul e coloquei um fundo cinza no site (minha cor preferida). Com a descoberta do degradê em CSS, ainda pude manter a cabilândia no rodapé. Achei simplesmente lindo.
  • Filantropia
    Embora ambas lidem com dinheiro, dividi a parte de doações da parte de finanças para assim focar melhor no que cada página tratará. Bastante feliz com o resultado.
  • Numerologia
    Fiz pequenas mudanças no CSS da numerologia na página principal para exibir melhor os valores em telefones.
  • Lista de Amigos
    Agora a lista apresenta uma barra de pontos ao invés de números e um avatar com a foto mais engraçada da pessoa que eu possuo. Ficou demais!

Versão 3.3 (03/2017)

  • Internet
    Com a extensão aprovada, já deixei pronta a seção com meus dados de internet para estrear mês que vem. =D
  • Currículo recriado
    Mudei o ícone da parte de currículo, um avatar de gravata faz mais sentido do que um foguinho. Também apaguei os valores de 0 a 100 das perícias deixando apenas os anos de experiência, já que antes não fazia lá muito sentido.
  • Vou de táxi?
    Agora posso marcar se fui de uber, jabú ou belota nos check ins. O objetivo é criar uma seção de transportes no futuro próximo. =D
  • ChartJS 2.5
    Instalei a versão nova do chartJS e travei uma verdadeira batalha para exibí-lo corretamente (que foi vencida com uma gambiarra de primeira =D).
  • Finanças
    Agora tenho uma seção no site onde monitorarei todo o dinheiro que gasto ao longo do tempo. =D
  • Seriados
    A seção foi reformulada para mostrar qual episódio parei ao invés da temporada.
  • Topper
    Agora os jogos também são listados na seção topper dos tops.

Versão 2.11 (11/2016)

  • Chart JS
    Instalei a versão 2.4 do ChartJS. Apesar de quase o dobro do peso, acredito que melhorará a compatibilidade com outro script que pretendo instalar no futuro.
  • Menu completo
    Reformulei todo o menu, agora seções que antes eram escondidas no meio do diário ou dos textos do site podem ser acessado de qualquer lugar do site através da barra de navegação do topo.
  • Posicionamento dos ícones e títulos
    Aposentei o cabeçudinho que aparecia ao lado do meu nome na barra principal para dar lugar ao ícone relacionado a seção que o usuário esteja navegando no momento.

Versão 2.5 (05/2016)

  • Nova fonte
    Me apaixonei pela Varela Round e apliquei ela em boa parte do site. Apenas os textos continuam sendo a boa e velha Open Sans.
  • Novo Mapa do Maroto
    O mapa do Maroto foi atualizado e agora a página de locais mostra o mapinha, quantas vezes visitei o local, além da quantidade de dinheiro que já gastei lá e minha avaliação do local. Ficou bem bacana.
  • Voltar ao topo
    O botão para voltar ao topo e facilitar a navegação em aparelhos móveis finalmente foi adicionado.
  • Mudanças profundas no código do site
    Várias mudanças foram feitas no código do site no WordPress, além do CSS e sprite de imagens do site.

Versão 2.2 (02/2016)

  • Easter egg
    Uma interação escondida foi adicionada ao site. Bem besta, eu sei, mas me diverti pacas colocando ela no site. =D
  • Correções no CSS
    Pequenas melhorias foram feitas no CSS do site para que ele apareça um pouco melhor em aparelhos móveis.
  • Estatísticas futebolísticas e ciclísticas
    Seções totalmente dedicadas a monitorar minhas atividades futebolísticas e pedaladas foram criadas. Rumo aos 1.000 gols e aos 10.000km pedalados!
  • Chave pública (PGP)
    Entrei nessa onda de PGP, criei uma chave pra mim e coloquei na página de contato para caso algum noiado (ou nerd com tempo livre) queira me enviar uma mensagem criptografada.
  • Novo menu
    Alterei os ícones e opções do menu principal do site. Agora a seção de Momentos é Diário e o antigo Diário tornou-se Posts. Quem sabe assim eu volte a escrever a respeito de outras coisas aqui no site pessoal. =)
  • Let’s Encrypt
    Agora o certificado de segurança do site é do let’s encrypt configurado para atualizar automaticamente. Dedinhos cruzados pra ver se tudo ocorrerá bem. ^_^
  • MariaDB
    Segui a modinha e mudei o banco de dados do site do MySQL para o MariaDB. Tudo correu tão sem problemas que desconfio que não tenha feito de maneira correta. =P
  • Alterações no Cache
    Troquei o cache do fastCGI pelo plugin WP Super Cache por ser mais fácil de zerar o cache em caso de necessidade.

Versão 1.10 (10/2015)

  • Mapa do Maroto v2
    Com a criação dos momentos, passei a fazer check ins em meu próprio site ao invés do swarm, com isso tive que atualizar o mapa para adicionar os novos locais. Possibilidades interessantes surgiram que a mão da nerdeza chega treme, espere por novidades legais por aqui. =D
  • Menu alterado
    Uma pequena alteração no menu do site para destacar seções mais profissionais e atualizadas com mais frequência. Com isso a seção de fotos e vídeos foram realocadas dentro do diário.
  • Momentos
    A seção de overshare agora passa a se chamar “momentos”. Obrigado ao Twitter por criar essa aba em seu aplicativo e ter me iluminado com um nome muito melhor que overshare.

Versão 1.9 (09/2015)

  • Numerologia
    Com a criação do overshare, decidi remover minha linha de vida da homepage e adicionar números rápidos sobre meus dias de vida, pedaladas, livros que li e sites que ajudei a produzir. Bem feliz com o resultado e ansioso pelas possibilidades que a nova seção abriu! =D

Versão 1.8 (08/2015)

  • Projeto overshare
    Criei uma nova seção chamada overshare onde pretendo registrar minha vida ao invés de usar apps de terceiros para isso. Ainda falta importar o conteúdo de tais apps mas estou bastante animado com a nova seção! =)
  • Novo lar
    Mudei todos os meus sites de servidor e agora estou pagando metade do que pagava antes num servidor compartilhado. Até agora tudo excelente, só o tempo dirá se ele aguentará o tranco.

Versão 1.7 (07/2015)

  • Estatizando o site
    Não, eu não vendi ele pro governo, o que fiz foi modificar um plugin e passar a enviar as páginas do WordPress em html puro para o servidor via FTP. Isso deixou o site extremamente rápido! Perco um pouco na agilidade de modificar as coisas mas esse site mal é atualizado mesmo. (Não mais necessário depois que mudei o site para um VPS da DigitalOcean).
  • Projeto verão
    Utilizei o excelente Kraken para otimizar as imagens de fundo do site. Isso fez com que o site agora tenha 100kb a menos em imagens com só um pouquinho de perda em qualidade o que é algo bem impressionante! O seu plano de dados agradece.

Versão 1 (04/2014)

  • Adeus Apache, bem vindo Nginx
    Depois de pegar confiança em mexer nas coisas pelo SSH, segui várias recomendações e mudei do Apache para o Nginx. A 1ª mudança notável foi o uso de memória que caiu de 34% para 26%! Próximo passo é instalar o varnish.
  • Mudança de CMS
    Sempre utilizei o MovableType mas agora ele passou a ser pago o que me obrigou a mudar para o WordPress. Agora sinto como se tivesse perdido tempo por não ter feito essa mudança antes. WordPress é ♥.
  • Mudança de hospedagem
    A mudança mais significativa que fiz foi ter saído de uma hospedagem compartilhada na DreamHost e criado um VPS na DigitalOcean. A diferença de performance é impressionante. Provavelmente um destino a ser seguido pelos meus outros sites.
  • Compra do domínio pedro.cab
    Embora meio caro ($30 dólares/ano), era meio que praticamente uma questão de honra comprar esse domínio, então fiz isso assim que ele ficou disponível e utilizarei como meu site pessoal no lugar do cabecao.org.