
Sim, to usando uma imagem da Miku pro início desse post mesmo não tendo nada a ver com o assunto. Ou talvez, de algum modo, até tenha. De qualquer forma, estou longe de achar que esse tipo de post seja no mínimo interessante pra alguém que não seja eu mesma, mas eu quero documentar essas coisas aqui pra registro mesmo, e acho que isso já é motivo o suficiente, né.
Eu me encaixo na porcentagem de pessoas que se importam com a estética do setup do computador. Fui cria do Cocoppa, aquele app que deixava a gente personalizar, de um jeito bem cafona, o celular. Não seria diferente com o meu PC.
Não dá pra falar que foram grandes customizações, porque fui bem sutil.
O meu objetivo principal era mudar a cor das pastas pra que combinasse com o meu wallpaper, e só. Dei uma fuçada pela internet e descobri o Windhawk.
O Windows possui um arquivo em que nele fica gravado qualquer mudança que você faça, como alterar o nome de um documento ou pasta, por exemplo. O Windhawk é um programa cheio de “mods” criados pelos usuários que modificam esse arquivo, possibilitando diversas customizações, tipo a de mudar a cor das pastas.
Além dessa, outras duas chamaram a minha atenção: Uma que muda o layout do menu Iniciar e outra que separa as janelas do mesmo aplicativo, ou seja, se eu estiver com duas janelas do navegador abertas, em vez de ficarem juntinhas, cada uma vai ter o seu ícone.
Pra aumentar a imagem, é só clicar nela.
Pra comparação, o menu Iniciar padrão do Windows 11 é assim. Meu namorado disse que não viu diferença nenhuma, mas a diferença pra pessoas que preferem os aplicativos em lista é gritante!
Outra coisa que fiz, por outro aplicativo, e esqueci de comentar foi a barra de tarefas transparente. No caso, ela só fica assim quando não tem nada aberto, do contrário ela fica normal.
Aproveitando que eu tava nessa vibe de ajeitar as coisas, fui mexer no código do blog pra dar um jeito numa coisa que me incomodava há meses.
A comunidade do Neocities preza muito por acessibilidade, e como passei a fazer parte dela, aprendi bastante sobre o assunto. Um dos tópicos mais recorrentes é o de deixar o site acessível pelo celular. O Blogger até tem um layout padrão pra dispositivos móveis, mas eu sempre achei ele pavoroso. O problema é que eu não tinha o conhecimento necessário pra fazer algo a respeito.
Agora eu tenho porque ando praticando HTML e CSS, e finalmente entendi o que precisava ser feito. Com isso, agora o layout do blog fica lindo no mobile e a leitura também ficou melhor ☆(>ᴗ•)
Aqui um print pra você não ter que abrir o blog pelo celular 😊
Já que entramos no assunto “código”, eu comentei nesse post que eu ia me dedicar a aprender como mexer no Eleventy.
Pra quem não sabe, você precisa fazer página por página no Neocities e isso inclui o layout de cada uma. Então, vamos supor que o seu site tenha um menu de navegação e você quer adicionar mais um link nele. Você teria que adicionar esse link em cada página que o menu aparece, atualizar uma por uma. Trabalhão da porra, né. O Eleventy facilita isso pra nós meros mortais.
No Eleventy, você cria como se fosse um template e aí só precisa se preocupar com o conteúdo da página. De grosso modo, você vai ter dois arquivos: Template + Conteúdo. Depois disso, é só dar um comando e ✨ a mágica acontece. O programa junta os dois e te devolve um arquivo prontinho, bonitinho pra você subir no Neocities ou onde você quiser.
Você pode ter 10 páginas diferentes só de conteúdo que utilizam do mesmo template, e sabe o mais legal? Quando você atualiza o template, o layout muda em TODAS as páginas. Salvando uma caralhada de horas que você gastaria se tivesse que atualizar uma por uma.
O meu Neocities nem tem tantas páginas assim, mas assim que descobri sobre o Eleventy, eu fiquei doida pra aprender porque tudo que envolve automação me interessa. Sei que tem algumas polêmicas em torno do assunto, mas se pode facilitar o meu trabalho, por que não aprender?
E eu aprendi!
Foi mais fácil do que pensei. Sendo honesta, a parte mais chata é a da instalação e configuração. Depois é só alegria, principalmente se você usar o combo Eleventy + VS Code. Abaixo temos um print do meu VS Code aberto, e vou fazer um break down dele pra vocês.
Na coluna da esquerda temos os meus arquivos e pastas em forma de lista. As bolinhas coloridas vem de uma extensão que instalei e eu uso elas pra dizer:
- 🟢 “Isso aqui você pode editar sem medo”;
- 🔴 “Nem ouse mexer nisso aqui!”;
- E as 🟣 são pra arquivos que vão pro Neocities.
Organizo assim porque alguns arquivos do Eleventy não podem ser editados, já que isso pode acabar desconfigurando a hora que ele vai juntar o template com o seu conteúdo. Preciso das bolinhas (que, na verdade, são emojis) pra eu não me esquecer ou confundir.
Continuando...
Do lado direito, na parte maior, temos 3 abas abertas. Aí é onde eu edito os códigos. É bem melhor do que fazer isso no editor do Neocities ou no bloco de notas, por exemplo. No VS Code é possível baixar algumas extensões que deixam o seu código organizado, que adicionam cor, que te sinalizam caso o código tenha algum erro. É uma mão na roda.
Abaixo da coluna dos arquivos, temos um gatinho laranja fofinho (dá pra brincar com ele!!!) e em baixo dele
temos 2 botões fundamentais: Build Eleventy e Eleventy Server Preview. Isso não vem junto com o Eleventy, eu que
sou preguiçosa gosto de automatizar tudo e coloquei os dois aí.
O primeiro serve pro Eleventy juntar o Template + Conteúdo, como disse mais acima. O segundo é pro Eleventy abrir um servidor e nele é possível ver as mudanças que você faz ao vivo, então sem essa de editar, salvar e só então ver como ficou. Dá pra fazer tudo ao mesmo tempo 🤯
Enfim, dá pra ver que eu fiz literalmente duas páginas apenas. Isso porque eu tava em semana de provas e cagou tudo, mas agora estou livre, então vem aí!
Como eu disse mais acima, eu gosto de automatizar algumas coisas, então quando descobri um aplicativo chamado Scriptable, quase chorei de emoção.
Scriptable é um aplicativo do iOS que permite que você escreva uns códigos JavaScript e faça umas coisas legais no celular, como criar widgets, por exemplo! Não vou mentir pra vocês, eu sei 0 coisas sobre JavaScript e tudo que quero fazer que precisa de JavaScript faço com ajuda do ChatGPT 😬
Com esse aplicativo, deu pra fazer 4 coisas:
RSS FEED
Quando eu falo pra vocês que já testei diversos aplicativos gratuitos de RSS Feed, i mean it. Nenhum notificava direito ou o layout era totalmente podre ou o plano grátis permitia poucos feeds.
Eu costumava usar um bot no Discord que me notificava quando um blog que acompanho postava, mas, devido a um detox digital que fiz recentemente, desativei meu Discord. A solução que encontrei foi:
Criar uma página no Notion com os títulos dos blogs e com o título do último post de cada um. Com isso, o código no Scriptable acessa essa página e confere blog por blog se o título do último post bate com o que tá lá, se for diferente, é porque teve atualização e aí vem uma notificação.
A ideia inicial era que eu pudesse clicar na notificação e o post abrisse no navegador, mas o iPhone encheu o saco por causa de umas limitações e acabei deixando só a notificação sem interação mesmo.
WIDGET PRO LAST.FM
Eu sei que o Last.fm tem aplicativo e, provavelmente, tenha uns widgets lá, mas eu não queria baixar o app só pra isso. O widget que fiz é simples, só pega os scrobbles dos últimos 7 dias, mas era exatamente o que eu queria porque só quero acompanhar os números.
ESSE DEU TRABALHO
Eu queria fazer uma automação pra facilitar o meu trabalho... no meu trabalho. Uma das minhas funções na clínica de psicologia que trabalho é o atendimento por WhatsApp, tirando dúvidas, remarcando sessões, enfim. Todo dia tenho que enviar o link do atendimento online pra cada um dos pacientes (e muitas vezes faço isso de manhãzinha, morrendo de sono).
Preciso abrir o Google Agenda → abrir o evento → copiar o link do Meet → abrir o bloco de notas → altero a mensagem padrão que mando pro nome do paciente em questão → colo o link no final da mensagem → copio tudo → abro o WhatsApp → vou na conversa do paciente → colo → envio.
Tá vendo o tanto de passo pra algo que deveria ser simples? Agora imagina eu repetindo esse processo 10x. Agora imagina eu repetindo esse processo 10x e com sono. Não dá minha gente.
Então, primeiro fiz uma planilha com o nome de cada paciente, o número do telefone, o link do Meet e um espaço pra dia e outro pro horário da sessão.
Existe um negócio chamado Google Apps Script que permite você conectar seus aplicativos do Google, ou seja, eu conectei a minha Google Agenda com minha Planilha Google.
Tá, mas e daí?
Basicamente, duas vezes ao dia, o código confere os nomes que estão na planilha e busca eventos na agenda que constam os mesmos nomes. Assim que o código acha o paciente na agenda, ele puxa os dados do evento, como dia e horário, e atualiza a planilha com eles. Desse jeito, minha planilha fica sempre atualizada, e isso é importante porque:
No celular, o código que coloquei no Scriptable acessa essa planilha e me devolve os pacientes do dia atual. Eu seleciono o nome do paciente, aparece a prévia da mensagem que costumo enviar e a opção de abrir o WhatsApp pra enviar.
Eu queria muito que ele enviasse a mensagem sozinho, mas, de novo, limitações do iPhone...
De qualquer jeito, assim já tá ótimo e funcional. Talvez pareça que troquei seis por meia dúzia, mas juro que
otimizou muito o meu tempo e a Nana de 9h da manhã agradece.
NÃO FOI NO SCRIPTABLE MAS VALE A MENÇÃO
Aderi ao Google Alerts recentemente. Essa função do Google que você pode programar, de um jeito muito simples, pra receber um compilado das melhores notícias sobre um determinado assunto no seu e-mail todo dia.
Eu coloquei os assuntos que eu tenho interesse, mas o problema é que nem sempre eu leio no mesmo dia. Então, fiz um botãozinho no meu celular que quando eu clico, ele pega o link da notícia, assim como o título dela também, e atualiza uma tabela que tenho no Notion. Daí fica tudo reunido, organizado e anotado pra eu ler depois.
Talvez eu seja preguiçosa mesmo, mas ter feito tudo isso me abriu a mente pra muita coisa.
Eu concordo que alguns trabalhos manuais devem continuar no manual, como escrever aqui no blog. Porém, eu sou estudante de RH, e literalmente toda matéria que tenho fala sobre “como é importante a automação nas empresas, porque facilita muito o trabalho manual, poupa tempo e, principalmente, dinheiro.” Eu não sabia como podia aplicar isso na minha rotina pessoal, mas agora que descobri, um mar de possibilidades passa pela minha cabeça.
Se automações vão deixar as pessoas mais preguiçosas no futuro, eu não sei. E também não sei se esse aprendizado todo vai me ser útil um dia, eu espero que sim, mas enquanto isso não acontece, aceito levar como hobby.
Oi Nana, tudo bem?
ResponderExcluirSei que você comenta no início que esse post poderia interessar só a você, mas cá estou pra dizer que AMEI E LI TUDO. Entendo de código? Nadinha. Mas achei tão interessantes suas explicações e as possibilidades que fiquei entretida durante toda a leitura. Continue sempre trazendo essas novidades do seu dia a dia, é muito legal!
Beijos,
Priih
Infinitas Vidas
Confesso que entendi metade da parte técnica de programação, mas a parte prática faz muito, MUITO sentido. Tu teria feito milagres se tivesse um Android; é muito mais responsivo que um iOS (mas deve ter um rabbit hole focado em programação para iOS).
ResponderExcluirEu acho fascinante saber mexer com códigos e aplicar isso pra própria rotina, mesmo que seja para coisas simples mas que fazem falta. Só que não tem como pensar nisso como preguiça porque, se fosse, a preguiça não ia te deixar começar essa empreitada, hehehe
Excelentes dicas! Confesso que desconhecia esses programas!
ResponderExcluirBjxxx,
Pinterest | Instagram | Linkedin
Ahhhhh adoro esse tipo de conteúdo, tanto sobre organização digital, como sobre codificação. Me encanta. Não tinha dimensão de como da para automatizar a vida assim. Esses dias eu vi um texto maravilhoso do blog camundonguinha sobre sistema operacional para computador e fiquei fascinada, não sei fazer nada, mas é muito bom ler sobre o processo de aprendizado e afins das pessoas sobre qualquer assunto.
ResponderExcluirEu amei você explicando um programa pra usar neocities que é basicamente o php que usamos desde os anos 2000 e que eu uso porque meu blog está em dois servidores diferentes, e eu só faço o código dele uma vez e tudo certo, hahahaha! Mas é legal ver que a galera está se empenhando em fazer mais disso e personalizar as coisas.
ResponderExcluirNão consumo esse tipo de conteúdo mas acho muito massa vc registrar. Primeiro pq tem uma galera que curte e pode se interessar lendo sua experiência, segundo porque daqui um tempo vc pode voltar nesse post e recuperar inspirações ou mesmo perceber o quanto vc evoluiu nesse tempo.
Me identifico com a coisa de personalizar pq é um MUST pra mim. Não ao ponto de baixar apps e personalizar os detalhes, mas eu quero plano de fundo diferente, meus materiais de papelaria do trabalho são todos diferentões, até minha própria skin pq uso roupas com estampas diferentonas hahaha! Acho qued a vida é mais feliz quando a gente personaliza <3
Beijinhos e obrigada pelos comentários e felicitações no blog! :*
CARACA, NANA. eu não sei desses paranauês de programação, como a amanda disse ali em cima, mas você me deu vontade de saber, viu (e olha que eu sou ux designer, então trabalho com programadores o tempo todo). eu absolutamente amei que você deu um jeito de automatizar a parte mais chata do seu trabalho o máximo possível. acho que essa é a parte mais legal de aprender a fazer as coisas, ir aplicando de maneiras que a gente usa com frequência. se fosse eu ia ficar pensando "hihihi olha que maneiroooo eu que fiz e funcionou!!!" igual a uma besta kkkk
ResponderExcluirachei muito maneiro tudo o que você fez, deu vontade real de aprender tudo isso!!!
UAU! quanta coisa uma pessoa habilidosa consegue fazer pra poupar energia, tô maravilhada. o lance da área de trabalho me lembrou que descobri que isso era possível meio sem querer, a muitos anos atrás... vendo a sua assim e o resto das configurações achei tão lindo e charmoso! adoro coisas combinandinho hehe no geral, bem legal isso de customização nos ambientes digitais também, sou totalmente a favor!!
ResponderExcluirabraços, bia ♥
Eu fui a criança que teve acesso à internet muito cedo e sem supervisão, eu aprendi a mexer em Photoshop e HTML, fazia várias coisas na internet e hoje em dia eu tô 100% velha demais para qualquer tutorial. A preguiça tomou conta de mim e o máximo de customização é o meu cursor com animações da Pochita do anime Chainsawman. Tentei deixar minha barra transparente, mais o aplicativo de customização que eu usava parou de funcionar. E eu preciso muito rever a versão mobile do bloguinho, não tá aparecendo a área de comentários lá, mas isso vai ser um problema para a incrível eu do futuro.
ResponderExcluirGarota do 330