tiagombp / my-patch

Claiming a small patch of the web for myself

Home Page:https://www.tiago.wtf/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

my-patch-of-the-web

Claiming a small patch of the web for myself. Hopefully this will be the home of my personal website. Very much inspired by the concept of digital garden, as seen in Maggie Appleton texts.

Borda de 2px? 4px (dá um efeito legal nas cores do Santuário)?

Inspirations

https://www.behance.net/gallery/117432271/Marco-Polo-Festivals-Web

Santuário

Mapas 8 bits para a visão geral do "Words".

https://www.koponen-hilden.fi/ (só vi depois que já tinha montado minha página inicial!)

ideias

Será que vale a pena armazenar as posições e aí usar gsap para mover?

Começar com uma cor só (Todos os retângulos e bordas). Aí gradativamente colore as bordas, depois os retângulos, e começa.

Usar voronoi, em vez do treemap? Tesselations?

aumentar fonte do h1 para 3 rem?

fazer um scroller em cima de um mapa contando minha história

to-do

Ler blog Maggie Appleton pra ver se existe um padrão nas classificações de digital gardens.

Words
 |
 +-- Tutorial Web Dev 
     tipo o minimo necessário para fazer uma interface sobre o mapa.
     monta um box, com botoes em cima, e faz cada botao provocar algo no box, tipo mudar a cor, apresentar um texto, aplicar um gradiente.
     depois faz uma versão scroller.
     
         
 +-- FlyTo em d3
 +-- Tutorial Mapbox

summary

  1. generates the random data
  2. load data with the drawings and letters grid.

About

Claiming a small patch of the web for myself

https://www.tiago.wtf/


Languages

Language:JavaScript 48.1%Language:HTML 34.4%Language:CSS 13.3%Language:R 4.1%