Hoje coloquei prateleiras no ateliê novo, na rua Conselheiro Crispinano. Primeiro fixei as mãos francesas na prateleira para depois fixar o conjunto na parede. Dá muito mais trabalho do que se primeiro fixar as mãos francesas na parede para depois colocar a prateleira em cima…
Categoria: pessoal
Como referenciar arquivos em html
Referenciar arquivos html de forma relativa e absoluta não é tão simples assim. Aqui podemos ver como fazer isso.
Escrevo essa publicação na intenção de ajudar aos iniciantes na arte do HTML. Não é muito simples encontrar alguma referência completa sobre isso na internet em português do Brasil. Aí, eu, na minha qualidade de educador, resolvi fazer isso.
Primeiro precisamos deixar claro que podemos usar as palavras ‘pasta’ e/ou ‘diretório’ para dizer a mesma coisa. Você que está lendo já deve saber o que é uma pasta: uma subdivisão de uma memória armazenadora de arquivos para facilitar o acesso humano a estes arquivos. Normalmente identificada e apontada com um nome de fácil assimilação. Por exemplo, a pasta ‘músicas’ provavelmente terá dentro dela arquivos de sons: mp3, ogg, wav.
As referências a outro arquivo, em HTML e outros sistemas de apontamento, podem ser do tipo relativas ou absolutas. São relativas quando consideradas a partir da localização do arquivo que está as chamando. E são absolutas quando consideradas a partir de um outro ponto inicial comumente conhecido. Para entender melhor, vamos considerar a localização do banheiro de uma casa. Se simplificarmos bem, podemos indicar a localização do banheiro a partir da entrada da rua (seria a indicação de localização absoluta) ou podemos indicar a localização do banheiro a partir do local onde estamos (seria a indicação de localização relativa). Assim, para se chegar ao banheiro, podemos ter:
ReferÊncia relativa
Entre na porta da esquerda.
Referência absoluta
Entre na casa, siga o corredor, suba a escada a direita, entre no quarto e entre na porta da direita.

As referências absolutas e relativas podem ficar mais complexas ou simples de acordo com o ponto de partida onde se está. Acima vimos um exemplo onde a referência relativa parece mais simples que a absoluta. Abaixo teremos um exemplo de como isso fica diferente quando temos que ir para a lavanderia da casa.
ReferÊncia relativa
Saia do quarto, desça a escada, vire a esquerda, siga o corredor e entre a direita.
Referência absoluta
Entre na casa, entre na porta a esquerda.

Agora vamos ver isso acontecendo com apontamentos de localização de arquivos.
Vou fazer uma aproximação do tipo de memória que o computador precisa acessar para o tipo de memória que nós gostaríamos de acessar na internet. A localização de pedaços de memória nos computadores é chamada de endereço. E tanto nós, usuários, quanto o processador do computador precisa saber o endereço das memórias que deseja-se acessar. Para o computador não tem problema isso ser uma coisa complicada como por exempo 00FF0F0017AFF5B001
. Mas para nós humanos isso é ruim de interpretar e lembrar. Por isso os endereços de memórias nos foram simplificados.
Vamos considerar uma pasta de trabalho. Uma pasta no drive principal do computador chamada ‘Meu site’. O endereço completo desta pasta no drive principal do computador seria C:/inicio/meu usuário/meus trabalhos/meu site
. Mas isso não nos importa muito. Só é necessário que estejamos familiarizados com a maneira como os arquivos são localizados dentro de uma estrutura de pastas no computador.
Dentro desta pasta ‘meu site’ tem um arquivo html. Podemos chamá-lo de index.html
. Também tem uma pasta chamada ‘antigas’ e uma pasta chamada ‘recentes’. E dentro de cada uma destas pastas tem um arquivo HTML chamado ‘inicio.html’. Além de tudo isso, dentro da pasta ‘meu site’ temos uma pasta chamada ‘imagens’ e uma pasta ‘css’. Não vou descrever a estrutura inteira de arquivos porque fica muito mais fácil olhando para a imagem. Veja a representação gráfica de tudo.

Tendo nossa estrutura de arquivos, podemos navegar entre eles com referências entre um e outro. Todas as referências que faremos agora serão relativas. Adiante trabalharemos com referências absolutas.
Considerando que com nossos navegadores estamos no documento inicial do site, ‘index.html’, dentro de nossa pasta principal, que é a ‘meu site’. Se neste documento index.html eu precisar navegar para o documento ‘index_antigas.html’ que está na pasta ‘antigas’, preciso fazer o link da seguinte maneira.
<a href="antigas/index_antigas.html">clique aqui para ver as antigas</a>.
Estando neste documento, se eu quiser voltar para o documento anterior, uso o link assim:
<a href="../index.html">clique aqui para voltar</a>.
Repare nos pontos. Esta é a forma de apontarmos para um documento que está um nível abaixo do que estamos navegando.
Agora, estando em ‘index.html’, desejo fazer um link para a o documento que está dentro de ‘recentes’ e dentro de ‘melhores’. Para fazer isso, a partir do ‘index.html’, pode-se fazer assim:
<a href="recentes/melhores/index_melhores.html">clique aqui para ver os melhores e mais recentes</a>.
Estando no documento ‘index_melhores.html’, se eu quiser apontar para a página ‘index.html’ preciso colocar duas vezes os pontos de saída da pasta no caminho que vou apontar. Então, o endereço relativo ficaria assim:
<a href="../../index.html">clique aqui para voltar ao início</a>.
Da mesma forma, se dentro da página ‘index_melhores.html’ eu quiser usar uma imagem que está na pasta ‘imagens’, preciso endereçar desta maneira a solicitação.
<img src="../../imagens/circulo.jpg">
Agora vamos ver como estes apontamentos ficariam para endereçamentos absolutos. Isso apenas funciona se eu estiver hospedando meus arquivos em um servidor web. Eu posso estar funcionando o servidor no meu próprio computador, localmente, ou eu posso ter enviado os arquivos para uma pasta remota em um computador remoto onde esteja funcionando um servidor web. Vamos supor que este servidor web esteja preparado para responder no endereço http://www.teste.edu.br. Então teríamos a mesma estrutura de arquivos anterior, mas que respondem neste endereço.

Para fazermos a mesma chamada para o arquivo ‘index.html’ de forma absoluta, usamos a âncora assim:
<a href="http://www.teste.edu.br/index.html">Ir para a página inicial.</a>
Para chamar a página ‘index_antigas.html’ que está dentro da pasta ‘antigas’, o apontamento ficaria assim:
<a href="http://www.teste.edu.br/antigas/index_antigas.html">Ver as páginas antigas.</a>
E para eu usar uma imagem dentro de qualquer uma das páginas desta estrutura eu posso chamar no endereço da pasta de imagens.
<img src="http://www.teste.edu.br/imagens/leite.png">
Algumas observações agora:
- a maioria dos servidores web está configurada para sempre apresentar o arquivo ‘index.html’ dentro de cada pasta solicitada se nenhum outro arquivo for determinado. Assim, tanto de forma relativa quanto absoluta, se você tivesse um arquivo chamado ‘index.html’ dentro da pasta ‘melhores’, por exemplo, para apontá-lo você poderia apenas apontar a pasta onde ele está. Assim:
<a href="http://www.teste.edu.br/recentes/melhores">Clique aqui</a>
. - quando configuramos um servidor web em nosso próprio computador de trabalho, a maioria das vezes o primeiro documento apresentado pode ser chamado no endereço ‘localhost’.
- De maneira relativa, para apontarmos para o arquivo ‘index.html’ que está na raiz, podemos fazer um link apenas para “/”. Assim:
<a href="/">Voltar para o início</a>
- Normalmente a navegação de um site acontece misturando-se chamadas relativas e absolutas – então não precisa se ater a apenas um tipo. As referências cruzadas são uma riqueza da internet. Quanto mais referências coerentes fazemos em um documento, melhor a qualidade dele.
Fazendo uma calça – Uma abordagem escultórica
Quando eu tive a oportunidade de fazer uma calça.
Estamos em quarentena. O Vírus Corona se espalhou pelo mundo e fez o Brasil tentar recolher sua população em suas casas para ter o menor contato possível entre os seres afim de não disseminar essa porcaria. Então muitas pessoas – poucas privilegiadas, na verdade – foram dispensadas temporariamente de seus trabalhos e tem agora a oportunidade de ficar em casa fazendo qualquer coisa. Aproveitei este tempo para fazer algo que eu queria há tempos: desenhar e montar uma calça. Esta maneira de abordar a tarefa já aponta que estou olhando com os olhos que não são de um desenhista de moda ou um costureiro. Gostaria de me colocar no lugar do escultor que está experimentando com um novo material. Me disse Francisco Klinger que esculpir é experimentar com materiais e é com esse espírito que peguei um bom pedaço de tecido preto (que uma senhora me deu no SESC), a máquina de costura Elgin ZigZag que era da minha sogra, bastante tempo livre e quis realizar esta empreitada que tinha vontade há tanto tempo. Acabei levando 3 dias entre pesquisas, criação, desenho e costura.
Tive alguma instrução para confeccionar roupas na SP Escola de Teatro. Na época em que cursei Cenografia e Figurino, Telumi Helen e os professores chamados por ela nos guiaram pelo mundo do desenho e construção de figurino. O desenvolvimento no curso lá é mais o de um artista idealizador do que o de um artista construtor de figurinos. Assim, focávamos em desenho, escolha de materiais, justificativa contextual e conceitual, etc. De modos que a construção das roupas tinha menos participação no curso. Eu, como fazedor, muitas vezes me colocava mais junto ao povo do curso de Técnicas de Palco, que tem um processo mais ligado às artes práticas da construção teatral. Mas um processo que não tive acesso era o da construção normal de roupas – mais ligado ao da fabricação industrial. E isso também me interessava.
Então, munido de todos os recursos que já falei, comecei a empreitada. Primeiro gostaria de colocar aqui que por muito tempo foi muito teimoso em fazer construções práticas a partir de nenhum estudo. Eu fazia isso porque sempre tive um apreço à originalidade e exclusividade dos processos e resultados. Como se a essa altura da vida fosse possível existir algo novo… A humanidade evolui na medida em que acumula, espalha e consulta os conhecimentos já produzidos. E se existem fontes de consulta destes conhecimentos, que sejam usadas! Enfim, dei uma pesquisada em algumas fontes da internet que me apontaram caminhos a seguir.

A primeira coisa que aprendi neste processo foi o nome dos moldes de roupas em inglês. É pattern. E com isso a pesquisa já avançou bastante pois tem mais fontes interessantes de consulta deste assunto em inglês do que em português. Imediatamente lembrei que existe uma maravilhosa série de livros sobre este assunto chamada Pattern Magic – que me havia sido apresentada na SP Escola de Teatro. Usei a citação desta série de livros para aproximar meu assunto da escultura, que já estava começando a ficar distante. E assim também preciso colocar a referência das roupas do Balé Triádico, icônico espetáculo modernista que nos apresentou belos figurinos escultóricos.
Apesar desta aproximação com a escultura, meu objetivo mesmo era produzir uma roupa para usar sem causar assim tanta estranheza nas pessoas. Então, por mais que houvesse esta aproximação do processo de modelagem na escultura, o resultado que eu gostaria seria mais próximo do da confecção convencional. Mas, se eu pudesse brincar com esta modelagem e ver as deformações acontecendo na roupa enquanto eu ia alterando cada pedaço que a compõe seria maravilhoso. Esta possibilidade acontece em um processo de modelagem de roupas chamado moulage, em que tecidos vão sendo adaptados sobre um manequim para se fazer a roupa desejada. Para fazer a moulage eu precisaria de um manequim – e não seria um simples manequim. Teria que ser um manequim do meu tamanho e com pernas, já que o objetivo seria produzir uma calça. Até pensei em antes produzir este manequim, o que exigiria um grande dispêndio de energia e material. Por ora, não.
Outra maneira de acompanhar a deformação das roupas conforme se altere os moldes é com programas de computador. Nas buscas iniciais encontrei vários softwares que fazem isto. Mas são todos pagos… Vale colocar aqui que esta tarefa de apresentar os caimentos e deformações de tecidos é bem complicada. Mesmo para um programa de computador. E eu até encontrei soluções em software livre – como um simulador no Blender. Mas não queria parar para aprender a usar alguma solução que não fosse rápida. Então busquei modelagens convencionais prontas e as adaptaria conforme minha vontade.

Vou abrir um parágrafo aqui para ilustrar um pouco a complicação da modelagem de roupas. Considerando que a roupa tende a aderir a uma superfície e que ela é feita de tecido, e que este tecido é basicamente um entrelaçamento de linhas – a malha – que forma um plano. A conformação do plano em superfícies onduladas cria rugas e deformações por causa do tensionamento e relaxamento do tecido. Estas deformações variam de acordo com a dureza e sentido das fibras do tecido. Para vestir uma bola de gude não podemos usar a mesma modelagem que usaríamos para vestir uma moeda. A moeda tem basicamente duas dimensões – altura e largura – enquanto a esfera tem também a profundidade. Isso exige que sejam feitas adaptações complexas de modo a permitir que o tecido envolva todo o corpo a ser vestido. A modelagem de uma ‘roupinha para uma bola de gude’ teria o desenho da planificação como o da divisão do globo terrestre: em fusos (sim, a terra é um globo, uma esfera). Esta parte é importante para entender principalmente o desenho do cavalo da calça que será visto mais adiante.

Uma boa referência de desenhos de modelagem é o blog MModelista que disponibiliza vários moldes prontos. Urrú. A partir dele, dei uma fuçada em calça jogger e achei umas coisas. Outra boa encontrada neste sentido foi um app para Android chamado Pants Pattern – que nem bem é um aplicativo, apenas uma coleção de desenhos de modelagem. Como seria minha primeira calça, escolhi um modelo com modelagem simples.

Depois disso, comecei a tomar umas medidas para adaptar os desenhos que já existiam para algo de meu gosto. O maior desafio no desenho da modelagem de uma calça é representar na planificação da peça a localização da medida do cavalo. Esta é a medida que pega o meridiano central do corpo partindo de uns 4 dedos abaixo do umbigo, passando por entre as pernas, entre as nádegas e chegando até o meio da cintura do outro lado. E esta medida tem que coincidir com a metade do perímetro da coxa (considerando uma calça de 4 partes).



Desenhar usando o computador permite que se erre e acerte muito mais vezes. Fica mais fácil subir ou descer os pontos de referência, mudar as medidas, alterar curvas. Olhando a imagem ‘Calça XTO 1’ dá pra ver que a partir de 2 retângulos, levando em consideração os muitos desenhos com as referências de modelagem que encontrei por aí, fui colocando as medidas que colhi do meu corpo e desenhando as partes planificadas da calça. O comprimento, neste modelo de calça, fica fácil de transferir ao molde. Como já disse, a parte mais complicada é conseguir perceber esta parte do encontro do cavalo com a coxa. Peguei uma medida de referência de uma bermuda que considero que tem o tamanho OK.

Tendo o desenho pronto, agora era preciso passar para o tecido… Eu não queria gastar umas 40 folhas para imprimir na minha impressora A4 e montar tudo para ter o molde. Então fiz um processo de transferência do desenho usando um lápis branco (estava sem giz) no tecido estendido no chão. Tá valendo…
Com as partes desenhadas e recortadas, livrando mais ou menos 1cm de cada lado para as costuras, agora o lance era costurar. A máquina de costura da minha sogra andou bem parada e tive que abrir pra lubrificar. Dei uma limpada na parte do lançador e da carretilha, abri a carcaça e pinguei umas gotas de óleo de máquina. Ela ficou uma beleza! Vou falar aqui dos erros que cometi no processo:
- Costurei o lado direito primeiro. Ao costurar o lado esquerdo, não obedeci a disposição das peças e ficou uma do avesso da outra… tive que desfazer uma vez…
- Depois de costurar as duas partes de cada lado não é tão fácil entender de que lado ficará a costura da parte traseira da calça… vale a pena perder um tempo revirando a dita-cuja senão vai ter que descosturar quando perceber o erro. Eu fiz isso…
- Depois de costuradas as laterais é fácil sair fechando a borda inteira da calça fechando o buraco da cintura e dos pés. Este erro eu não cometi, mas já vi acontecendo.
O bom de passar esta parte é que já dá para matar a curiosidade de como vai ficar a peça. Claro que já vesti e fui olhar no espelho. Era minha primeira calça e estava cheia de problemas. Eu deveria ter lido isso aqui antes de começar… Mas decidi ir até o final da façanha.
Com as partes costuradas, é bom colocar um cós com algum tipo de fecho. Olhando o desenho se vê que planejei um cós de 3cm. Costurei uma faixa desta largura, a costurei por dentro, abri e rebati a costura. Agora faltava o fechamento. O que estava mais fácil para mim era usar botões para fechar a calça. Aí veio outro erro: coloquei os botões do lado errado da calça e a parte que planejava que ficaria por cima acabou ficando por baixo. Humpf…
Sim, os bolsos estão baixos Olha que calça simpática Que belos bolsos
Os bolsos de uma roupa são um capítulo a parte. Existe uma infinidade de maneiras de fazer e a ordem certa para se costurar. Eu nunca tinha feito então passei metade de um dia dobrando, costurando errado, descosturando. E isso sem contar o tempo que levei para escolher este tecido que antes era de uma cortina aqui de casa -e depois virou o forro de uns banquinhos estofados, roupa de carnaval e capa da própria máquina de costura.
No final das contas gostei do resultado. Ficou uma calça meio skatista com cintura, bolsos e cavalo baixo. Após o uso encontrei alguns problemas de movimentação com ela que devem ser consertados no modelo número 2. O fato de eu não ter deixado uma diferença de tamanho muito grande entre o cós e a parte superior das nádegas faz com que ela fique caindo durante a caminhada. E ficou muito justa na coxa. E dá um trabalhão para tirar porque a canela está muito justa e o tecido não é elástico.
Fazer a própria roupa é uma libertação muito grande que só pode ser experimentada para um grupo que tem a possibilidade (tempo, habilidade, material) de fazer. Sai muito mais barato comprar uma roupa pronta produzida em série. Isso não toma seu tempo e você não gasta com material. Mas tem um monte de material sobrando por aí, os modelos produzidos por você tem uma identidade própria, é preciso parar de importar porcarias da China, é preciso exercitar as habilidades manuais. Só coisa de classe média mesmo. Minha primeira calça é cheia de problemas, mas a achei bem bonita e vou usar mesmo tendo que puxá-la para cima a cada 30 passos.
O sistema tentando amenizar os problemas que causou
Há pouco li no Meio uma notícia falando sobre a doação de Jeff Bezos de bilhões de dólares para custear soluções para não ter no mundo um colapso ecológico. Jeff Bezos é o dono da Amazon, a imensa loja virtual que começou como livraria e agora é um centro de compras que agrega outras lojas virtuais, um marketplace. Bezos é considerado o homem mais rico do mundo.
Não é novidade isso. Seguindo a linha de muitos outros ricaços como Bill Gates e Antônio Ermírio de Moraes, decide-se fazer grandes doações para causas que julgam importantes. Estas doações certamente fomentam a atenuação dos sintomas de problemas sociais. Mas o que eu quero colocar aqui é que a má distribuição de renda que permite que estes empresários acumulem tamanha fortuna é o grande problema que eles deveriam se preocupar em solucionar. Foi esta mesma má distribuição que gerou os problemas ambientais e sociais que estão agora tentando combater.
Talvez nem as pessoas bilionárias nem os problemas ambientais existiriam se desde o começo das trocas financeiras elas tivessem sido feitas de forma justa. O consumo exagerado, a acumulação de riquezas e o esgotamento do planeta são partes de um mesmo sistema. Não adianta por um lado fornecer produtos baratos, pagar mal os fornecedores e esconder seus ganhos em paraísos fiscais e depois, para diminuir a culpa perante o mundo estragado que ajudaram a fazer, doar parte dos lucros para alguma causa específica. Esta causa específica é de escolha do empresário ricaço e, como neste exemplo que dei, vai atenuar um sintoma do problema, não combatê-lo.
É difícil defender que o pagamento de impostos e dos direitos trabalhistas seja a melhor forma de combater o colapso ambiental que se aproxima. Alguém, de uma vez só, destinar um montante de dinheiro imenso para uma causa considerada boa não pode ser visto com maus olhos – e é considerado um herói. Não é o fato de haver dinheiro sendo destinado para a causa boa o problema. O problema é que o mesmo sistema que trouxe a dinheirama para a mão do empresário é que está causando o desastre ambiental.
É isso aí, amizade!
Hoje fiz uma coisa que nunca tinha feito no Facebook: desfazer a amizade com alguém. O que, é claro, me fez pensar sobre.
Antes das redes sociais os contatos eram guardados em uma agenda (que até era de papel antes do Orkut) e a gente só olhava pra eles quando lembrava que precisava acioná-los por algum motivo. Escrever isso me fez pensar: o que era legal quando as pessoas eram apenas contatos – e não ficava-se sabendo de cada coisa que a pessoa fazia – era que eu preservava na lembrança a pessoa que eu julguei ser importante a ponto de incluí-la como contato. Meus contatos moravam em algum lugar carinhoso em meu coração (e na agenda) e eu não sabia que elas tinham votado no outro candidato, que elas consideravam burro quem pensasse diferente, que elas tinham problemas. É claro que se sabia que as pessoas tinham problemas ou diferenças escandalosas de modo de pensar, mas isso não ficava se exibindo a todo momento e estes defeitos podiam até mesmo ser desconsiderados. Os problemas só eram identificados quando se entrava em contato com a pessoa. E isso era mais raro. A palavra raro aqui pode ser aplicada no mesmo sentido que o ouro o recebe. Assim se encontra o valor no encontro e na troca de informações.
A maioria das pessoas é uma construção nossa. Toda a vida dela existe dentro da nossa invenção. Se conhece-se uma pessoa na época em que ela está profundamente triste ou brilhando alegria vá se construir uma imagem que tenha a ver com aquele momento. As pessoas mudam.
Uma pessoa que foi considerada amiga há muito tempo não é a mesma pessoa de hoje. Não existe problema nenhum nisso. Mas ninguém é obrigado a ser amigo de ninguém. De boa, relax.
Iso posto, vou deixar de seguir todo mundo no Facebook. Eu prefiro saber da vida de vocês quando os encontrar. Contato é para trocar informação – não receber sem requisitar. Agradeço que me entendam.
Posse do novo presidente
Entrou o novo presidente. Não votei nele e ele é um pacote de problemas políticos: intelectualmente limitado, com pouca paciência, debochado. Não reconhece problemas alheios, populista lacrador de internet. A cara do Brasil. Temente a seu deus, quer impor sua crença para o país. Com mania de perseguição, acha que pegou a direção enquanto a nação se vestia de socialista, comunista, vermelha. Quem dera…
O Brasileiro é um gordão de uns 32 anos e uns 1,80m. Pesa uns 150kg, usa chinelo menor que o seu número (ou o pé está muito inchado). O calcanhar está raspando no chão por causa do chinelo gasto. Sua cara feliz está suja com os restos do churrasco que comeu há pouco. Debaixo dos braços está molhado de suor. Ele dá uma amassadinha no saco contando da última mulher que importunou enquanto sorri olhando se sua mulher não está por perto (ela estava dando comida para seus dois filhos). Faz uns passinhos de dança quando toca seu batidão favorito. Este batidão é um sucesso que mistura funk carioca com sertanejo e pagode. Tem até uma batida de reggae no meio – e um break com uns 5 segundos de rap. Torcedor de um time qualquer que ele defende dizendo ser o melhor de todos e discursa razões para isso. Tem um prato de plástico sujo de farofa com vinagrete e uns ossos de frango numa mão. Na outra um copo de plástico com uma cerveja onde se vê migalhas de pão que saíram de sua boca na última golada. Sua camiseta sem manga tem umas frases em inglês e sua bermuda de nylon tem muitas cores. Ele sua o calor tropical do nosso querido Brasil misturado com o calor da churrasqueira do sítio alugado pelo tio.
Esta publicação inaugura uma fase de opiniões pessoais aqui. Vou dar um jeito de esconder isso no fluxo normal do blog porque acho que não importa muito aos outros. Mas para meu exercício de texto é importante. Vou instalar um escondedor de publicações de determinada categoria. Urrú!