Meu site com o passar do tempo
Meu 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 8.1 (01/2022)
- Nova tag: Máscara
Criei uma tag para marcar os locais que fui de PFF2 desde o começo da pandemia. Agora finalmente criei o aspecto gráfico que aparece na listagem de atividades. Ficou mais legal do que imaginei.
- Melhorias na retrospectiva
Aproveitei que o ano acabou e que colhi muito mais dados e passei a mostrar mais números nas páginas das retrospectivas anuais. Pretendo aumentar ainda mais a transparência de dados lá.
Versão 7.7 (07/2021)
- Novo servidor: Linode
Como não consegui mais atualizar o ubuntu no VPS da Cabilandia na DigitalOcean, decidi por testar a tão falada Linode. Até agora a migração correu sem nenhum problema e não notei muita diferença em relação a velocidade.
- Choveu?
Agora nos check-ins também marco a condição climática na ocasião, antes já usava uma tag para dizer se choveu ou não, mas agora o leque de opções é mais amplo.
Versão 6.9 (09/2020)
- Nova seção: Saúde
Finalmente a seção onde acomodo os gráficos dos dados de sono, peso e quantidade de remédio que tomo ganhou um espacinho próprio no site.
- Nova seção: Atividades Físicas
Agora que virei adepto das caminhadas e tô trancado em casa por conta da pandemia sem pedalar ou jogar bola, achei legal criar uma página reunindo as atividades físicas que pratico.
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 siteNã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
- 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.